/* apply.mt — signed-in app "clean premium" layer (2026-10-16), loaded after app.css (+ home.css) on every app page.
   Same family as the public site: Manrope, near-black ink, one blue accent, light grey ground, hairline borders,
   8–12px radii, no rainbow tiles or purple gradients. Layout and markup unchanged. */
:root{
  --ink:#0F1419; --ink-2:#2A313A; --muted:#59626E; --faint:#8A929C;
  --border:#ECEDF0; --hairline:#DFE1E4; --surface:#F5F6F8;
  --r-card:12px; --r-btn:8px; --r-tile:8px;
  --shadow:0 1px 2px rgba(15,20,25,.04),0 4px 14px -6px rgba(15,20,25,.08);
  --shadow-lg:0 10px 30px -14px rgba(15,20,25,.25);
}
body,input,select,textarea,button{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
body{-webkit-font-smoothing:antialiased}
.app [style*="font-weight:900"],.app h1,.app h2,.app h3{font-weight:800!important;letter-spacing:-.025em}
.screen__title{font-weight:800!important;letter-spacing:-.035em!important}
.section-h{font-weight:800;letter-spacing:-.015em}
.card{border-color:var(--border)}
/* Home: brand banner = dark band (no purple gradient) */
.hm-banner{background:radial-gradient(70% 120% at 100% 0%,rgba(36,120,242,.45),transparent 60%),linear-gradient(120deg,#151B23,#0B0F14)!important;box-shadow:none!important}
.hm-banner__deco{background:rgba(255,255,255,.06)!important}
.hm-banner__t{font-weight:800!important}
.hm-banner__s{font-style:normal!important;font-weight:600!important;color:#B9CFFF}
/* Home: category tiles = white cards, flat icon in a soft blue circle */
.hm-cat{background:#fff!important;color:var(--ink)!important;border:1px solid var(--border);box-shadow:none!important}
.hm-cat__ic{width:30px!important;height:30px!important;border-radius:50%!important;background:#EAF2FE!important;color:#2478F2}
.hm-cat__n{font-weight:700!important;color:var(--ink)}
.hm-cat__c{color:var(--muted);opacity:1!important;font-weight:600!important}
.hm-pair__btn{border-radius:8px!important}
.hm-pair__k{color:#2478F2!important}
.hm-search input{border-radius:8px!important}
/* brand cards (profile completion etc.) */
.card--brand{background:radial-gradient(80% 140% at 100% 0%,rgba(36,120,242,.5),transparent 60%),linear-gradient(120deg,#151B23,#0B0F14)!important}
.dk-milo{background:#F5F6F8!important;border:1px solid var(--border)}
/* buttons, chips, inputs */
.btn{border-radius:var(--r-btn)!important;font-weight:700!important}
.chip,.pill,.tag{font-weight:600}
input.input,select.input,textarea.input,.input{border-radius:8px}
.hm-banner,.hm-banner *{color:#fff!important}
.hm-banner__k{color:#9FBFF7!important}
.hm-banner__s{color:#B9CFFF!important}
/* soft multi-colour stat chips on profile → one accent */
.screen .card [style*="background:var(--t-violet)"],.screen .card [style*="background:var(--t-amber)"],.screen .card [style*="background:var(--t-green)"]{background:#EAF2FE!important;color:#2478F2!important}
/* one accent: Milo's violet joins the brand blue (clean-premium rule — no second accent colour) */
:root{--violet:#2478F2;--violet-deep:#1E56D6;--t-violet:#EAF2FE;--t-purple:#EAF2FE}
:root[data-theme="dark"]{--violet:#5B9BFF;--violet-deep:#9FC2FF;--t-violet:rgba(36,120,242,.18)}
.card--milo{background:#F5F8FE!important;border:1px solid #DCE8FC!important}
:root[data-theme="dark"] .card--milo{background:rgba(36,120,242,.12)!important;border-color:rgba(36,120,242,.25)!important}

/* CV file pickers */
.ga__form input[type=file],.screen input[type=file]{font-size:14px;padding:10px;border:1px dashed #B9D2FA;background:#F6F9FF;border-radius:8px;width:100%;color:var(--muted,#5B6472)}
input[type=file]::file-selector-button{font:700 13px Manrope,system-ui,sans-serif;border:0;border-radius:6px;background:#2478F2;color:#fff;padding:8px 12px;margin-right:10px;cursor:pointer}

/* owner logo (2026-10-17) */
.brand__logo{display:block;height:30px;width:auto;max-width:100%}