/* StaffSwift v4.0.4 — Apple Clarity & Contrast System
   Final visual layer: high contrast, unified theme toggle, brand visibility, public/auth/panel consistency. */

:root{
  color-scheme:light;
  --ss-bg:#f4f6fa;
  --ss-bg-2:#eef2f7;
  --ss-surface:#ffffff;
  --ss-surface-2:#f8fafc;
  --ss-surface-3:#eef2f6;
  --ss-glass:rgba(255,255,255,.90);
  --ss-text:#101828;
  --ss-text-2:#344054;
  --ss-muted:#5d6678;
  --ss-muted-2:#667085;
  --ss-border:#d0d5dd;
  --ss-border-strong:#b8c0cc;
  --ss-blue:#006edc;
  --ss-blue-hover:#005bb8;
  --ss-blue-soft:#eaf3ff;
  --ss-green:#137a39;
  --ss-green-soft:#e9f7ee;
  --ss-red:#c81e2a;
  --ss-red-soft:#fff0f1;
  --ss-amber:#9a5b00;
  --ss-amber-soft:#fff5df;
  --ss-purple:#6941c6;
  --ss-gold:#9a7015;
  --ss-gold-bright:#c99a2f;
  --ss-brand:#08122a;
  --ss-brand-2:#101f46;
  --ss-focus:#007aff;
  --ss-shadow-sm:0 8px 24px rgba(16,24,40,.08);
  --ss-shadow-md:0 18px 48px rgba(16,24,40,.12);
  --ss-shadow-lg:0 28px 80px rgba(16,24,40,.16);
  --apple-bg:var(--ss-bg)!important;
  --apple-bg-elevated:var(--ss-bg-2)!important;
  --apple-surface:var(--ss-glass)!important;
  --apple-surface-solid:var(--ss-surface)!important;
  --apple-surface-secondary:var(--ss-surface-2)!important;
  --apple-surface-tertiary:var(--ss-surface-3)!important;
  --apple-text:var(--ss-text)!important;
  --apple-text-2:var(--ss-text-2)!important;
  --apple-muted:var(--ss-muted)!important;
  --apple-muted-2:var(--ss-muted-2)!important;
  --apple-border:var(--ss-border)!important;
  --apple-border-strong:var(--ss-border-strong)!important;
  --apple-blue:var(--ss-blue)!important;
  --apple-blue-strong:var(--ss-blue-hover)!important;
  --apple-blue-soft:var(--ss-blue-soft)!important;
  --apple-green:var(--ss-green)!important;
  --apple-green-soft:var(--ss-green-soft)!important;
  --apple-red:var(--ss-red)!important;
  --apple-red-soft:var(--ss-red-soft)!important;
  --apple-orange:var(--ss-amber)!important;
  --apple-orange-soft:var(--ss-amber-soft)!important;
  --apple-purple:var(--ss-purple)!important;
  --apple-gold:var(--ss-gold)!important;
  --page:var(--ss-bg)!important;
  --white:var(--ss-surface)!important;
  --s2:var(--ss-surface-2)!important;
  --s3:var(--ss-surface-3)!important;
  --t1:var(--ss-text)!important;
  --t2:var(--ss-text-2)!important;
  --t3:var(--ss-muted)!important;
  --border:var(--ss-border)!important;
  --border2:var(--ss-border-strong)!important;
  --blue:var(--ss-blue)!important;
  --blue-bg:var(--ss-blue-soft)!important;
  --green:var(--ss-green)!important;
  --green-bg:var(--ss-green-soft)!important;
  --red:var(--ss-red)!important;
  --red-bg:var(--ss-red-soft)!important;
  --amber:var(--ss-amber)!important;
  --amber-bg:var(--ss-amber-soft)!important;
  --gold:var(--ss-gold)!important;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ss-bg:#080b11;
  --ss-bg-2:#0d1118;
  --ss-surface:#141922;
  --ss-surface-2:#1a202b;
  --ss-surface-3:#232b37;
  --ss-glass:rgba(20,25,34,.92);
  --ss-text:#f8fafc;
  --ss-text-2:#e2e8f0;
  --ss-muted:#b8c1cf;
  --ss-muted-2:#aab4c2;
  --ss-border:#394454;
  --ss-border-strong:#526072;
  --ss-blue:#2997ff;
  --ss-blue-hover:#63b5ff;
  --ss-blue-soft:#102d4d;
  --ss-green:#4ade80;
  --ss-green-soft:#102d1c;
  --ss-red:#ff6961;
  --ss-red-soft:#3a171a;
  --ss-amber:#ffbd66;
  --ss-amber-soft:#35260f;
  --ss-purple:#c4a7ff;
  --ss-gold:#f1c75b;
  --ss-gold-bright:#ffd978;
  --ss-brand:#08122a;
  --ss-brand-2:#14254e;
  --ss-focus:#64d2ff;
  --ss-shadow-sm:0 10px 28px rgba(0,0,0,.38);
  --ss-shadow-md:0 22px 58px rgba(0,0,0,.48);
  --ss-shadow-lg:0 34px 90px rgba(0,0,0,.58);
}

