/* Milo Sea Glass: coherent accessible appearance system. This file intentionally loads after older visual patches. */
html{--milo-brand:#20765d;--milo-primary:#20765d;--milo-on-brand:#ffffff;--milo-brand-hover:#175b48;--milo-ring:rgba(32,118,93,.23);accent-color:#20765d}
html[data-theme="milo-light"],html:not([data-theme]),html[data-theme="light"]{color-scheme:light;--milo-canvas:#f9faf8;--milo-surface:#fff;--milo-card:#fff;--milo-soft:#edf5f1;--milo-ink:#15243a;--milo-muted:#526579;--milo-border:#dce7e2}
html[data-theme="milo-dark"],html[data-theme="dark"],html[data-theme*="dark"]{color-scheme:dark;--milo-canvas:#101b1b;--milo-surface:#192b2a;--milo-card:#1d312f;--milo-soft:#253d38;--milo-ink:#f0f7f4;--milo-muted:#b9ccc6;--milo-border:#3b5750;--milo-brand:#66c8a5;--milo-primary:#66c8a5;--milo-on-brand:#0e281f;--milo-brand-hover:#8bdfc0;--milo-ring:rgba(102,200,165,.3)}
html[data-theme*="contrast"]{--milo-brand:#13634c;--milo-primary:#13634c;--milo-on-brand:#fff;--milo-ink:#111b27;--milo-muted:#334155;--milo-border:#6c7c83}
/* Shared accent: remove purple / violet from all app-generated interactive components. */
.milo-primary,button[class*="bg-indigo"],button[class*="bg-violet"],a[class*="bg-indigo"],a[class*="bg-violet"],.milo-guide-button{background:var(--milo-primary)!important;border-color:var(--milo-primary)!important;color:var(--milo-on-brand)!important}
.milo-primary *,button[class*="bg-indigo"] *,button[class*="bg-violet"] *,.milo-guide-button *{color:var(--milo-on-brand)!important}
.milo-primary:hover,.milo-guide-button:hover{filter:brightness(.94)}
:where(button,a,input,textarea,select):focus-visible{outline:3px solid var(--milo-brand)!important;outline-offset:3px!important}
/* Workspace light and dark share exact semantics instead of old inverted component surfaces. */
html:has(#workspace-navigation) body,html:has(#workspace-navigation) .milo-workspace,html:has(#workspace-navigation) #workspace-main{background:var(--milo-canvas)!important;color:var(--milo-ink)!important;color-scheme:inherit!important}
html:has(#workspace-navigation) #workspace-navigation,html:has(#workspace-navigation) #workspace-navigation nav,html:has(#workspace-navigation) #workspace-navigation>div:first-child,html:has(#workspace-navigation) #workspace-main>.sticky{background:var(--milo-surface)!important;color:var(--milo-ink)!important;border-color:var(--milo-border)!important}
html:has(#workspace-navigation) #workspace-main :is(h1,h2,h3,h4,h5,h6,dt,th,strong){color:var(--milo-ink)!important;opacity:1!important}
html:has(#workspace-navigation) #workspace-main :is(p,li,dd,td,small,legend,label,summary){color:var(--milo-muted)!important;opacity:1!important}
html:has(#workspace-navigation) #workspace-main :is(.text-stone-400,.text-stone-500,.text-stone-600,.text-stone-700,.text-stone-800,.text-stone-900,.text-emerald-200,.text-emerald-300,.text-green-200){color:var(--milo-muted)!important}
html:has(#workspace-navigation) #workspace-main :is(section,article,div)[class*="bg-stone-9"],html:has(#workspace-navigation) #workspace-main :is(section,article,div)[class*="bg-stone-8"],html:has(#workspace-navigation) #workspace-main :is(section,article,div)[class*="bg-emerald-9"],html:has(#workspace-navigation) #workspace-main :is(section,article,div)[class*="bg-green-9"],html:has(#workspace-navigation) #workspace-main :is(.bg-stone-50,.bg-stone-100,.bg-white){background:var(--milo-card)!important;border-color:var(--milo-border)!important;color:var(--milo-ink)!important}
html:has(#workspace-navigation) #workspace-main :is(section,article,div)[class*="bg-stone-9"] :is(h1,h2,h3,h4,h5,h6,strong,label,legend),html:has(#workspace-navigation) #workspace-main :is(section,article,div)[class*="bg-stone-8"] :is(h1,h2,h3,h4,h5,h6,strong,label,legend){color:var(--milo-ink)!important}
html:has(#workspace-navigation) #workspace-main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--milo-surface)!important;color:var(--milo-ink)!important;border:1px solid var(--milo-border)!important;border-radius:11px!important;color-scheme:inherit!important}
html:has(#workspace-navigation) #workspace-main :is(input,textarea)::placeholder{color:var(--milo-muted)!important;opacity:.85!important}
html:has(#workspace-navigation) #workspace-main :is(input,select,textarea):focus{border-color:var(--milo-brand)!important;box-shadow:0 0 0 3px var(--milo-ring)!important}
html:has(#workspace-navigation) #workspace-main a:not([class*="bg-"]){color:var(--milo-brand)!important}
html:has(#workspace-navigation) #workspace-main :is(button,a)[class*="bg-stone-900"],html:has(#workspace-navigation) #workspace-main :is(button,a)[class*="bg-stone-800"]{background:var(--milo-soft)!important;color:var(--milo-ink)!important;border:1px solid var(--milo-border)!important}
html:has(#workspace-navigation) #workspace-main .milo-secondary{background:var(--milo-surface)!important;color:var(--milo-ink)!important;border-color:var(--milo-border)!important}
html:has(#workspace-navigation) #workspace-main .milo-primary,html:has(#workspace-navigation) #workspace-main :is(button,a)[class*="bg-indigo"],html:has(#workspace-navigation) #workspace-main :is(button,a)[class*="bg-violet"],html:has(#workspace-navigation) #workspace-main .milo-guide-button{background:var(--milo-primary)!important;color:var(--milo-on-brand)!important;border-color:var(--milo-primary)!important}
html:has(#workspace-navigation) #workspace-main .milo-primary *,html:has(#workspace-navigation) #workspace-main .milo-guide-button *{color:var(--milo-on-brand)!important}
html:has(#workspace-navigation) #workspace-main .text-white:not(button):not(a){color:var(--milo-ink)!important}
html:has(#workspace-navigation) #workspace-navigation nav a{color:var(--milo-ink)!important}
html:has(#workspace-navigation) #workspace-navigation nav a:hover{background:var(--milo-soft)!important;color:var(--milo-brand)!important}
html:has(#workspace-navigation) #workspace-navigation nav a[aria-current=page]{background:var(--milo-soft)!important;color:var(--milo-brand)!important;box-shadow:inset 3px 0 var(--milo-brand)!important}
html:has(#workspace-navigation) #workspace-navigation .milo-nav-coming-soon{background:var(--milo-soft)!important;border-color:var(--milo-border)!important;color:var(--milo-muted)!important}
html:has(#workspace-navigation) #workspace-navigation .milo-nav-coming-soon .milo-coming-soon{background:var(--milo-surface)!important;color:var(--milo-muted)!important;border-color:var(--milo-border)!important}
html:has(#workspace-navigation) #workspace-navigation .milo-workspace-account,html:has(#workspace-navigation) #milo-workspace-device-tools{background:var(--milo-surface)!important;color:var(--milo-ink)!important;border-color:var(--milo-border)!important}
html:has(#workspace-navigation) #workspace-navigation .milo-workspace-account :is(p,button){color:var(--milo-ink)!important}
html:has(#workspace-navigation) #workspace-main>div[role=status]{background:var(--milo-soft)!important;color:var(--milo-ink)!important;border-color:var(--milo-border)!important}
html:has(#workspace-navigation) #workspace-main>div[role=status] *{color:var(--milo-ink)!important}
html:has(#workspace-navigation) #workspace-main :is(.milo-coming-soon,.milo-upcoming-card){background:var(--milo-soft)!important;color:var(--milo-muted)!important;border-color:var(--milo-border)!important}
/* Present dark-theme dashboard metric chips, tabs, and alerts clearly (never black-on-dark). */
html[data-theme*="dark"] #workspace-main :is(button,a)[class*="bg-stone"],html[data-theme*="dark"] #workspace-main .milo-accent{background:var(--milo-soft)!important;color:var(--milo-ink)!important}
html[data-theme*="dark"] #workspace-main :is(button,a)[class*="bg-stone"] *{color:var(--milo-ink)!important}
/* Auth: same premium spacing, paper-like card and restrained typography as the homepage. */
body:has(main form input[autocomplete="email"]):not(:has(#workspace-navigation)){background:var(--milo-canvas)!important;color:var(--milo-ink)!important}
body:has(main form input[autocomplete="email"]):not(:has(#workspace-navigation)) main{background:var(--milo-canvas)!important;color:var(--milo-ink)!important;min-height:100svh!important;padding:clamp(44px,7vh,96px) 20px 90px!important;display:flex;align-items:flex-start;justify-content:center}
body:has(main form input[autocomplete="email"]) main>div{width:min(100%,510px)!important;max-width:510px!important;background:var(--milo-surface)!important;border:1px solid var(--milo-border)!important;border-radius:24px!important;box-shadow:0 20px 65px rgba(13,36,30,.07)!important;padding:clamp(24px,4vw,46px)!important}
body:has(main form input[autocomplete="email"]) main h1{font-size:clamp(2rem,4vw,2.8rem)!important;color:var(--milo-ink)!important;letter-spacing:-.045em!important}
body:has(main form input[autocomplete="email"]) main p{color:var(--milo-muted)!important}
body:has(main form input[autocomplete="email"]) main .milo-primary{background:var(--milo-primary)!important;color:var(--milo-on-brand)!important;border-radius:12px!important;min-height:50px!important}
body:has(main form input[autocomplete="email"]) main .milo-secondary{background:var(--milo-soft)!important;color:var(--milo-ink)!important;border:1px solid var(--milo-border)!important;border-radius:12px!important}
body:has(main form input[autocomplete="email"]) main :is(input,select,textarea){background:var(--milo-surface)!important;color:var(--milo-ink)!important;border:1px solid var(--milo-border)!important;border-radius:11px!important}
body:has(main form input[autocomplete="email"]) main input::placeholder{color:var(--milo-muted)!important;opacity:.85}
body:has(main form input[autocomplete="email"]) main [role=group]{background:var(--milo-soft)!important;border-radius:13px!important;border-color:var(--milo-border)!important;gap:6px!important}
body:has(main form input[autocomplete="email"]) main [role=group] button{border-radius:9px!important;color:var(--milo-muted)!important;background:transparent!important}
body:has(main form input[autocomplete="email"]) main [role=group] button[aria-pressed=true]{background:var(--milo-surface)!important;color:var(--milo-ink)!important;box-shadow:0 2px 6px rgba(10,34,27,.09)!important}
body:has(main form input[autocomplete="email"]) main a{color:var(--milo-brand)!important}
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"]{width:110px!important;height:62px!important;margin-bottom:22px!important;display:block!important}
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"] .milo-brand{display:block!important;width:110px!important;height:62px!important}
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"] img{content:url('/milo-original-logo.png')!important;display:block!important;width:110px!important;height:62px!important;object-fit:contain!important}
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"] .milo-logo-image{filter:none!important}
/* Appearance controls need readable surface and contrast on either palette. */
.milo-appearance-trigger,.milo-appearance [role=dialog],.milo-appearance [role=menu],#appearance-panel{background:var(--milo-surface)!important;color:var(--milo-ink)!important;border-color:var(--milo-border)!important}
.milo-appearance :is(button,label,span,p){color:var(--milo-ink)!important}
.milo-appearance button[aria-checked=true],.milo-appearance button[aria-pressed=true]{background:var(--milo-soft)!important;color:var(--milo-brand)!important}
@media(max-width:560px){body:has(main form input[autocomplete="email"]) main>div{border-radius:18px!important;padding:24px!important}}
@media(prefers-reduced-motion:reduce){.milo-appearance *,#workspace-main *,#workspace-navigation *{animation:none!important;transition:none!important}}
/* Higher-priority theme tokens override the preceding v4 light-only !important tokens. */
html[data-theme="milo-dark"]:has(#workspace-navigation),html[data-theme="dark"]:has(#workspace-navigation),html[data-theme*="dark"]:has(#workspace-navigation){color-scheme:dark!important;--milo-canvas:#101b1b!important;--milo-surface:#192b2a!important;--milo-card:#1d312f!important;--milo-soft:#253d38!important;--milo-ink:#f0f7f4!important;--milo-muted:#b9ccc6!important;--milo-border:#3b5750!important;--milo-brand:#66c8a5!important;--milo-primary:#66c8a5!important;--milo-on-brand:#0e281f!important}
html[data-theme="milo-light"]:has(#workspace-navigation){color-scheme:light!important;--milo-canvas:#f9faf8!important;--milo-surface:#fff!important;--milo-card:#fff!important;--milo-soft:#edf5f1!important;--milo-ink:#15243a!important;--milo-muted:#526579!important;--milo-border:#dce7e2!important;--milo-brand:#20765d!important;--milo-primary:#20765d!important;--milo-on-brand:#fff!important}
html:has(#workspace-navigation) #workspace-main .milo-guide-button{background:var(--milo-primary)!important;color:var(--milo-on-brand)!important}
/* Legacy classes no longer control the accent. */
html:has(#workspace-navigation) #workspace-main button:focus-visible,html:has(#workspace-navigation) #workspace-main a:focus-visible{outline-color:var(--milo-brand)!important}
/* Public landing page uses its own CSS custom properties and JS-controlled body.dark. */
:root{--brand:#20765d;--tint:#eaf6f0}
body.dark{--bg:#101b1b;--fg:#eff8f4;--muted:#b8ccc5;--line:#3b5750;--surface:#192b2a;--tint:#253d38;--brand:#66c8a5}
body.dark .btn-primary{color:#10291f!important}
/* Any remaining legacy violet colour tokens map to Milo sea-green. */
html:has(#workspace-navigation){--milo-brand:#20765d!important}


/* MiloJobs brand refinement: shared sea-green action colour, accessible contrast and lockup. */
html{--milo-brand:#176b53!important;--milo-primary:#176b53!important;--milo-on-brand:#fff!important;--milo-brand-hover:#125741!important;--milo-ring:rgba(23,107,83,.22)!important;accent-color:#176b53!important}
html[data-theme="milo-dark"],html[data-theme="dark"],html[data-theme*="dark"]{--milo-brand:#70c7a3!important;--milo-primary:#70c7a3!important;--milo-on-brand:#10291f!important;--milo-ring:rgba(112,199,163,.3)!important;accent-color:#70c7a3!important}
.milo-primary,button[class*="bg-indigo"],button[class*="bg-violet"],a[class*="bg-indigo"],a[class*="bg-violet"],.milo-guide-button{background-color:var(--milo-primary)!important;border-color:var(--milo-primary)!important;color:var(--milo-on-brand)!important;box-shadow:0 5px 14px rgba(23,107,83,.14)!important}
.milo-primary *,button[class*="bg-indigo"] *,button[class*="bg-violet"] *,a[class*="bg-indigo"] *,a[class*="bg-violet"] *,.milo-guide-button *{color:var(--milo-on-brand)!important}
.milo-primary:hover:not(:disabled),.milo-guide-button:hover{background-color:var(--milo-brand-hover)!important;border-color:var(--milo-brand-hover)!important}
:where(button,a,input,textarea,select):focus-visible{outline-color:var(--milo-brand)!important;box-shadow:0 0 0 3px var(--milo-ring)!important}
/* Use the existing supplied wordmark image with a readable full company name. */
.milo-public-header .milo-home-link::after,#workspace-navigation a[aria-label="Milo home"]::after,body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"]::after{content:"MiloJobs";display:inline-block;margin-left:7px;color:var(--milo-ink,#15243a);font-family:'Instrument Serif',Georgia,serif;font-size:24px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;vertical-align:middle}
.milo-public-header .milo-home-link{width:auto!important;min-width:0!important;gap:7px!important}
.milo-public-header .milo-logo-image{width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain!important}
#workspace-navigation a[aria-label="Milo home"]{width:auto!important;min-width:0!important;gap:7px!important}
#workspace-navigation a[aria-label="Milo home"] .milo-logo-image{width:38px!important;height:38px!important;max-width:38px!important;object-fit:contain!important}
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"]{display:flex!important;align-items:center!important;width:auto!important;height:auto!important;margin-bottom:20px!important}
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"] .milo-logo-image{width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain!important}
/* Keep default typography crisp and consistent without changing form or workflow behaviour. */
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif!important}
.milo-public-page :where(h1,h2,h3){color:var(--milo-ink)!important}
.milo-public-page :where(p,li,label,small){line-height:1.65}
.milo-public-page :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:11px!important;min-height:44px}
@media(max-width:640px){.milo-public-header .milo-home-link::after,#workspace-navigation a[aria-label="Milo home"]::after,body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"]::after{font-size:21px}}

/* Auth form's compact logo link and shared logo are separate from the public header. */
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"] .milo-brand{width:48px!important;height:48px!important;display:block!important;flex:0 0 48px!important}
body:has(main form input[autocomplete="email"]) main a[aria-label="Milo home"] .milo-brand img{width:48px!important;height:48px!important;max-width:48px!important;object-fit:contain!important;content:url('/milo-original-logo.png')!important}
#workspace-navigation a[aria-label="Milo home"] .milo-brand{width:38px!important;height:38px!important;display:block!important;flex:0 0 38px!important}
#workspace-navigation a[aria-label="Milo home"] .milo-brand img{width:38px!important;height:38px!important;max-width:38px!important;object-fit:contain!important;content:url('/milo-original-logo.png')!important}
/* The original home header uses its explicit brand image, not the compact icon. */


/* Shared dark-mode tokens for the legacy static site pages. */
html[data-theme="milo-dark"],html[data-theme="dark"],html[data-theme*="dark"]{color-scheme:dark!important;--milo-canvas:#101b1b!important;--milo-surface:#192b2a!important;--milo-card:#1d312f!important;--milo-soft:#253d38!important;--milo-ink:#f0f7f4!important;--milo-muted:#bdcec8!important;--milo-border:#3b5750!important;--milo-brand:#70c7a3!important;--milo-primary:#70c7a3!important;--milo-on-brand:#10291f!important}
html[data-theme="milo-dark"] body,html[data-theme="dark"] body,html[data-theme*="dark"] body{background:#101b1b!important;color:#f0f7f4!important;color-scheme:dark!important}
html[data-theme="milo-dark"] body .milo-public-page,html[data-theme="milo-dark"] body main,html[data-theme="milo-dark"] body footer,html[data-theme="milo-dark"] body header,html[data-theme="dark"] body .milo-public-page,html[data-theme="dark"] body main,html[data-theme="dark"] body footer,html[data-theme="dark"] body header{background-color:#101b1b!important;color:#f0f7f4!important;border-color:#3b5750!important}
html[data-theme*="dark"] body :is(h1,h2,h3,h4,h5,h6,strong,b,dt,th,legend,label,summary){color:#f0f7f4!important;opacity:1!important}
html[data-theme*="dark"] body :is(p,li,dd,td,small){color:#bdcec8!important;opacity:1!important}
html[data-theme*="dark"] body :is(a:not([class*="bg-"]),.milo-text-link){color:#8bdfc0!important}
html[data-theme*="dark"] body :is(.milo-search-panel,.milo-sponsorship-options,.milo-job-card,.milo-results,.milo-search-next,.milo-card,.milo-tool-card,.milo-pricing-card,.milo-public-card,.milo-company-search,.milo-advert-preview){background:#192b2a!important;color:#f0f7f4!important;border-color:#3b5750!important}
html[data-theme*="dark"] body :is(input,select,textarea){background:#142322!important;color:#f0f7f4!important;border-color:#46625a!important;color-scheme:dark!important}
html[data-theme*="dark"] body :is(input,textarea)::placeholder{color:#a7bdb5!important;opacity:1!important}
html[data-theme*="dark"] body :is(button,a)[class*="milo-secondary"],html[data-theme*="dark"] body .btn:not(.btn-primary){background:#253d38!important;color:#e5f4ed!important;border-color:#4b6a5e!important}
html[data-theme*="dark"] body :is(.milo-primary,.btn-primary,.milo-guide-button){background:#70c7a3!important;color:#10291f!important;border-color:#70c7a3!important}
html[data-theme*="dark"] body .milo-public-header{background:rgba(16,27,27,.96)!important;border-color:#3b5750!important}
html[data-theme*="dark"] body :is(.milo-public-footer,.milo-footer-grid){background:#101b1b!important;border-color:#3b5750!important}
html[data-theme*="dark"] body hr{border-color:#3b5750!important}
html[data-theme*="dark"] body :is([class*="bg-white"],[class*="bg-stone-50"],[class*="bg-stone-100"],[class*="bg-emerald-50"],[class*="bg-green-50"]){background-color:#192b2a!important;border-color:#3b5750!important}
html[data-theme*="dark"] body :is(.text-stone-900,.text-stone-800,.text-gray-900,.text-slate-900){color:#f0f7f4!important}
html[data-theme*="dark"] body :is(.text-stone-700,.text-stone-600,.text-stone-500,.text-gray-600,.text-slate-600){color:#bdcec8!important}
html[data-theme*="dark"] body :is(.border-stone-200,.border-stone-300,.border-gray-200){border-color:#3b5750!important}
html[data-theme*="dark"] body :is(.milo-appearance-trigger,.milo-appearance [role="dialog"],.milo-appearance [role="menu"],#appearance-panel){background:#192b2a!important;color:#f0f7f4!important;border-color:#3b5750!important}
html[data-theme*="dark"] body .milo-appearance :is(button,label,span,p){color:#f0f7f4!important}