:root{--ink:#263635;--muted:#74817d;--teal:#177966;--border:#e5e9e6;--bg:#f5f6f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",sans-serif;font-size:14px}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;font-weight:600}h2{font-size:21px;letter-spacing:-.6px}p{color:var(--muted);line-height:1.7}small{font-size:11px}.brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:30px;letter-spacing:-2px;color:var(--teal)}.brand>span{font-size:20px;color:var(--ink);letter-spacing:-.8px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:4px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal)}.welcome{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.welcome-story{padding:48px 9%;background:#e7ede5;display:flex;flex-direction:column;justify-content:space-between;min-height:750px}.welcome-story h1{font-size:52px;margin:22px 0;letter-spacing:-2px}.welcome-story>small{color:#738374}.story-orbit{height:250px;position:relative;display:grid;place-items:center;max-width:410px}.story-orbit>span{width:160px;height:160px;border:1px solid #b7caba;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:95px;font-weight:600;box-shadow:0 0 0 32px #dfe7dc,0 0 0 33px #cad8c7}.story-orbit i{position:absolute;font-style:normal;background:#ffffffdd;padding:12px 18px;box-shadow:0 8px 25px #233a2310;border-radius:6px}.orbit-one{top:30px;right:0}.orbit-two{bottom:40px;left:0}.orbit-three{bottom:0;right:20px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{max-width:360px;width:100%}.auth-card h2{font-size:32px;margin:14px 0}.auth-card>p{margin-bottom:24px}.auth-card label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}.auth-card input{display:block;margin-top:9px;width:100%;padding:14px;border:1px solid #d8dfd9;border-radius:5px;background:white}.primary,.secondary{padding:13px 18px;border-radius:5px;width:100%;font-weight:600}.primary{background:var(--teal);border:1px solid var(--teal);color:white}.secondary{background:transparent;border:1px solid #d3ddd5;color:var(--ink)}.text-button{border:0;background:none;color:var(--teal);font-weight:600;padding:12px 0}.divider{font-size:9px;color:var(--muted);letter-spacing:1.5px;border-top:1px solid var(--border);margin:20px 0;padding-top:22px}.privacy{font-size:11px;text-align:center;margin-top:22px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}.sidebar{padding:36px 26px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.menu-label{font-size:9px;letter-spacing:1.7px;color:#8b9690;margin:62px 12px 18px}nav button{width:100%;border:0;background:transparent;display:flex;gap:14px;align-items:center;text-align:left;padding:14px;border-radius:5px;color:#6e7b75;margin-bottom:6px}nav button span{font-size:19px;width:20px}nav button.active{background:#eaf2ec;color:var(--teal);font-weight:600}.sidebar-note{margin-top:auto;padding:24px 12px}.sidebar-note>span{font-size:30px;color:var(--teal);display:block;margin-bottom:14px}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:12px;margin-top:8px}.signout{background:none;border:0;border-top:1px solid var(--border);text-align:left;padding:22px 12px 0;color:var(--muted)}.workspace{padding:0 44px 24px;max-width:1600px;width:100%;margin:auto}.topbar{height:90px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.topbar b{font-weight:500;color:var(--ink)}.topbar>div{display:flex;align-items:center;gap:12px;letter-spacing:0}.secure-dot{width:5px;height:5px;background:#4b9776;border-radius:50%}.avatar{width:36px;height:36px;background:#e5ece1;border-radius:50%;display:inline-grid;place-items:center;color:#406a54;font-size:12px;letter-spacing:0;font-weight:600}.avatar.large{width:64px;height:64px;font-size:21px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:40px 0 30px;gap:20px}.page-heading h1{margin:11px 0 9px}.page-heading p{font-size:13px}.period-chip{border:1px solid #dbe2db;padding:10px 15px;border-radius:4px;white-space:nowrap;font-size:11px}.pay-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-bottom:26px}.net-card{background:#244c41;color:white;padding:25px 28px;border-radius:7px;position:relative;overflow:hidden}.net-card:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 32px #ffffff04,0 0 0 65px #ffffff04;pointer-events:none}.card-kicker{font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#c6d7cb}.net-card h2{font-size:37px;margin:26px 0 6px;letter-spacing:-1px}.net-card h2 small{font-size:12px;letter-spacing:0;color:#c4d7c8}.net-card p{color:#b7ccc1;font-size:11px}.net-footer{display:flex;justify-content:space-between;font-size:9px;color:#b7ccc1;border-top:1px solid #ffffff20;margin-top:28px;padding-top:17px;gap:10px}.summary-card{background:white;border:1px solid var(--border);padding:24px;border-radius:7px}.mini-icon{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:6px;background:#eef4ec;color:#527a55;margin-bottom:18px;font-size:20px}.mini-icon.warm{background:#f8f0e7;color:#b17c4f}.summary-card p{font-size:12px;margin-bottom:9px}.summary-card h3{font-size:25px;letter-spacing:-.7px;margin-bottom:14px}.summary-card h3 small{font-size:10px;color:var(--muted);font-weight:400}.summary-card>span:last-child{font-size:10px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:26px;margin-bottom:26px}.panel{background:#fff;border:1px solid var(--border);border-radius:7px;padding:27px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.panel-heading h2{margin-top:8px;font-size:20px}.subtle{color:var(--muted);font-size:11px}.pay-line{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #edf0eb;font-size:12px}.pay-line>span{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pay-line small{display:block;color:#89958e;font-size:9px}.pay-line strong{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.line-dot{width:5px;height:5px;border-radius:50%;background:#8fa690}.line-dot.deduction{background:#bb9974}.negative{color:#a77d54}.pay-total{background:#f0f5ef;border:0;padding:18px 14px;margin:20px -5px 0;color:#315e45}.pay-total strong{font-weight:700}.footnote{font-size:10px;margin-top:20px;line-height:1.8}.profile-mini{border:1px solid var(--border);border-radius:7px;background:#fff;padding:26px;text-align:center}.profile-mini h2{font-size:18px;margin:14px 0 5px}.profile-mini p{font-size:11px}.verified{font-size:9px;color:var(--teal);display:inline-block;background:#eff5ed;padding:6px 10px;border-radius:4px;margin:13px 0}hr{border:0;border-top:1px solid var(--border);margin:10px 0 20px}.profile-mini>div:not(.avatar){text-align:left;margin-bottom:18px}.profile-mini small{display:block;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-bottom:7px}.profile-mini strong{font-size:12px;font-weight:500}.profile-mini button{font-size:11px}.year-note{padding:24px 6px;display:flex;gap:14px}.year-note>span{font-size:25px;color:#839575}.year-note strong{font-size:12px;font-weight:500}.year-note p{font-size:11px;margin-top:7px}.slips-panel{margin-bottom:25px}.slip-row{display:flex;align-items:center;gap:15px;width:100%;padding:18px 4px;background:none;border:0;border-top:1px solid var(--border);text-align:left;color:var(--ink)}.slip-row:hover{background:#f7f9f4}.document-icon{font-size:25px;color:#849c7c;background:#f3f6ef;padding:10px 12px;border-radius:5px}.slip-row strong{display:block;font-size:12px;font-weight:500}.slip-row small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.slip-amount{margin-left:auto;text-align:right}.slip-row>span:last-child{margin-left:15px;color:var(--muted)}footer{display:flex;justify-content:space-between;color:#9ba69d;font-size:10px;padding:20px 0}.demo-banner{margin-top:18px;background:#f4ead5;color:#79623a;padding:11px 15px;font-size:10px;letter-spacing:.8px}.notice{padding:14px;background:#fff0df;color:#875127;margin:15px 0;border-radius:5px;line-height:1.6}.empty{padding:35px;color:var(--muted)}.profile-intro{display:flex;align-items:center;gap:20px;margin-bottom:35px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-grid small{display:block;color:var(--muted);margin-bottom:8px}.detail-grid strong{font-size:14px;font-weight:500}.modal-backdrop{position:fixed;inset:0;background:#15291eb3;display:grid;place-items:center;z-index:100;padding:20px}.slip-modal{position:relative;background:white;border-radius:8px;padding:35px;max-width:600px;width:100%;max-height:90dvh;overflow:auto}.slip-modal h2{margin:13px 0}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:28px}.slip-modal>p{font-size:11px;margin-bottom:20px}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fff2cc;padding:15px;width:100%;z-index:500}
@media(min-width:1500px){.workspace{padding-left:65px;padding-right:65px}}@media(max-width:1100px){.app-shell{grid-template-columns:200px 1fr}.sidebar{padding:30px 18px}.workspace{padding:0 25px 20px}.pay-grid{grid-template-columns:1.5fr 1fr}.pay-grid .summary-card:last-child{grid-column:2;grid-row:2}.net-card{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.net-footer{flex-direction:column}.content-grid{grid-template-columns:1fr}.profile-mini{display:none}.year-note{padding:0 5px}.welcome-story h1{font-size:42px}.summary-card{padding:20px}.summary-card .mini-icon{display:none}}
@media(max-width:700px){.welcome{display:block}.welcome-story{min-height:0;padding:25px}.welcome-story>div,.welcome-story>small{display:none}.auth-panel{padding:40px 25px}.app-shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;height:auto;width:100%;z-index:50;padding:4px 8px;border-top:1px solid var(--border)}.sidebar>.brand,.menu-label,.sidebar-note,.signout{display:none}.sidebar nav{display:flex}.sidebar nav button{flex-direction:column;gap:3px;font-size:9px;padding:10px 2px;margin:0;border-radius:0}.sidebar nav button span{font-size:19px}.workspace{padding:0 20px 85px}.topbar{height:65px;font-size:9px}.topbar>div{font-size:0}.page-heading{padding:25px 0;display:block}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.period-chip{display:inline-block;margin-top:16px;font-size:10px}.pay-grid{grid-template-columns:1fr 1fr;gap:12px}.net-card{grid-column:span 2;grid-row:auto;padding:25px}.net-card h2{font-size:36px;margin-top:20px}.net-footer{flex-direction:row;margin-top:20px}.pay-grid .summary-card:last-child{grid-column:auto;grid-row:auto}.summary-card{padding:20px 15px}.summary-card h3{font-size:19px}.summary-card p{font-size:10px}.summary-card>span:last-child{font-size:9px}.panel{padding:22px 18px}.panel-heading h2{font-size:18px}.pay-line{font-size:11px}.pay-line small{font-size:8px}.pay-line>span{gap:6px}.profile-intro{align-items:flex-start}.profile-intro h2{font-size:18px}.profile-intro p{font-size:11px}.detail-grid{grid-template-columns:1fr;gap:23px}.slip-row{gap:10px}.slip-row strong{font-size:11px}.document-icon{font-size:20px;padding:8px}.slip-row>span:last-child{margin-left:0}footer{font-size:9px}footer span{display:none}.modal-backdrop{padding:10px}.slip-modal{padding:30px 20px}}

.top-signout{border:0;background:transparent;color:var(--muted);font-size:18px;padding:8px;}

@media(max-width:700px){
 .welcome-story{padding:12px 24px 0;background:linear-gradient(160deg,#eef3eb,#e4ede5)}
 .welcome-story .government-brand{border-bottom:0}
 .auth-panel{padding:30px 22px 36px;background:linear-gradient(#e4ede5 0,#f5f6f3 120px)}
 .auth-card{max-width:420px;background:#fff;padding:28px 24px;border:1px solid #e1e8e2;border-radius:16px;box-shadow:0 12px 36px #244c410d}
 .auth-card>.eyebrow{display:block;text-align:center;font-size:10px;letter-spacing:1.3px}
 .auth-card h2{text-align:center;font-size:29px;letter-spacing:-.8px;margin:12px 0}
 .auth-card>p:not(.notice){text-align:center;font-size:13px;line-height:1.7}
 .auth-card input{padding:15px 14px;border-radius:8px;background:#fafcf9}
 .auth-card .primary{padding:15px 18px;border-radius:8px;box-shadow:0 4px 12px #17796620}
 .auth-card .secondary{border-radius:8px;padding:14px 12px}
 .auth-card .text-button{display:block;width:100%;text-align:center;line-height:1.6;font-size:12px;margin-top:8px}
 .auth-card .divider{text-align:center}
 .workspace>.page-heading{text-align:center}
 .workspace>.page-heading h1{text-wrap:balance;line-height:1.3}
}

.auth-card .floating-field{position:relative;margin-bottom:12px}
.auth-card .floating-field input{margin:0;width:100%;min-height:58px;padding:25px 14px 9px;border-radius:8px}
.auth-card .floating-field label{position:absolute;left:15px;top:19px;margin:0;color:#63766c;font-size:14px;font-weight:400;line-height:20px;pointer-events:none;transform-origin:left top;transition:top .15s ease,font-size .15s ease,color .15s ease}
.auth-card .floating-field input:focus+label,.auth-card .floating-field input:not(:placeholder-shown)+label,.auth-card .floating-field input:autofill+label{top:7px;font-size:11px;font-weight:600;color:#177966}
.auth-card .floating-field input:focus{border-color:#177966;outline:2px solid #17796625;outline-offset:1px}
.auth-card .password-help{display:block;color:#63766c;margin:-5px 0 13px 2px;font-size:11px}
@media(prefers-reduced-motion:reduce){.auth-card .floating-field label{transition:none}}

.employee-pay-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:68px;border-bottom:1px solid var(--border)}
.current-pay-month small{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-bottom:4px}
.current-pay-month strong{display:block;font-size:13px;font-weight:500}
.topbar-emblem{width:44px;height:44px;object-fit:contain}
.topbar-employee{display:flex;justify-content:flex-end;align-items:center;gap:8px}

.compact-pay-topbar{display:none}
.employee-masthead .masthead-meta .topbar-emblem{visibility:hidden}

.period-chip{display:flex;align-items:center;gap:14px;white-space:normal;padding:18px 20px;background:#fff;border:1px solid var(--border);border-radius:7px}
.financial-year-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:10px;background:#e8f0e9;color:#177966;font-size:27px}
.period-chip>div{min-width:0;text-align:left}
.period-chip small{display:block;font-size:9px;letter-spacing:1.2px;color:#63766c;margin-bottom:5px}
.period-chip strong{display:block;font-size:18px;font-weight:600;color:#263c32}
.financial-year-detail{display:block;font-size:11px;line-height:1.5;color:#63766c;margin-top:5px}
.financial-year-status{margin-left:auto;color:#177966;font-size:10px;white-space:nowrap}
@media(max-width:700px){.page-heading .period-chip{width:100%;display:flex;margin-top:20px;padding:17px 15px;gap:12px}.financial-year-status{font-size:9px}}
@media(max-width:360px){.financial-year-status{display:none}}

.avatar-settings{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;border-radius:50%;min-width:44px;min-height:44px}
.top-signout{min-width:44px;min-height:44px}
.settings-backdrop{position:fixed;inset:0;z-index:200;background:#0d201acc;display:grid;place-items:center;padding:20px}
.settings-card{width:100%;max-width:440px;max-height:90dvh;overflow:auto;background:#fff;color:#263635;border-radius:14px;padding:24px;box-shadow:0 20px 60px #0004}
.settings-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.settings-card header small{font-size:10px;color:#63766c;letter-spacing:1.2px}.settings-card header button{border:0;background:none;color:inherit;font-size:28px;min-width:44px;min-height:44px}
.settings-card nav{display:flex;border-bottom:1px solid #dce5de;margin-bottom:22px;gap:6px}.settings-card nav button{width:auto;margin:0;flex:1;justify-content:center;font-size:12px;padding:12px 6px}.settings-card h3{font-size:18px;margin-bottom:10px}.settings-card p{font-size:13px;margin-bottom:16px;line-height:1.65}
.theme-options{display:flex;gap:12px}.theme-options button{flex:1;padding:20px 12px;background:#f0f5ef;border:1px solid #cbd9ce;border-radius:9px;color:#263635}.theme-options button[aria-pressed=true]{border:2px solid #177966}.theme-options span{font-size:23px;display:block;margin-bottom:8px}
.settings-card label{display:block;font-size:12px;margin:12px 0 6px}.settings-card input{width:100%;border:1px solid #cbd9ce;border-radius:7px;padding:12px;background:#fafcf9;color:#263635}.settings-card form .primary{margin-top:18px}.settings-message{padding:12px;background:#edf3eb;border-radius:7px;color:#315e45!important;margin-top:14px}.about-details{border-top:1px solid #dce5de;padding-top:18px}.about-details strong{display:block;font-size:14px;margin-bottom:12px}




/* Complete dark palette: override light-only component colors, including scoped profile rows. */















.sidebar nav button{text-transform:capitalize}





.settings-signout{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}
.employee-masthead{position:sticky;top:0;z-index:60;background:var(--bg)}
.employee-menu-button{display:grid;place-items:center;min-width:48px;min-height:48px;border:1px solid var(--border);background:transparent;color:inherit;border-radius:8px;font-size:25px}

/* Match the subtle separators of the light theme instead of outlining dark cards. */






.page-title-block{display:flex;align-items:flex-start;gap:18px;position:relative;min-width:0}
.page-title-icon{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:14px;background:linear-gradient(145deg,#e8f2eb,#d6e6dc);color:#177966;font-size:28px;border:1px solid #caddd0;box-shadow:0 4px 12px #244c4110}
.page-title-copy{min-width:0}
.page-title-copy>.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600}
.page-heading .page-title-copy h1{font-size:34px;font-weight:600;letter-spacing:-1px;margin:8px 0 10px;line-height:1.2}
.page-title-copy::after{content:"";display:block;width:44px;height:3px;border-radius:2px;background:#438c69;margin-top:16px}


@media(max-width:700px){.page-heading .page-title-block{text-align:left;gap:14px;align-items:flex-start}.page-title-icon{width:48px;height:48px;font-size:25px;border-radius:12px}.page-heading .page-title-copy h1{font-size:29px;letter-spacing:-.7px;margin-top:7px}.page-heading .page-title-copy p{font-size:12px;line-height:1.65}.page-title-copy::after{margin-top:12px}}

.page-heading .page-title-copy h1{font-size:27px;letter-spacing:-.5px;line-height:1.3}
@media(max-width:700px){.page-heading .page-title-copy h1{font-size:22px;letter-spacing:-.3px;line-height:1.35}}

/* One palette shared by the workspace, scoped components and both dialogs. */
.employee-theme.theme-dark {
 --bg:#10191e; --ink:#e6edf0; --muted:#a2b4bc; --teal:#7bd9c1;
 --border:#2c3d45; --dark-surface:#19262d; --dark-raised:#243b42;
 --dark-text:var(--ink); --dark-muted:var(--muted); --dark-accent:var(--teal); --dark-line:var(--border);
 color-scheme:dark; background:var(--bg); color:var(--ink); min-height:100dvh;
}
.employee-theme.theme-dark .workspace,.employee-theme.theme-dark .employee-masthead {background:var(--bg)}
.employee-theme.theme-dark .sidebar {background:#142127;border-color:var(--border)}
.employee-theme.theme-dark :is(.panel,.summary-card,.profile-mini,.period-chip,.settings-card,.slip-modal) {
 background:var(--dark-surface); color:var(--ink); border-color:var(--border); box-shadow:0 8px 24px #00000020;
}
.employee-theme.theme-dark :is(h1,h2,h3,strong,.brand>span,.detail-grid strong,.history-item h3,.slip-row,.secondary,.close) {color:var(--ink)}
.employee-theme.theme-dark :is(p,small,.menu-label,.financial-year-detail,.section-note,.footnote,.subtle,.card-description,.card-empty,.recorded-components p,.history-item p,.history-item small,.profile-intro p,.settings-card label,.summary-card>span:last-child) {color:var(--muted)}
.employee-theme.theme-dark :is(.eyebrow,.profile-label,.text-button,.record-meta,.financial-year-status,.sidebar-note>span,.brand) {color:var(--teal)}
.employee-theme.theme-dark :is(.pay-line,.detail-grid>div,.history-item,.profile-intro,.panel-heading,.recorded-components,.slip-row,.secondary,.settings-card nav,.about-details,.settings-signout,.government-brand,.bank-panel,.salary-net,.salary-summary .footnote) {border-color:var(--border)}
.employee-theme.theme-dark :is(.count,.record-meta span,.salary-symbol,.mini-icon,.financial-year-icon,.document-icon,.help-icon,.net-symbol,.avatar) {background:var(--dark-raised);color:var(--teal)}
.employee-theme.theme-dark :is(.pay-total,.verified,.settings-message,.salary-summary) {background:#1d3739;color:var(--ink)!important;border-color:#345158}
.employee-theme.theme-dark .profile-help {background:var(--dark-surface);border-color:var(--border)}
.employee-theme.theme-dark .year-note {background:transparent}
.employee-theme.theme-dark :is(.deduction-symbol,.mini-icon.warm) {background:#3c302c;color:#efbb93}
.employee-theme.theme-dark .pay-line strong.negative {color:#efbb93}
.employee-theme.theme-dark .net-card {background:linear-gradient(135deg,#1d514b,#203b46);border:1px solid #35605f}
.employee-theme.theme-dark .net-card :is(.card-kicker,p,small,.net-footer) {color:#bbdbd5}
.employee-theme.theme-dark .net-card h2 {color:#f1faf8}
.employee-theme.theme-dark nav button {color:var(--muted)}
.employee-theme.theme-dark nav button:hover {background:#203239;color:var(--ink)}
.employee-theme.theme-dark nav button.active {background:#25433f;color:#a0ead7;box-shadow:inset 3px 0 #7bd9c1}
.employee-theme.theme-dark .settings-card nav button.active {box-shadow:inset 0 -2px #7bd9c1}
.employee-theme.theme-dark :is(.detail-grid>div:hover,.detail-grid>div:focus-within,.history-item:hover,.slip-row:hover) {background:#22363d}
.employee-theme.theme-dark :is(.detail-grid>div:hover strong,.detail-grid>div:focus-within strong,.history-item:hover h3) {color:#e6edf0}
.employee-theme.theme-dark .settings-card input {background:#101e25;color:var(--ink);border-color:#40565f}
.employee-theme.theme-dark .primary {background:#7bd9c1;color:#102923;border-color:#7bd9c1}
.employee-theme.theme-dark .primary:hover {background:#9be6d2}
.employee-theme.theme-dark .secondary:hover {background:#243b42}
.employee-theme.theme-dark .theme-options button {background:#122027;color:var(--muted);border-color:var(--border)}
.employee-theme.theme-dark .theme-options button[aria-pressed=true] {background:#25433f;color:#a0ead7;border-color:#7bd9c1}
.employee-theme.theme-dark :is(button,input):focus-visible {outline:2px solid #7bd9c1;outline-offset:3px}
.employee-theme.theme-dark .notice {background:#3c3026;color:#f3cfaa;border:1px solid #654e37}
.employee-theme.theme-dark .government-brand span {color:var(--muted)}
.employee-theme.theme-dark .profile-panel h3::before,.employee-theme.theme-dark .page-title-copy::after {background:#7bd9c1}
.employee-theme.theme-dark .page-title-icon {background:linear-gradient(145deg,#284a47,#1b303a);border-color:#365650;color:#9be6d2;box-shadow:none}
.employee-theme.theme-dark :is(.modal-backdrop,.settings-backdrop) {background:#080f16cc;backdrop-filter:blur(5px)}
.employee-theme.theme-dark .settings-card {border:1px solid #3a4c55;box-shadow:0 24px 80px #0006}