html,body{background:var(--ss-bg)!important;color:var(--ss-text)!important}
body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important}
body{font-weight:450;letter-spacing:-.006em}
::selection{background:rgba(0,122,255,.24);color:var(--ss-text)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--ss-focus) 42%,transparent)!important;outline-offset:2px!important}

/* Typography — readable in both modes */
h1,h2,h3,h4,h5,h6,.title,.page-title,.topbar-page-title,.auth-title,.sec-h2{color:var(--ss-text)!important}
p,li,dd,.description,.sub,.subtitle,.help,.helper,.small,.meta,.hint,.note{color:var(--ss-text-2)}
.muted,.text-muted,.t3,.subtle,.secondary,.caption,.eyebrow,.kicker{color:var(--ss-muted)!important}
label,.label,.field label,.form-label{color:var(--ss-text-2)!important;font-weight:650!important}
a{color:var(--ss-blue)}
a:hover{color:var(--ss-blue-hover)}

/* High-contrast brand treatment */
img[src*="logo-full-contrast.png"]{display:block;max-width:100%;height:auto;object-fit:contain}
.staffswift-panel .sb-brand{min-height:86px!important;padding:13px 14px!important;gap:9px!important}
.staffswift-panel .sb-brand img[src*="logo-full-contrast.png"]{width:178px!important;max-width:calc(100% - 66px)!important;max-height:none!important;filter:none!important}
.staffswift-panel .sb-role-tag{background:var(--ss-surface-3)!important;color:var(--ss-text-2)!important;border-color:var(--ss-border)!important}
.ss-site-logo{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important}
.ss-site-logo img[src*="logo-full-contrast.png"]{width:194px!important;max-width:42vw!important}
.ss-site-footer-brand img[src*="logo-full-contrast.png"]{width:190px!important;max-width:100%!important}
.ss-auth .auth-side img.logo[src*="logo-full-contrast.png"],.ss-auth img.logo[src*="logo-full-contrast.png"]{width:230px!important;max-width:82%!important;height:auto!important;padding:0!important;background:transparent!important;filter:none!important}
@media(max-width:700px){
  .ss-site-logo img[src*="logo-full-contrast.png"]{width:164px!important;max-width:50vw!important}
  .staffswift-panel .sb-brand img[src*="logo-full-contrast.png"]{width:166px!important}
}

/* Apple theme toggle — identical everywhere */
[data-theme-toggle],.ss-theme-toggle,.ss-site-icon-btn[data-theme-toggle]{
  position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  display:inline-grid!important;place-items:center!important;border-radius:50%!important;border:1px solid var(--ss-border)!important;
  background:var(--ss-surface)!important;color:var(--ss-text)!important;box-shadow:0 2px 8px rgba(16,24,40,.08)!important;
  cursor:pointer!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
[data-theme-toggle]:hover{background:var(--ss-surface-2)!important;border-color:var(--ss-border-strong)!important;box-shadow:var(--ss-shadow-sm)!important;transform:translateY(-1px)}
[data-theme-toggle]:active{transform:scale(.94)}
[data-theme-toggle] svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html[data-theme="dark"] [data-theme-toggle]{background:#202631!important;color:#ffd60a!important;border-color:#465160!important}
html[data-theme="light"] [data-theme-toggle]{color:#1d2939!important}

/* Panel chrome */
.staffswift-panel{background:
  radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--ss-blue) 8%,transparent),transparent 27%),
  radial-gradient(circle at 5% 100%,color-mix(in srgb,var(--ss-purple) 6%,transparent),transparent 25%),var(--ss-bg)!important}
