/* ==========================================================================
   SA Recruiters — Monochrome layer (pure black & white)
   Loaded LAST. styles.css / ios-blue-ui.css / vacancy-v2.css / community.css
   were already converted to grey tokens; this file adds the structure that
   makes a black-and-white UI clear:
     • black "chrome" panels (header, nav, menus) that stay black in both themes
     • one primary button style (solid ink) + one secondary (2px outline)
     • meaning carried by shape/weight/icons, never by colour
     • visible keyboard focus, underlined links, greyscale imagery
   To bring photos/logos back in colour: set  --mono-photo-filter:none  on :root.
   ========================================================================== */

/* ---------- 1. Black chrome panels: tokens flip inside so children stay legible ---------- */
#screen-home .screen-fixed,
.bottom-nav,
#screen-home .home-bottom-hero,
#screen-menu .menu-hero,
.account-hero,
.site-menu-drawer,
.update-banner,
.retry-banner,
.home-chat-banner,
.pool-feature-card,
.candidate-cta,
.home-tool-card--employer,
.home-tool-card--seeker,
.toast,
.install-banner,
#app-splash{
  --text:#fff;--text-2:#cfcfcf;--text-3:#a9a9a9;
  --m-ink:#fff;--m-on-ink:#000;--m-wash:rgba(255,255,255,.10);--m-wash-2:rgba(255,255,255,.16);
  --accent:#3ddc84;--accent-soft:rgba(61,220,132,.16);
  --card:#111;--card-2:#1a1a1a;--card-3:#262626;--border:#3a3a3a;--border-strong:#8a8a8a;--separator:#2a2a2a;
  background:#000!important;color:#fff;background-image:none!important;
}
[data-theme="dark"] #screen-home .screen-fixed{border-bottom:1px solid #2e2e2e}
[data-theme="dark"] .bottom-nav{border-top:1px solid #2e2e2e}
[data-theme="dark"] #screen-home .home-bottom-hero,[data-theme="dark"] #screen-menu .menu-hero,[data-theme="dark"] .account-hero{border:1px solid #2e2e2e}

/* Home header pieces */
#screen-home .logo-text,#screen-home .logo-slogan{color:#fff}
#screen-home .logo-slogan{color:#cfcfcf}
#screen-home .search-inner{background:#fff;color:#000;border:2px solid #fff;--text:#000;--text-2:#4a4a4a;--text-3:#6b6b6b}
#screen-home .search-inner input{color:#000}
#screen-home .search-inner input::placeholder{color:#595959;opacity:1}
#screen-home .search-inner svg{stroke:#000;color:#000}
#screen-home .home-filter-chip{background:transparent;color:#fff;border:1px solid #8a8a8a}
#screen-home .home-filter-chip small{color:#cfcfcf}
#screen-home .home-filter-chip:hover,#screen-home .home-filter-chip:focus-visible{background:#fff;color:#000;border-color:#fff}
#screen-home .home-filter-chip:hover small{color:#333}
#screen-home .home-filter-chip.active{background:#fff;color:#000;border-color:#fff}
#screen-home .stat-card{background:#0f0f0f;color:#fff;border:1px solid #4a4a4a;box-shadow:none}
#screen-home .stat-card *{color:inherit}
#screen-home .stat-card:hover,#screen-home .stat-card:focus-visible{background:#fff;color:#000;border-color:#fff}
#screen-home .stat-card:hover *{color:#000}
#screen-home .stat-arrow{color:#fff}
.stats-scroll-btn{background:#fff;color:#000;border:1px solid #fff}
.header-install-btn{background:#fff;color:#000;border:2px solid #fff;font-weight:800}
.site-menu-trigger{background:transparent!important;border:2px solid #fff!important;color:#fff}
.site-menu-trigger span{background:#fff}
.screen:not(#screen-home) .site-menu-trigger{background:var(--m-ink)!important;border:2px solid var(--m-ink)!important;color:var(--m-on-ink)}
.screen:not(#screen-home) .site-menu-trigger span{background:var(--m-on-ink)}
.connection-status{background:var(--m-wash);color:var(--text);border:1px solid var(--border)}

/* ---------- 2. Bottom navigation ---------- */
.bottom-nav .navbtn,.bottom-nav .navbtn .navbtn-label{color:#cfcfcf!important}
.bottom-nav .navbtn svg{stroke:#cfcfcf!important;color:#cfcfcf!important}
.bottom-nav .navbtn.active,.bottom-nav .navbtn.active .navbtn-label{color:#fff!important;font-weight:800}
.bottom-nav .navbtn.active svg{stroke:#fff!important;color:#fff!important}
.bottom-nav .navbtn.active{box-shadow:inset 0 3px 0 #fff}
[data-theme="light"] .bottom-nav .navbtn:not(.active),[data-theme="light"] .bottom-nav .navbtn:not(.active) .navbtn-label{color:#cfcfcf!important}
[data-theme="light"] .bottom-nav .navbtn:not(.active) svg{stroke:#cfcfcf!important;color:#cfcfcf!important}

/* ---------- 3. Screen headers (pushed screens) ---------- */
.screen:not(#screen-home) .screen-fixed{background:var(--bg);border-bottom:2px solid var(--m-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.screen:not(#screen-home) .screen-title-group .logo-text{color:var(--text);font-weight:850}
.screen:not(#screen-home) .screen-context{color:var(--text-2);font-weight:650}
.screen:not(#screen-home) .screen-scroll{background:var(--bg)}
.theme-toggle,.menu-more-btn,.screen-close-btn,.screen-back-btn{background:var(--card)!important;color:var(--text)!important;border:2px solid var(--m-ink)!important}
.screen:not(#screen-home) .theme-toggle,.screen:not(#screen-home) .screen-close-btn{background:var(--card)!important;color:var(--text)!important}
#screen-home .theme-toggle,#screen-menu .theme-toggle,#screen-menu .menu-more-btn{background:transparent!important;color:#fff!important;border:2px solid #fff!important}

/* ---------- 4. Buttons: ONE primary, ONE secondary ---------- */
.btn-primary,.sheet-submit,.vac-apply,.manager-add-btn,.force-update-btn,.access-lock-sheet .sheet-submit,
.pool-contact-btn,.candidate-cta,.wa-btn,.pool-whatsapp-btn,.floating-whatsapp,.update-banner button,.retry-banner button{
  background:var(--m-green);color:var(--m-on-green);border:2px solid var(--m-green);box-shadow:none;font-weight:800;letter-spacing:0;
}
.btn-primary:hover,.sheet-submit:hover,.vac-apply:hover{opacity:.88}
.btn-primary:active,.sheet-submit:active,.vac-apply:active{transform:scale(.985)}
.btn-primary:disabled,.sheet-submit:disabled,.vac-apply:disabled,button[disabled].btn-primary{background:var(--card-3);color:var(--text-3);border-color:var(--border-strong);cursor:not-allowed;opacity:1}
.vac-apply svg,.wa-btn svg,.sheet-submit svg{stroke:currentColor;color:currentColor}
.vac-apply-secondary,.btn-secondary,.btn-ghost,.quick-card-actions button,.vac-load-more,.vacancy-overview-filter{
  background:transparent;color:var(--text);border:2px solid var(--m-ink);box-shadow:none;font-weight:750;
}
.vac-apply-secondary:hover,.btn-secondary:hover,.quick-card-actions button:hover,.vac-load-more:hover{background:var(--m-ink);color:var(--m-on-ink)}
.quick-card-employers .quick-card-actions button:last-child,#screen-home .home-community-card>button{background:var(--m-ink);color:var(--m-on-ink)}
.vacancy-overview-filter.active,.vac-filter-chip.active,.chip.active{background:var(--m-ink);color:var(--m-on-ink);border-color:var(--m-ink)}
.update-banner,.retry-banner{border:1px solid #4a4a4a}
.update-banner button,.retry-banner button{background:#fff;color:#000;border-color:#fff}

/* destructive actions: same ink language, marked by a dashed outline and bold label */
.btn-danger,.danger-btn,[data-action="delete"],.delete-btn,#delete-account-btn,.vac-delete,.manager-delete-btn{
  background:transparent!important;color:var(--text)!important;border:2px dashed var(--m-ink)!important;font-weight:800;
}
.btn-danger:hover,.danger-btn:hover,.delete-btn:hover{background:var(--m-ink)!important;color:var(--m-on-ink)!important;border-style:solid!important}

/* touch targets */
button,.btn,[role="button"],.navbtn{min-height:40px}
.navbtn{min-height:52px}

/* ---------- 5. Form fields ---------- */
input,select,textarea{color:var(--text)}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.search-inner{background:var(--card);border:1.5px solid var(--border-strong)}
input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}
input:focus,select:focus,textarea:focus,.search-inner:focus-within{outline:none;border-color:var(--m-ink);box-shadow:0 0 0 3px var(--m-wash-2)}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--m-ink)}
label{color:var(--text)}

/* ---------- 6. Focus (keyboard) — always visible ---------- */
:focus-visible{outline:3px solid var(--m-ink)!important;outline-offset:2px!important}
#screen-home .screen-fixed :focus-visible,.bottom-nav :focus-visible,.site-menu-drawer :focus-visible,#screen-menu .menu-hero :focus-visible{outline-color:#fff!important}
#screen-home .search-inner :focus-visible{outline:none!important}

/* ---------- 7. Links ---------- */
.screen-scroll a:not(.btn):not(.vac-apply):not([class*="chip"]):not([class*="card"]):not([class*="row"]):not(.navbtn){text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.home-site-footer a,.legal a,.account-legal a{text-decoration:underline;text-underline-offset:3px}

/* ---------- 8. Badges and status: shape + weight + icon, not colour ---------- */
.verified-check,.verified-tag{color:var(--text)}
.verified-check svg{fill:currentColor;stroke:none}
.badge,.tag,.vx-tag,.vac-tag,.sub-tab-badge,.pill,[class*="-badge"]{background:var(--m-wash);color:var(--text);border:1px solid var(--border-strong);font-weight:750}
.sub-tab-badge{background:var(--m-ink);color:var(--m-on-ink);border-color:var(--m-ink)}
.vx-tag--warn{background:transparent;color:var(--text);border:1.5px dashed var(--m-ink)}
.vx-tag--ok,.vx-tag--new{background:var(--m-ink);color:var(--m-on-ink);border-color:var(--m-ink)}
.vx-tool.saved,.vac-save.saved{background:var(--m-ink);color:var(--m-on-ink)}
.vx-tool.saved svg,.vac-save.saved svg{fill:currentColor;stroke:currentColor}
.error,.form-error,.field-error,.sheet-error,[role="alert"]{color:var(--text);border-left:4px solid var(--m-ink);padding-left:10px;font-weight:700}
.success,.form-success,.sheet-success{color:var(--text);border-left:4px solid var(--m-ink);padding-left:10px;font-weight:700}
.account-quota-fill{background:var(--m-ink)}
.account-quota-track,.progress-track{background:var(--card-3);border:1px solid var(--border-strong)}

/* ---------- 9. Cards, lists and surfaces: hairline borders, no tinted shadows ---------- */
.card,.hub-card,.directory-group,.vacancy-overview-section,.profile-card,.contact-card,.pgrouped-list,.account-signin-card,.account-quota-card,
.quick-card,.spotlight-mini,.home-community-card,.vacancy-card,.vac-card,.vac-folder-card,.hub-list,.empty-state,.screen-state,.screen-intro{
  background:var(--card);border:1.5px solid var(--border);box-shadow:none;
}
.vac-card:active,.vac-folder-card:active,.hub-row:active{background:var(--card-2)!important;border-color:var(--m-ink)}
.vac-folder-icon,.quick-card-icon,.vac-detail-icon,.directory-icon-vacancies,.directory-icon-employers,.directory-icon-branches,.vacancy-group-icon,.wa-tile{background:var(--m-wash-2);color:var(--text)}
.vac-folder-icon svg,.quick-card-icon svg,.vac-detail-icon svg{stroke:currentColor}
.section-head,.screen:not(#screen-home) .section-head{color:var(--text)}
.vac-result-meta,.vac-company,.hub-row-sub{color:var(--text-2)}
.sheet,.sheet-scrim .sheet{background:var(--card);color:var(--text);border-top:2px solid var(--m-ink)}
.sheet-scrim{background:rgba(0,0,0,.6)}
.vac-title,.hub-row-title{color:var(--text)}

/* initials / gradient avatars -> solid ink discs */
[class^="grad-"],[class*=" grad-"],.profile-avatar-ios,.spotlight-initials,.pool-mini-avatar,.hub-row-avatar:not(:has(img)){background:var(--m-ink)!important;color:var(--m-on-ink)!important}

/* ---------- 10. Site menu drawer + menu hero ---------- */
.site-menu-drawer a,.site-menu-drawer button,.site-menu-nav-item{color:#fff}
.site-menu-nav-item{border:1px solid #3a3a3a;background:#0f0f0f}
.site-menu-nav-item:hover,.site-menu-nav-item:focus-visible{background:#fff;color:#000}
.site-menu-nav-item:hover *{color:#000}
.site-menu-nav-icon{background:#1f1f1f;color:#fff;border:1px solid #3a3a3a}
.site-menu-nav-item:hover .site-menu-nav-icon{background:#000;color:#fff}
.site-menu-backdrop{background:rgba(0,0,0,.7)}
#screen-menu .menu-hero *,.account-hero *{color:inherit}
#screen-menu .menu-hero .track-card{background:#0f0f0f;border:1px solid #4a4a4a}

/* ---------- 11. Imagery: greyscale to match the brand ---------- */
img:not(.keep-colour),.vac-logo,.hub-row-avatar img,.profile-avatar-ios img{filter:var(--mono-photo-filter)}
img[src*="qr"],img.keep-colour{filter:none}

/* ---------- 12. Splash ---------- */
#app-splash .sa-splash-dots span{background:#fff!important}
#app-splash .sa-splash-title{color:#fff}
#app-splash .sa-splash-sub{color:#cfcfcf}
#app-splash img{box-shadow:none}

/* ---------- 13. Respect reduced motion ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- 14. Corrections ---------- */
/* inputs nested in a search pill must not get their own box */
.search-inner input,.search-inner input:focus{background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important}
/* bottom nav: active tab = white label + bar above the icon, no pill */
.bottom-nav .navbtn,.bottom-nav .navbtn.active{background:transparent!important;border-radius:0;border:0}
.bottom-nav .navbtn.active{box-shadow:inset 0 3px 0 #fff;background:rgba(255,255,255,.08)!important}

/* dark-theme literal greys that were authored for the old navy surfaces */
.account-signin-card strong,.account-signin-card p,.account-signin-card span,.account-quota-card strong,.account-quota-card span{color:var(--text)}
.account-signin-card p,.account-quota-card p{color:var(--text-2)}
.vx-attr,.vx-attr a,.adzuna-attribution,.adzuna-attribution a,.himalayas-attribution,.himalayas-attribution a{background:transparent!important;color:var(--text-2)!important}
.adzuna-mark{background:var(--m-ink);color:var(--m-on-ink)}
.account-signin-copy strong,.account-signin-copy span,.account-signin-copy *{color:var(--text)!important}
.account-signin-copy span{color:var(--text-2)!important}
.account-signin-terms,.account-signin-terms *{color:var(--text-2)}
.account-signin-terms .gate-terms-link{color:var(--text);text-decoration:underline;font-weight:700}
/* Google's sign-in button keeps its required light look in both themes */
.gsi-material-button{background:#fff!important;color:#1f1f1f!important;border:1.5px solid #747775}
.gsi-material-button .gsi-material-button-contents{color:#1f1f1f!important}

.home-media-video-wrap{background:#000!important;border:1.5px solid var(--border-strong);color:#fff}
/* verified seal: check mark always contrasts with the seal (black on white in dark mode) */
.verified-check svg path:nth-child(2){stroke:var(--m-on-ink)}


/* ==========================================================================
   15. Accent exceptions: GREEN = verified / positive / active, RED = safety warning
   ========================================================================== */
:root,[data-theme="light"]{--m-green:#0b7a35;--m-on-green:#fff;--m-green-soft:rgba(11,122,53,.12)}
[data-theme="dark"]{--m-green:#3ddc84;--m-on-green:#000;--m-green-soft:rgba(61,220,132,.16)}
/* inside the always-black chrome the bright green is used */
#screen-home .screen-fixed,.bottom-nav,#screen-home .home-bottom-hero,#screen-menu .menu-hero,.account-hero,.site-menu-drawer,.update-banner,.retry-banner,.home-chat-banner,.toast,.install-banner{--m-green:#3ddc84;--m-on-green:#000;--m-green-soft:rgba(61,220,132,.16)}

/* verified seal + tag */
.verified-check,.verified-tag{color:var(--m-green)}
.verified-check svg path:nth-child(2){stroke:var(--m-on-green)}
/* positive / highlight states */
.vac-chip.green,.vx-tag--ok,.vx-tag--new,.sub-status-pill.resolved{background:var(--m-green-soft);color:var(--m-green);border:1.5px solid var(--m-green);font-weight:800}
.connection-status[data-state="live"]{color:var(--m-green);border-color:var(--m-green);background:var(--m-green-soft)}
.switch input:checked+.track{background:var(--m-green)}
.account-quota-fill{background:var(--m-green)}
.vx-tool.saved,.vac-save.saved,.star-btn.saved,.star-btn.active{background:var(--m-green-soft);color:var(--m-green)}
.vx-tool.saved svg,.vac-save.saved svg,.star-btn.saved svg,.star-btn.active svg{fill:currentColor;stroke:currentColor}
.sub-card-icon.suggestion{background:var(--m-green-soft);color:var(--m-green)}
.sub-tab-badge{background:var(--m-green);color:var(--m-on-green);border-color:var(--m-green)}
/* active bottom-nav tab */
.bottom-nav .navbtn.active,.bottom-nav .navbtn.active .navbtn-label{color:var(--m-green)!important}
.bottom-nav .navbtn.active svg{stroke:var(--m-green)!important;color:var(--m-green)!important}
.bottom-nav .navbtn.active{box-shadow:inset 0 3px 0 var(--m-green)}
[data-theme="light"] .bottom-nav .navbtn.active{--m-green:#3ddc84}

/* SAFETY WARNING — red panel, white text, both themes */
.contact-warning{background:linear-gradient(135deg,#d32f2f,#b71c1c)!important;border:0!important;border-radius:14px;padding:14px 16px;text-align:center;box-shadow:none}
.contact-warning,.contact-warning *{color:#fff!important}
.contact-warning-title{font-size:12.5px;font-weight:850;line-height:1.5;letter-spacing:.02em}
.contact-warning-emergency{font-size:18px;font-weight:850;margin-top:8px;letter-spacing:.04em}
.account-signin-terms .gate-terms-link,.gate-terms-link{background:transparent!important;border:0!important;padding:0;min-height:0;color:var(--text)!important;text-decoration:underline}

/* ---------- 16. Fixes from device screenshot ---------- */
/* verified ticks are <span>s inside text rows whose own colour rules out-rank a bare class: win on specificity */
html body span.verified-check,html body .verified-tag,html body .verified-tag span{color:var(--m-green)}
html body span.verified-check svg{fill:currentColor}
/* flat surfaces: clipped shadows inside scrolling strips showed up as grey rectangles */
.screen,.screen-scroll,#screen-home .screen-scroll :where(div,section,article,a,button,ul,li),
.spotlight-deck,.spotlight-mini,.spotlight-card,.home-spotlight,.quick-card,.vac-card,.hub-card{box-shadow:none!important}
.screen::before,.screen::after,.screen-scroll::before,.screen-scroll::after{box-shadow:none!important;background-image:none!important}


/* ==========================================================================
   17. GREEN is the accent (replaces the old blue): primary actions, active states, highlights.
       Structure stays black & white; warnings stay red.
   ========================================================================== */
.btn-primary,.sheet-submit,.vac-apply,.manager-add-btn,.pool-contact-btn,.candidate-cta,
.quick-card-employers .quick-card-actions button:last-child,#screen-home .home-community-card>button,
.header-install-btn,.update-banner button,.retry-banner button{background:var(--m-green)!important;color:var(--m-on-green)!important;border-color:var(--m-green)!important}
.header-install-btn{background:#3ddc84!important;color:#000!important;border-color:#3ddc84!important}
.btn-primary:disabled,.sheet-submit:disabled,.vac-apply:disabled{background:var(--card-3)!important;color:var(--text-3)!important;border-color:var(--border-strong)!important}
/* secondary / outline buttons: green outline + label */
.vac-apply-secondary,.btn-secondary,.quick-card-actions button,.vac-load-more,.spotlight-mini-head>button,#screen-home .stats-scroll-btn{color:var(--m-green);border-color:var(--m-green)}
.vac-apply-secondary:hover,.btn-secondary:hover,.quick-card-actions button:hover,.vac-load-more:hover{background:var(--m-green);color:var(--m-on-green)}
/* active chips / filters / tabs */
.vacancy-overview-filter.active,.vac-filter-chip.active,.chip.active,.sub-tab.active,.seg-btn.active,.tab.active{background:var(--m-green);color:var(--m-on-green);border-color:var(--m-green)}
/* links and small accents */
.screen-scroll a:not(.btn):not(.vac-apply):not([class*="chip"]):not([class*="card"]):not([class*="row"]):not(.navbtn){color:var(--m-green)}
.quick-access-label,.section-kicker,.eyebrow,.spotlight-more-copy,.vac-folder-count,.hub-row-cta,.pool-mini-link{color:var(--m-green)}
.account-signin-copy a,.gate-terms-link{color:var(--m-green)!important}
.vac-folder-icon,.quick-card-icon,.vac-detail-icon,.wa-tile{background:var(--m-green-soft);color:var(--m-green)}
.pill,.badge,.tag{border-color:var(--m-green)}
input:focus,select:focus,textarea:focus,.search-inner:focus-within{border-color:var(--m-green);box-shadow:0 0 0 3px var(--m-green-soft)}
:focus-visible{outline-color:var(--m-green)!important}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--m-green)}
#screen-home .stat-card:hover,#screen-home .stat-card:focus-visible{background:#3ddc84;color:#000;border-color:#3ddc84}
#screen-home .home-filter-chip:hover,#screen-home .home-filter-chip.active{background:#3ddc84;color:#000;border-color:#3ddc84}

/* app frame: its desktop drop-shadow showed as a grey strip down the right edge on phones */
.app{box-shadow:none!important}
@media (min-width:900px){.app{box-shadow:0 0 0 1.5px var(--border-strong)!important}}

/* ---------- 18. Final polish ---------- */
/* closed side-menu drawer sits just off-screen; its shadow bled onto the right edge of every page */
.site-menu-drawer{box-shadow:none!important}
.site-menu-drawer.open,.site-menu-drawer[aria-hidden="false"],.site-menu.open .site-menu-drawer{border-left:2px solid #fff}
.app::before,.app::after{background-image:none!important}
/* "See all" and other outlined header buttons use the green accent */
html body #screen-home .spotlight-mini-head button{color:var(--m-green)!important;border-color:var(--m-green)!important;background:transparent}
html body #screen-home .stat-card .stat-arrow{color:inherit}
/* real colours for logos and candidate photos (set --mono-photo-filter:grayscale(1) on :root for B&W photos) */
img,.vac-logo,.hub-row-avatar img,.profile-avatar-ios img{filter:none}

/* ---------- CV Box "Unlock full CV" card button: solid brand green, price hidden until tapped ---------- */
html body .pool-mini-card .pool-mini-actions{display:block!important;grid-template-columns:none!important}
html body .pool-mini-card .pool-mini-actions .pool-cv-download-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  width:100%!important;min-height:50px!important;padding:12px 16px!important;margin:0!important;
  background:var(--m-green)!important;background-image:none!important;
  color:var(--m-on-green)!important;-webkit-text-fill-color:var(--m-on-green)!important;
  border:2px solid var(--m-green)!important;border-radius:14px!important;
  font-size:15px!important;font-weight:800!important;letter-spacing:.01em!important;
  box-shadow:0 6px 16px rgba(11,122,53,.28)!important;
  cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;
}
html body .pool-mini-card .pool-mini-actions .pool-cv-download-btn:hover{opacity:.92;box-shadow:0 8px 20px rgba(11,122,53,.34)!important}
html body .pool-mini-card .pool-mini-actions .pool-cv-download-btn:active{transform:scale(.985)}
html body .pool-mini-card .pool-mini-actions .pool-cv-download-btn .pool-cv-lock{flex:none;stroke:currentColor}
html body .pool-mini-card .pool-mini-actions .pool-cv-download-btn .pool-cv-label{overflow:visible!important;text-overflow:clip!important}
html[data-theme="dark"] body .pool-mini-card .pool-mini-actions .pool-cv-download-btn{box-shadow:0 6px 16px rgba(61,220,132,.22)!important}


/* ==========================================================================
   19. Unified SA Recruiters blue brand layer
   Matches the public-page palette across the app. Dark mode remains optional;
   both themes share the same blue brand and use theme-aware surfaces.
   ========================================================================== */
:root,[data-theme="light"]{
  --m-ink:#1769cf;--m-on-ink:#fff;--m-wash:rgba(23,105,207,.08);--m-wash-2:rgba(23,105,207,.12);
  --bg:#fff;--bg-edge:#f7faff;--card:#fff;--card-2:#f7f9fc;--card-3:#eef3f9;
  --text:#182230;--text-2:#566579;--text-3:#8290a2;--border:#d9e2ec;--border-strong:#b8c8dc;--separator:#e6edf5;
  --accent:#1769cf;--accent-soft:rgba(23,105,207,.1);--success:#087a45;--danger:#b42318;--warning:#8a5a00;
  --badge-bg:rgba(23,105,207,.1);--badge-text:#1769cf;--sheet-bg:#fff;
  --shadow-sm:0 6px 18px rgba(24,54,91,.07);--shadow-lg:0 22px 54px -24px rgba(24,54,91,.18);
  color-scheme:light
}
html[data-theme="dark"]{
  --m-ink:#1769cf;--m-on-ink:#fff;--m-wash:rgba(23,105,207,.14);--m-wash-2:rgba(23,105,207,.2);
  --bg:#101827;--bg-edge:#0c1320;--card:#172334;--card-2:#1d2b3d;--card-3:#26384d;
  --text:#f4f7fb;--text-2:#b4c1d0;--text-3:#8595a9;--border:#2c3d53;--border-strong:#48617d;--separator:#26364a;
  --accent:#5a9bff;--accent-soft:rgba(23,105,207,.2);--success:#52c58b;--danger:#ff7777;--warning:#f1c56f;
  --badge-bg:rgba(90,155,255,.18);--badge-text:#9cc4ff;--sheet-bg:#172334;
  --shadow-sm:0 6px 20px rgba(0,0,0,.2);--shadow-lg:0 24px 58px -22px rgba(0,0,0,.48);
  color-scheme:dark
}
html,body{background:var(--bg);color:var(--text)}
.app,.screen,.screen-scroll,#screen-home .screen-scroll{background:var(--bg)}

/* Replace the former always-black shell panels with theme-aware surfaces. */
#screen-home .screen-fixed,.bottom-nav,#screen-home .home-bottom-hero,#screen-menu .menu-hero,
.account-hero,.site-menu-drawer,.update-banner,.retry-banner,.home-chat-banner,.pool-feature-card,
.candidate-cta,.home-tool-card--employer,.home-tool-card--seeker,.toast,.install-banner,#app-splash{
  --text:inherit;--text-2:inherit;--text-3:inherit;--m-ink:inherit;--m-on-ink:inherit;--m-wash:inherit;--m-wash-2:inherit;
  --accent:inherit;--accent-soft:inherit;--m-green:inherit;--m-on-green:inherit;--m-green-soft:inherit;
  --card:inherit;--card-2:inherit;--card-3:inherit;--border:inherit;--border-strong:inherit;--separator:inherit;--sheet-bg:inherit;
  background:var(--card)!important;color:var(--text)!important;background-image:none!important;border-color:var(--border)!important
}
#screen-home .screen-fixed{border-bottom:1px solid var(--border)!important}
.bottom-nav{border-top:1px solid var(--border)!important}
#screen-home .home-bottom-hero,#screen-menu .menu-hero,.account-hero{border:1px solid var(--border)!important}
.candidate-cta{background:var(--accent)!important;color:var(--m-on-ink)!important;border-color:var(--accent)!important}

/* Home header, filters, and quick stats. */
#screen-home .logo-text{color:var(--text)!important}
#screen-home .logo-slogan{color:var(--text-2)!important}
#screen-home .search-inner{background:var(--card)!important;color:var(--text)!important;border:1.5px solid var(--border)!important;box-shadow:var(--shadow-sm)}
#screen-home .search-inner input{color:var(--text)!important}
#screen-home .search-inner input::placeholder{color:var(--text-3)!important}
#screen-home .search-inner svg{stroke:var(--text-2)!important;color:var(--text-2)!important}
#screen-home .home-filter-chip{background:var(--accent-soft)!important;color:var(--accent)!important;border:1px solid var(--border)!important}
#screen-home .home-filter-chip small{color:var(--text-2)!important}
#screen-home .home-filter-chip:hover,#screen-home .home-filter-chip:focus-visible,#screen-home .home-filter-chip.active{background:var(--accent)!important;color:var(--m-on-ink)!important;border-color:var(--accent)!important}
#screen-home .home-filter-chip:hover small,#screen-home .home-filter-chip.active small{color:var(--m-on-ink)!important}
#screen-home .stat-card{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important}
#screen-home .stat-card *{color:inherit}
#screen-home .stat-card:hover,#screen-home .stat-card:focus-visible{background:var(--accent)!important;color:var(--m-on-ink)!important;border-color:var(--accent)!important}
#screen-home .stat-card:hover *{color:var(--m-on-ink)!important}
#screen-home .stat-arrow{color:var(--accent)!important}
.stats-scroll-btn,#screen-home .stats-scroll-btn{background:var(--card)!important;color:var(--accent)!important;border:1px solid var(--border)!important}
.header-install-btn{background:var(--m-ink)!important;color:var(--m-on-ink)!important;border:1px solid var(--m-ink)!important}
.site-menu-trigger{background:var(--m-ink)!important;border:2px solid var(--m-ink)!important;color:var(--m-on-ink)!important}
.site-menu-trigger span{background:var(--m-on-ink)!important}
#screen-home .theme-toggle,#screen-menu .theme-toggle,#screen-menu .menu-more-btn,.theme-toggle,.menu-more-btn,.screen-close-btn,.screen-back-btn{
  background:var(--card-2)!important;color:var(--accent)!important;border:1px solid var(--border)!important
}

/* Primary actions use the public-page blue; secondary actions stay quiet. */
.btn-primary,.sheet-submit,.vac-apply,.manager-add-btn,.pool-contact-btn,.candidate-cta,
.quick-card-employers .quick-card-actions button:last-child,#screen-home .home-community-card>button,
.header-install-btn,.update-banner button,.retry-banner button{
  background:var(--m-ink)!important;color:var(--m-on-ink)!important;border-color:var(--m-ink)!important
}
.vac-apply-secondary,.btn-secondary,.quick-card-actions button,.vac-load-more,.spotlight-mini-head>button,#screen-home .stats-scroll-btn{
  color:var(--m-ink)!important;border-color:var(--m-ink)!important
}
.vac-apply-secondary:hover,.btn-secondary:hover,.quick-card-actions button:hover,.vac-load-more:hover{background:var(--m-ink)!important;color:var(--m-on-ink)!important}
.vacancy-overview-filter.active,.vac-filter-chip.active,.chip.active,.sub-tab.active,.seg-btn.active,.tab.active{
  background:var(--m-ink)!important;color:var(--m-on-ink)!important;border-color:var(--m-ink)!important
}
.screen-scroll a:not(.btn):not(.vac-apply):not([class*="chip"]):not([class*="card"]):not([class*="row"]):not(.navbtn),
.quick-access-label,.section-kicker,.eyebrow,.spotlight-more-copy,.vac-folder-count,.hub-row-cta,.pool-mini-link,
.account-signin-copy a,.gate-terms-link{color:var(--m-ink)!important}
.vac-folder-icon,.quick-card-icon,.vac-detail-icon,.wa-tile{background:var(--m-wash-2)!important;color:var(--m-ink)!important}
input:focus,select:focus,textarea:focus,.search-inner:focus-within{border-color:var(--m-ink)!important;box-shadow:0 0 0 3px var(--m-wash-2)!important}
:focus-visible{outline-color:var(--m-ink)!important}
#screen-home .screen-fixed :focus-visible,.bottom-nav :focus-visible,.site-menu-drawer :focus-visible,#screen-menu .menu-hero :focus-visible{outline-color:var(--m-ink)!important}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--m-ink)!important}

/* Menus and navigation use white cards with blue active states. */
.bottom-nav .navbtn,.bottom-nav .navbtn .navbtn-label{color:var(--text-2)!important}
.bottom-nav .navbtn svg{stroke:var(--text-2)!important;color:var(--text-2)!important}
.bottom-nav .navbtn.active,.bottom-nav .navbtn.active .navbtn-label{color:var(--m-ink)!important;font-weight:800}
.bottom-nav .navbtn.active svg{stroke:var(--m-ink)!important;color:var(--m-ink)!important}
.bottom-nav .navbtn.active{box-shadow:inset 0 3px 0 var(--m-ink)!important;background:var(--m-wash)!important}
.site-menu-drawer a,.site-menu-drawer button,.site-menu-nav-item{color:var(--text)!important}
.site-menu-nav-item{border:1px solid var(--border)!important;background:var(--card-2)!important}
.site-menu-nav-item:hover,.site-menu-nav-item:focus-visible{background:var(--m-wash-2)!important;color:var(--m-ink)!important}
.site-menu-nav-item:hover *{color:var(--m-ink)!important}
.site-menu-nav-icon{background:var(--m-wash)!important;color:var(--m-ink)!important;border:1px solid var(--border)!important}
.site-menu-nav-item:hover .site-menu-nav-icon{background:var(--m-ink)!important;color:var(--m-on-ink)!important}
#screen-menu .menu-hero .track-card{background:var(--card-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}
.site-menu-drawer.open,.site-menu-drawer[aria-hidden="false"],.site-menu.open .site-menu-drawer{border-left:2px solid var(--border)!important}

/* Splash and image treatments keep the blue mark in its original colours. */
#app-splash .sa-splash-dots span{background:var(--m-ink)!important}
#app-splash .sa-splash-title{color:var(--text)!important}
#app-splash .sa-splash-sub{color:var(--text-2)!important}
#app-splash img{box-shadow:0 10px 30px -14px color-mix(in srgb,var(--m-ink) 42%,transparent)!important}
img,.vac-logo,.hub-row-avatar img,.profile-avatar-ios img{filter:none!important}

/* Keep semantic success and safety states distinct from the blue brand. */
.verified-check,.verified-tag,html body span.verified-check,html body .verified-tag,html body .verified-tag span{color:var(--success)!important}
.verified-check svg path:nth-child(2){stroke:var(--m-on-green)}
.contact-warning{background:linear-gradient(135deg,#d32f2f,#b71c1c)!important}

/* CV Box primary download action follows the same blue brand. */
html body .pool-mini-card .pool-mini-actions .pool-cv-download-btn{
  background:var(--m-ink)!important;color:var(--m-on-ink)!important;-webkit-text-fill-color:var(--m-on-ink)!important;border-color:var(--m-ink)!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--m-ink) 28%,transparent)!important
}
html body .pool-mini-card .pool-mini-actions .pool-cv-download-btn:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--m-ink) 34%,transparent)!important}


/* Visibility and contrast repair: preserve semantic colors while making small controls easy to scan. */
.app :is(.navbtn,.quick-card-icon,.stat-icon,.mi-icon,.theme-toggle,.menu-more-btn,.screen-close-btn,.screen-back-btn,.icon-btn,.directory-title-icon,.contact-card-icon,.hub-contact-icon,.vac-detail-icon,.vx-icon-btn,.vx-field,.alert-optin-title) svg{
  opacity:1!important;
  stroke-width:2.1!important
}
.app .bottom-nav .navbtn svg{display:block!important;width:25px!important;height:25px!important;stroke-width:2.3!important}
.app .quick-card-icon svg,.app .stat-icon svg{width:23px!important;height:23px!important}
.app .mi-icon svg,.app .theme-toggle svg,.app .menu-more-btn svg,.app .screen-close-btn svg,.app .screen-back-btn svg{width:20px!important;height:20px!important}
.site-menu-nav-icon{font-size:19px!important;font-weight:800!important;opacity:1!important}

/* Give the light/dark bottom bars strong icon contrast without using a low-contrast blue-on-blue state. */
[data-theme="light"] .bottom-nav{background:#fff!important;border-top:1px solid #dbe4f0!important}
[data-theme="dark"] .bottom-nav{background:#111b2a!important;border-top:1px solid #33445a!important}
[data-theme="light"] .bottom-nav .navbtn:not(.active),
[data-theme="light"] .bottom-nav .navbtn:not(.active) .navbtn-label{color:#475569!important;opacity:1!important}
[data-theme="light"] .bottom-nav .navbtn:not(.active) svg{color:#475569!important;stroke:#475569!important;opacity:1!important}
[data-theme="light"] .bottom-nav .navbtn.active,
[data-theme="light"] .bottom-nav .navbtn.active .navbtn-label{color:#1769cf!important;opacity:1!important}
[data-theme="light"] .bottom-nav .navbtn.active{background:#eaf2ff!important;box-shadow:inset 0 2px 0 #1769cf!important}
[data-theme="light"] .bottom-nav .navbtn.active svg{color:#1769cf!important;stroke:#1769cf!important;opacity:1!important}
[data-theme="dark"] .bottom-nav .navbtn:not(.active),
[data-theme="dark"] .bottom-nav .navbtn:not(.active) .navbtn-label{color:#d5e2f1!important;opacity:1!important}
[data-theme="dark"] .bottom-nav .navbtn:not(.active) svg{color:#d5e2f1!important;stroke:#d5e2f1!important;opacity:1!important}
[data-theme="dark"] .bottom-nav .navbtn.active,
[data-theme="dark"] .bottom-nav .navbtn.active .navbtn-label{color:#8bbaff!important;opacity:1!important}
[data-theme="dark"] .bottom-nav .navbtn.active{background:rgba(90,155,255,.16)!important;box-shadow:inset 0 2px 0 #8bbaff!important}
[data-theme="dark"] .bottom-nav .navbtn.active svg{color:#8bbaff!important;stroke:#8bbaff!important;opacity:1!important}

/* Render visible bars (empty inline spans otherwise collapse to zero size) in a clear, reachable control. */
#screen-home .site-menu-trigger,.screen:not(#screen-home) .site-menu-trigger{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:7px!important;
  border:2px solid #1769cf!important;border-radius:14px!important;background:#fff!important;color:#1769cf!important;
  box-shadow:0 4px 14px rgba(10,44,90,.24)!important;opacity:1!important
}
#screen-home .site-menu-trigger span,.screen:not(#screen-home) .site-menu-trigger span{
  display:block!important;flex:0 0 3px!important;width:22px!important;height:3px!important;min-height:3px!important;
  border-radius:999px!important;background:#1769cf!important;opacity:1!important
}
#screen-home .site-menu-trigger:focus-visible,.screen:not(#screen-home) .site-menu-trigger:focus-visible{outline:3px solid #1769cf!important;outline-offset:3px!important}
#screen-home .site-menu-trigger:hover,.screen:not(#screen-home) .site-menu-trigger:hover{box-shadow:0 6px 18px rgba(10,44,90,.32)!important;transform:translateY(-1px)}

/* Make the donation CTA's key wording visible immediately instead of white-on-white marquee text. */
#screen-home .home-bottom-hero .support-ticker,#screen-menu .menu-hero .support-ticker{
  height:44px!important;min-height:44px!important;padding:0!important;text-align:left!important;
  border:1px solid rgba(23,105,207,.28)!important;border-radius:999px!important;
  background:#fff!important;box-shadow:0 4px 12px rgba(10,44,90,.14)!important
}
#screen-home .home-bottom-hero .support-ticker-track,#screen-menu .menu-hero .support-ticker-track{
  position:absolute!important;top:0;left:0;display:flex!important;align-items:center;width:max-content;height:100%;
  animation:supportTickerCardScroll 18s linear infinite!important;will-change:transform
}
#screen-home .home-bottom-hero .support-ticker-item,#screen-menu .menu-hero .support-ticker-item{
  position:static!important;display:block!important;flex:0 0 auto;height:100%;padding:0 28px 0 12px!important;
  overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;line-height:42px!important;
  color:#1769cf!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important
}
@keyframes supportTickerCardScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#screen-home .home-bottom-hero .support-ticker:hover .support-ticker-track,#screen-menu .menu-hero .support-ticker:hover .support-ticker-track,
#screen-home .home-bottom-hero .support-ticker:focus-visible .support-ticker-track,#screen-menu .menu-hero .support-ticker:focus-visible .support-ticker-track{animation-play-state:paused!important}
#screen-home .home-bottom-hero .support-ticker:focus-visible,#screen-menu .menu-hero .support-ticker:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){
  #screen-home .home-bottom-hero .support-ticker-track,#screen-menu .menu-hero .support-ticker-track{position:static!important;animation:none!important;transform:none!important}
  #screen-home .home-bottom-hero .support-ticker-item,#screen-menu .menu-hero .support-ticker-item{padding-right:12px!important}
  .site-menu-trigger,.bottom-nav .navbtn{transition:none!important;transform:none!important}
}

/* Home count icons: restore strong contrast and a clear, consistent icon tile. */
#screen-home .stat-icon{
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;
  margin:0 auto 5px!important;border:1px solid rgba(255,255,255,.48)!important;
  border-radius:10px!important;background:rgba(23,105,207,.36)!important;
  color:#fff!important;opacity:1!important;
}
#screen-home .stat-icon svg{width:21px!important;height:21px!important;stroke:currentColor!important;stroke-width:2.5!important}
#screen-home .stat-card:hover .stat-icon,#screen-home .stat-card:focus-visible .stat-icon{
  color:#1769cf!important;background:#fff!important;border-color:#1769cf!important;
}


/* Profile sign-in: retain the clean white Google card and restrained blue hierarchy. */
#screen-account .account-signin-card{
  position:relative;overflow:hidden;padding:18px!important;
  border:1px solid #e1e7ef!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 8px 22px rgba(16,36,66,.07)!important;
}
#screen-account .account-signin-copy{gap:6px;margin:0 0 15px!important}
#screen-account .account-signin-copy .account-signin-eyebrow{
  display:flex;align-items:center;gap:7px;margin-bottom:2px;color:#1769cf!important;
  font-size:9px!important;font-weight:850!important;letter-spacing:.13em;line-height:1.2;text-transform:uppercase;
}
#screen-account .account-signin-eyebrow>span{width:7px;height:7px;flex:none;border-radius:50%;background:#1769cf}
#screen-account .account-signin-copy strong{color:#17263c!important;font-size:18px!important;font-weight:850;letter-spacing:-.035em;line-height:1.2}
#screen-account .account-signin-copy>span:last-child{color:#53657c!important;font-size:12.5px!important;line-height:1.5}
#screen-account .account-signin-card .gsi-material-button{
  min-height:50px!important;height:50px!important;border:1px solid #d5dce7!important;
  border-radius:14px!important;background:#fff!important;color:#202124!important;
  box-shadow:0 4px 12px rgba(20,45,80,.09)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#screen-account .account-signin-card .gsi-material-button:hover{
  transform:translateY(-1px);border-color:#aabbd3!important;background:#fff!important;
  box-shadow:0 7px 16px rgba(20,45,80,.14)!important;
}
#screen-account .account-signin-card .gsi-material-button:active{transform:translateY(0) scale(.99)}
#screen-account .account-signin-card .gsi-material-button:focus-visible{outline:3px solid rgba(23,105,207,.3)!important;outline-offset:3px}
#screen-account .account-signin-terms{margin-top:12px!important;font-size:10.5px;line-height:1.55}
#screen-account .account-signin-terms .gate-terms-link{
  padding:0;border:0!important;background:transparent!important;color:#1769cf!important;
  font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:2px;
}
[data-theme="dark"] #screen-account .account-signin-card{background:#fff!important}
[data-theme="dark"] #screen-account .account-signin-copy strong{color:#17263c!important}
[data-theme="dark"] #screen-account .account-signin-copy>span:last-child{color:#53657c!important}

/* Branded hamburger; the three bars morph to a close mark when the drawer is open. */
.app .site-menu-trigger{
  display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;
  width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;
  border:1px solid rgba(255,255,255,.48)!important;border-radius:15px!important;
  background:linear-gradient(145deg,#287be5,#1555a6)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(9,48,102,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.app .site-menu-trigger span{
  display:block!important;flex:none!important;width:20px!important;height:2.3px!important;min-height:2.3px!important;
  border:0!important;border-radius:99px!important;background:#fff!important;transform-origin:center;
  transition:transform .2s ease,opacity .16s ease,width .18s ease!important;
}
.app .site-menu-trigger:hover{transform:translateY(-1px)!important;box-shadow:0 11px 22px rgba(9,48,102,.34)!important}
.app .site-menu-trigger:focus-visible{outline:3px solid #8fc0ff!important;outline-offset:3px}
.app .site-menu-trigger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.3px) rotate(45deg)}
.app .site-menu-trigger[aria-expanded="true"] span:nth-child(2){width:0!important;opacity:0}
.app .site-menu-trigger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.3px) rotate(-45deg)}

/* White navigation drawer with simple, unboxed rows and no colored content tiles. */
#site-menu-drawer{
  background:#fff!important;color:#17263c!important;border-left:1px solid #e2e8f0!important;
  box-shadow:-16px 0 42px rgba(16,36,66,.16)!important;
}
#site-menu-drawer .site-menu-drawer-head{border-bottom:1px solid #e8edf3!important}
#site-menu-drawer .site-menu-brand strong{color:#14243a!important}
#site-menu-drawer .site-menu-brand span{color:#64748b!important}
#site-menu-drawer .site-menu-close{
  width:42px!important;height:42px!important;border:1px solid #dce4ed!important;
  border-radius:14px!important;background:#fff!important;color:#334155!important;
}
#site-menu-drawer .site-menu-account{
  border:0!important;border-bottom:1px solid #e8edf3!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#site-menu-drawer .site-menu-account:hover,#site-menu-drawer .site-menu-account:focus-visible{background:transparent!important}
#site-menu-drawer .site-menu-account-copy span{color:#64748b!important}
#site-menu-drawer .site-menu-account-copy strong{color:#14243a!important}
#site-menu-drawer .site-menu-account-chev{stroke:#718096!important}
#site-menu-drawer .site-menu-nav button,#site-menu-drawer .site-menu-action{
  border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;
  background:transparent!important;color:#25364d!important;box-shadow:none!important;
}
#site-menu-drawer .site-menu-nav button:hover,#site-menu-drawer .site-menu-nav button:focus-visible,
#site-menu-drawer .site-menu-action:hover,#site-menu-drawer .site-menu-action:focus-visible{
  background:transparent!important;color:#1769cf!important;transform:translateX(2px);
}
#site-menu-drawer .site-menu-nav button>span:nth-child(2),#site-menu-drawer .site-menu-action>span:nth-child(2){color:inherit!important}
#site-menu-drawer .site-menu-nav small{color:#64748b!important}
#site-menu-drawer .site-menu-nav b,#site-menu-drawer .site-menu-action b{color:#718096!important}
#site-menu-drawer .site-menu-nav-icon{border:0!important;border-radius:0!important;background:transparent!important;color:#1769cf!important}
#site-menu-drawer .site-menu-section-label{color:#64748b!important}
#site-menu-drawer .site-menu-signout{
  padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:#53657c!important;text-align:left!important;box-shadow:none!important;
}
#site-menu-drawer .site-menu-signout:hover{background:transparent!important;color:#1769cf!important}
#site-menu-drawer :focus-visible{outline:3px solid rgba(23,105,207,.35)!important;outline-offset:3px}
@media(max-width:420px){
  #screen-account .account-signin-card{padding:16px!important;border-radius:18px!important}
  .app .site-menu-trigger{width:46px!important;height:46px!important;min-width:46px!important}
}
@media(prefers-reduced-motion:reduce){
  #screen-account .account-signin-card .gsi-material-button,.app .site-menu-trigger,.app .site-menu-trigger span{transition:none!important}
  .app .site-menu-trigger:hover{transform:none!important}
  #site-menu-drawer .site-menu-nav button:hover,#site-menu-drawer .site-menu-action:hover{transform:none!important}
}


/* TipChat homepage quick composer: prominent, stable, and not a separate posting flow. */
#screen-home .tipchat-home-entry{margin:0 0 8px;padding:12px 0 16px;border-bottom:1px solid var(--border);background:transparent}
#screen-home .tipchat-home-logo{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:0;margin:0 0 12px;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;text-align:left}
#screen-home .tipchat-home-logo img{width:min(154px,48vw);height:auto;max-height:54px;object-fit:contain}
#screen-home .tipchat-home-logo>span{color:var(--text-2);font-size:11px;font-weight:750}
#screen-home .tipchat-home-quick-entry{width:min(100%,600px);margin:0 auto 22px}
#screen-home .tipchat-home-entry-row{
  display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--border-strong);
  border-radius:16px;background:var(--card);box-shadow:0 4px 12px rgba(20,45,80,.06);
  transition:border-color .18s ease,box-shadow .18s ease;
}
#screen-home .tipchat-home-entry-row:focus-within{border-color:#1769cf;box-shadow:0 0 0 3px rgba(23,105,207,.12)}
#screen-home .tipchat-home-entry-row input{
  flex:1;min-width:0;min-height:46px;padding:0 12px;border:0!important;border-radius:11px!important;
  outline:0!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important;
  font:inherit;font-size:14px;
}
#screen-home .tipchat-home-entry-row input::placeholder{color:var(--text-2);opacity:1}
#screen-home .tipchat-home-entry-row>button{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;
  border:0!important;border-radius:12px!important;background:#1769cf!important;color:#fff!important;
  box-shadow:none!important;cursor:pointer;transition:transform .16s ease,background .16s ease;
}
#screen-home .tipchat-home-entry-row>button:hover{background:#1058b5!important;transform:translateX(1px)}
#screen-home .tipchat-home-entry-row>button:active{transform:scale(.96)}
#screen-home .tipchat-home-entry-row>button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#screen-home .tipchat-home-quick-entry>small{display:block;margin:7px 4px 0;color:var(--text-2);font-size:10.5px;line-height:1.4}
@media(prefers-reduced-motion:reduce){#screen-home .tipchat-home-entry-row,#screen-home .tipchat-home-entry-row>button{transition:none!important}}


/* Let the content pane shrink inside the app's flex column so long screens scroll instead of being clipped. */
.screen-scroll{min-height:0;overscroll-behavior-y:contain}

/* Remove decorative horizontal separators from directory content. */
#screen-allagencies .hub-contact-item,
#screen-allemployers .hub-contact-item,
#screen-allagencies .hub-row,
#screen-allemployers .hub-row{border-top:0!important;border-bottom:0!important}
#screen-pool .pool-mini-meta,
#screen-pool .pool-mini-card .pool-mini-details{border-top:0!important}
#screen-pool .pool-mini-meta>span+span{border-left:0!important;padding-left:0!important}
#screen-allposters .poster-caption{border-top:0!important}
#screen-allads #allads-list .house-ad-card{border:0!important;box-shadow:none!important}
#screen-allagencies .screen-fixed,
#screen-pool .screen-fixed,
#screen-allposters .screen-fixed,
#screen-allemployers .screen-fixed,
#screen-allads .screen-fixed{border-bottom:0!important}