.staffswift-panel .sidebar,.staffswift-panel .topbar{background:var(--ss-glass)!important;border-color:var(--ss-border)!important;color:var(--ss-text)!important}
.staffswift-panel .sidebar{box-shadow:var(--ss-shadow-md)!important}
.staffswift-panel .topbar{box-shadow:var(--ss-shadow-sm)!important}
.staffswift-panel .nav-section-label{color:var(--ss-muted)!important}
.staffswift-panel .nav-item{color:var(--ss-text-2)!important}
.staffswift-panel .nav-item:hover{color:var(--ss-text)!important;background:var(--ss-surface-2)!important}
.staffswift-panel .nav-item.active,.staffswift-panel .nav-item[aria-current="page"]{background:var(--ss-blue)!important;color:#fff!important}
.staffswift-panel .nav-icon{color:var(--ss-muted)!important}
.staffswift-panel .topbar-user-name,.staffswift-panel .sb-u-name{color:var(--ss-text)!important}
.staffswift-panel .topbar-user-role,.staffswift-panel .sb-u-sub,.staffswift-panel .sb-footer{color:var(--ss-muted)!important}
.staffswift-panel .topbar-btn,.staffswift-panel .hamburger{background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border)!important}
.staffswift-panel .topbar-btn:hover,.staffswift-panel .hamburger:hover{background:var(--ss-surface-2)!important;border-color:var(--ss-border-strong)!important}
.staffswift-panel .topbar-mobile-brand{background:var(--ss-brand)!important;border:1px solid color-mix(in srgb,#fff 16%,transparent)!important;border-radius:12px!important;padding:5px!important;box-shadow:0 5px 14px rgba(8,18,42,.18)!important}
.staffswift-panel .topbar-mobile-brand img{width:27px!important;height:27px!important;object-fit:contain!important}

/* Cards / panels */
.staffswift-panel :is(.card,.panel,.box,.widget,.ap-card,.apx-card,.kpi-card,.stat-card,.table-card,.ss-card,.job-card,details),
.ss-public :is(.card,.panel,.ss-card),.ss-auth .auth-card{
  background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;
}
.staffswift-panel :is(.card,.panel,.box,.widget,.ap-card,.apx-card,.kpi-card,.stat-card,.table-card,.ss-card,.job-card){box-shadow:var(--ss-shadow-sm)!important}
.staffswift-panel :is(.card,.panel,.box,.widget,.ap-card,.apx-card,.kpi-card,.stat-card,.table-card,.ss-card,.job-card):hover{border-color:var(--ss-border-strong)!important}

/* Forms */
.staffswift-panel :is(input,select,textarea),.ss-auth :is(input,select,textarea),.ss-public :is(input,select,textarea),.ss-standalone-public :is(input,select,textarea){
  background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border-strong)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)!important;
}
:is(input,textarea)::placeholder{color:var(--ss-muted)!important;opacity:1!important}
.staffswift-panel :is(input,select,textarea):focus,.ss-auth :is(input,select,textarea):focus,.ss-public :is(input,select,textarea):focus,.ss-standalone-public :is(input,select,textarea):focus{
  border-color:var(--ss-blue)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ss-blue) 15%,transparent)!important;outline:none!important;
}
html[data-theme="dark"] select option{background:#141922;color:#f8fafc}

/* Buttons */
.staffswift-panel :is(.btn-primary,.ss-btn-primary,.apx-btn-primary),.ss-auth .btn-primary,.ss-public .ss-site-btn-primary{background:var(--ss-blue)!important;color:#fff!important;border-color:var(--ss-blue)!important}
.staffswift-panel :is(.btn-primary,.ss-btn-primary,.apx-btn-primary):hover,.ss-auth .btn-primary:hover{background:var(--ss-blue-hover)!important;color:#fff!important}
.staffswift-panel :is(.btn,.ss-btn,.apx-btn):not(.btn-primary):not(.btn-danger):not(.btn-success),.ss-auth .btn:not(.btn-primary){color:var(--ss-text)!important;border-color:var(--ss-border)!important}
.staffswift-panel :is(.btn-danger,.danger,.ss-btn-danger){background:var(--ss-red)!important;color:#fff!important;border-color:var(--ss-red)!important}

/* Tables — stronger hierarchy and contrast */
.staffswift-panel .table-wrap,.staffswift-panel .table-responsive,.staffswift-panel .ss-responsive-table,.staffswift-panel .apx-table-wrap{background:var(--ss-surface)!important;border-color:var(--ss-border)!important}
.staffswift-panel table{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
.staffswift-panel table thead th{background:var(--ss-surface-3)!important;color:var(--ss-text)!important;border-bottom:1px solid var(--ss-border-strong)!important;font-weight:750!important;letter-spacing:.015em!important}
.staffswift-panel table tbody td{color:var(--ss-text-2)!important;border-color:var(--ss-border)!important;background:var(--ss-surface)!important}
.staffswift-panel table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--ss-surface-2) 68%,var(--ss-surface))!important}
.staffswift-panel table tbody tr:hover td{background:var(--ss-blue-soft)!important;color:var(--ss-text)!important}
.staffswift-panel table strong,.staffswift-panel table b,.staffswift-panel table .name,.staffswift-panel table a{color:var(--ss-text)!important}
.staffswift-panel table a:hover{color:var(--ss-blue)!important}
.staffswift-panel table small,.staffswift-panel table .muted,.staffswift-panel table .sub{color:var(--ss-muted)!important}
html[data-theme="dark"] .staffswift-panel table tbody tr:hover td{background:#152a42!important}
@media(max-width:900px){
  .staffswift-panel table.ss-mobile-cards tbody tr{background:var(--ss-surface)!important;border:1px solid var(--ss-border)!important;box-shadow:var(--ss-shadow-sm)!important}
  .staffswift-panel table.ss-mobile-cards tbody td{background:transparent!important;border-color:var(--ss-border)!important;color:var(--ss-text-2)!important}
  .staffswift-panel table.ss-mobile-cards tbody td::before{color:var(--ss-muted)!important;font-weight:700!important}
}

/* Status chips */
.staffswift-panel :is(.badge,.status,.pill,.chip,.status-pill){border-width:1px!important;border-style:solid!important;font-weight:700!important}
.staffswift-panel :is(.status-running,.badge-running,.in-progress,.status-in-progress){background:var(--ss-blue-soft)!important;color:var(--ss-blue)!important;border-color:color-mix(in srgb,var(--ss-blue) 35%,var(--ss-border))!important}
.staffswift-panel :is(.status-completed,.badge-success,.success){color:var(--ss-green)!important}
.staffswift-panel :is(.status-cancelled,.badge-danger,.error){color:var(--ss-red)!important}

/* Alerts */
.staffswift-panel :is(.alert,.ap-flash),.ss-auth .alert{color:var(--ss-text)!important;border-color:var(--ss-border)!important}
.staffswift-panel :is(.alert-success,.ap-flash-success),.ss-auth .alert.success{background:var(--ss-green-soft)!important;color:var(--ss-green)!important;border-color:color-mix(in srgb,var(--ss-green) 32%,var(--ss-border))!important}
.staffswift-panel :is(.alert-error,.ap-flash-error),.ss-auth .alert.error{background:var(--ss-red-soft)!important;color:var(--ss-red)!important;border-color:color-mix(in srgb,var(--ss-red) 32%,var(--ss-border))!important}

/* Public site shared header/footer */
.ss-site-header{background:color-mix(in srgb,var(--ss-surface) 92%,transparent)!important;border-bottom:1px solid var(--ss-border)!important;box-shadow:0 10px 32px rgba(16,24,40,.08)!important;backdrop-filter:saturate(180%) blur(22px)!important;-webkit-backdrop-filter:saturate(180%) blur(22px)!important}
.ss-site-header-inner{min-height:78px!important;gap:22px!important}
.ss-site-nav a,.ss-site-login{color:var(--ss-text-2)!important;font-weight:650!important}
.ss-site-nav a:hover,.ss-site-nav a.is-active,.ss-site-login:hover{color:var(--ss-text)!important}
.ss-site-nav a.is-active::after{background:var(--ss-blue)!important}
.ss-site-btn-gold{background:linear-gradient(180deg,#d6ab43,#b88213)!important;color:#111827!important;border:1px solid #a97109!important;box-shadow:0 8px 20px rgba(154,112,21,.22)!important;font-weight:750!important}
.ss-site-btn-gold:hover{background:linear-gradient(180deg,#e0bb59,#c28c18)!important;color:#101828!important}
.ss-site-menu-btn{color:var(--ss-text)!important;background:var(--ss-surface-2)!important;border-color:var(--ss-border)!important}
.ss-site-mobile-menu{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
.ss-site-mobile-menu a{color:var(--ss-text)!important;border-color:var(--ss-border)!important}
.ss-site-footer{background:#071127!important;color:#d8e0eb!important}
.ss-site-footer p,.ss-site-footer a{color:#c1cad8!important}
.ss-site-footer h3{color:#ffffff!important}
.ss-site-footer a:hover{color:#ffffff!important}
.ss-site-footer-bottom{border-color:rgba(255,255,255,.18)!important}

/* Standalone public pages, especially home */
.ss-standalone-public{
  --navy:var(--ss-brand)!important;--navy2:var(--ss-brand-2)!important;--navy3:#1d315f!important;
  --gold:var(--ss-gold)!important;--gold-d:var(--ss-gold)!important;--gold-light:var(--ss-gold-bright)!important;
  --gold-bg:var(--ss-amber-soft)!important;--gold-b:color-mix(in srgb,var(--ss-gold) 45%,var(--ss-border))!important;
  --bg:var(--ss-bg)!important;--bright:var(--ss-bg-2)!important;--white:var(--ss-surface)!important;
  --s2:var(--ss-surface-2)!important;--s3:var(--ss-surface-3)!important;--border:var(--ss-border)!important;--border2:var(--ss-border-strong)!important;
  --text:var(--ss-text)!important;--t2:var(--ss-text-2)!important;--t3:var(--ss-muted)!important;
  background:var(--ss-bg)!important;color:var(--ss-text)!important;
}
.ss-standalone-public .hero-bg{background:
  radial-gradient(circle at 84% 4%,color-mix(in srgb,var(--ss-gold) 16%,transparent),transparent 37%),
  radial-gradient(circle at 7% 68%,color-mix(in srgb,var(--ss-blue) 11%,transparent),transparent 44%),
  linear-gradient(180deg,var(--ss-bg) 0%,var(--ss-bg-2) 100%)!important}
.ss-standalone-public .hero h1,.ss-standalone-public .sec-h2,.ss-standalone-public h3{color:var(--ss-text)!important}
.ss-standalone-public .hero-desc,.ss-standalone-public section p,.ss-standalone-public .trust-lbl,.ss-standalone-public .hv-t2,.ss-standalone-public .hv-stat-lbl{color:var(--ss-text-2)!important}
.ss-standalone-public .hv-card,.ss-standalone-public .svc-card,.ss-standalone-public .bf-card,.ss-standalone-public .hiw-wrap{background:var(--ss-surface)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow-sm)!important}
.ss-standalone-public .btn-navy-solid{background:var(--ss-text)!important;color:var(--ss-bg)!important}
html[data-theme="dark"] .ss-standalone-public .btn-navy-solid{background:#f8fafc!important;color:#111827!important}
.ss-home-v404 .hero{padding-top:5.4rem!important;padding-bottom:6.4rem!important}
.ss-home-v404 .hero-inner{gap:4.25rem!important}
.ss-home-v404 .hero h1{font-size:clamp(2.65rem,5.5vw,4.75rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;max-width:800px!important}
.ss-home-v404 .hero h1 em{background:linear-gradient(100deg,var(--ss-gold),#d5a72e);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ss-home-v404 .hero-desc{font-size:clamp(1rem,1.6vw,1.18rem)!important;max-width:620px!important}
.ss-home-v404 .hero-eyebrow{background:var(--ss-surface)!important;color:var(--ss-text-2)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow-sm)!important}
.ss-home-v404 .hv-stage{max-width:470px!important}
.ss-home-v404 .hv-card{border-radius:24px!important}
.ss-home-v404 .hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ss-home-v404 .hero-proof span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:var(--ss-surface);border:1px solid var(--ss-border);color:var(--ss-text-2);font-size:.78rem;font-weight:650;box-shadow:0 5px 16px rgba(16,24,40,.06)}
.ss-home-v404 .hero-proof svg{width:15px;height:15px;stroke:var(--ss-green);fill:none;stroke-width:2}
.ss-home-v404 section{scroll-margin-top:96px}

/* Auth pages */
.ss-auth{background:var(--ss-bg)!important;color:var(--ss-text)!important}
.ss-auth .auth-shell,.ss-auth .auth-wrap{background:var(--ss-bg)!important}
.ss-auth .auth-side,.ss-auth .auth-left{background:
  radial-gradient(circle at 15% 10%,rgba(41,151,255,.20),transparent 32%),
  radial-gradient(circle at 80% 88%,rgba(241,199,91,.14),transparent 33%),
  linear-gradient(155deg,#071127,#102347)!important;color:#fff!important}
.ss-auth .auth-side :is(h1,h2,h3,.side-title,strong){color:#fff!important}
.ss-auth .auth-side :is(p,span,.side-copy,.side-item span,.side-links a){color:#d4dbea!important}
.ss-auth .auth-side .side-links a:hover{color:#fff!important}
.ss-auth .auth-main,.ss-auth .auth-right{background:var(--ss-bg)!important}
.ss-auth .auth-card{background:var(--ss-surface)!important;border:1px solid var(--ss-border)!important;box-shadow:var(--ss-shadow-md)!important}
.ss-auth .auth-title,.ss-auth .auth-head h1{color:var(--ss-text)!important}
.ss-auth .auth-sub,.ss-auth .auth-head p,.ss-auth .divider span,.ss-auth .auth-foot,.ss-auth .auth-links{color:var(--ss-muted)!important}
.ss-auth .account-type-banner,.ss-auth .tabs,.ss-auth .social-btn{background:var(--ss-surface-2)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
.ss-auth .tab{color:var(--ss-muted)!important}
.ss-auth .tab.active{background:var(--ss-surface)!important;color:var(--ss-blue)!important;border-color:var(--ss-border-strong)!important;box-shadow:var(--ss-shadow-sm)!important}
.ss-auth .social-btn:hover{background:var(--ss-surface)!important;border-color:var(--ss-border-strong)!important}
.ss-auth .brand-mini span,.ss-auth .auth-badge,.ss-auth .account-type-banner strong{color:var(--ss-text)!important}
.ss-auth .account-type-banner em{color:var(--ss-muted)!important}
.ss-auth [data-theme-toggle]{position:fixed!important;right:18px!important;top:18px!important;z-index:1000!important}
@media(max-width:860px){
  .ss-auth .auth-shell,.ss-auth .auth-wrap{display:block!important;min-height:100dvh!important}
  .ss-auth .auth-side,.ss-auth .auth-left{min-height:auto!important;padding:26px 20px 22px!important;border-radius:0 0 28px 28px!important}
  .ss-auth .auth-side .side-list{display:none!important}
  .ss-auth .auth-main,.ss-auth .auth-right{padding:22px 14px 38px!important}
  .ss-auth .auth-card{width:min(100%,680px)!important;margin:0 auto!important;border-radius:24px!important}
  .ss-auth [data-theme-toggle]{right:12px!important;top:12px!important}
}

/* Utility: prevent low-contrast inline legacy colors where common */
html[data-theme="dark"] .staffswift-panel [style*="color:#6"],html[data-theme="dark"] .staffswift-panel [style*="color: #6"],
html[data-theme="dark"] .staffswift-panel [style*="color:#7"],html[data-theme="dark"] .staffswift-panel [style*="color: #7"],
html[data-theme="dark"] .staffswift-panel [style*="color:#8"],html[data-theme="dark"] .staffswift-panel [style*="color: #8"]{color:var(--ss-muted)!important}

/* Animation: professional, subtle, never at the cost of clarity */
@media(prefers-reduced-motion:no-preference){
  .staffswift-panel :is(.card,.panel,.box,.widget,.ap-card,.apx-card,.kpi-card,.stat-card),.ss-standalone-public :is(.svc-card,.bf-card,.hv-card),.ss-auth .auth-card{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease!important}
  .staffswift-panel :is(.card,.panel,.box,.widget,.ap-card,.apx-card,.kpi-card,.stat-card):hover,.ss-standalone-public :is(.svc-card,.bf-card):hover{transform:translateY(-2px);box-shadow:var(--ss-shadow-md)!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.ss-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ss-theme-toggle-floating{position:fixed!important;right:18px!important;top:18px!important;z-index:9999!important}