@layer desktopDark, workspaceTheme;
@layer workspaceTheme {
/* Test portal: shared software design for the existing application. */
:root{--bg:#f3f5f9!important;--panel:#fff!important;--panel2:#f5f7fb!important;--text:#26364e!important;--muted:#74839a!important;--line:#dde4ef!important;--gold:#527acd!important;--gold-2:#698cdb!important;--accent:#527acd!important;--green:#26886c!important;--sidebar-width:248px!important}
html body{background:#f3f5f9!important;color:#26364e!important;font-family:'Segoe UI',Arial,sans-serif!important}body :is(h1,h2,h3,h4,strong){color:inherit}body :is(h1,h2,h3){letter-spacing:-.025em}body h1{font-size:30px!important}body :is(p,small){line-height:1.65}body .layout:not(.academy-layout){grid-template-columns:248px minmax(0,1fr)!important;gap:0!important;max-width:none!important}body .layout>.content{padding:26px 36px 40px!important;background:#f3f5f9!important;min-width:0}
body .layout>.sidebar{width:248px!important;background:#111b2d!important;border:0!important;color:#aebbd1!important;padding:25px 16px!important;box-shadow:none!important}body .layout>.sidebar :is(a,strong,small,span,summary){color:#aebbd1!important}body .layout>.sidebar .brand{padding:0 8px 22px!important;border-bottom:1px solid #2b3850!important}body .layout>.sidebar .brand-text strong{color:#f0f5ff!important;font-size:18px!important}body .layout>.sidebar .brand-text small{font-size:8px!important;letter-spacing:1px}body .layout>.sidebar .brand-mark{width:35px!important;height:40px!important;background:none!important;box-shadow:none!important}body .layout>.sidebar .brand-mark img{width:35px!important;height:40px!important;object-fit:contain}body .layout>.sidebar .brand-text>span{display:none!important}body .layout>.sidebar :is(details,summary,nav){background:transparent!important;border-color:#2a3850!important;box-shadow:none!important}body .layout>.sidebar summary{padding:14px 10px!important;font-size:11px!important}body .layout>.sidebar summary small{display:none!important}body .layout>.sidebar nav a{border:0!important;border-radius:7px!important;padding:10px 12px!important;font-size:12px!important;background:transparent!important;margin:3px 0!important;box-shadow:none!important}body .layout>.sidebar nav a.active,body .layout>.sidebar nav a:hover{background:#293e63!important;color:#e1ecff!important}body .layout>.sidebar nav a.active span{color:#e1ecff!important}body .layout>.sidebar svg{width:17px!important;height:17px!important}body .software-home{display:block;padding:14px 12px!important;border:1px solid #34445e!important;border-radius:7px;margin:18px 0;font-size:12px}body .portal-sidebar-toggle{background:#263950!important;border:1px solid #405675!important;color:#c0d2ed!important}body .content>.topbar{background:#fff!important;border:0!important;border-bottom:1px solid #dde5ef!important;border-radius:0!important;padding:15px 22px!important;margin:-26px -36px 30px!important;box-shadow:none!important;gap:16px!important;min-height:74px}body .portal-workspace-label strong{color:#354764!important;font-size:13px!important}body .portal-workspace-label small{color:#8a99ad!important;font-size:9px!important}body :is(.top-pill,.user-chip){background:#f6f8fc!important;border:1px solid #e2e8f2!important;color:#536581!important;box-shadow:none!important;border-radius:8px!important}body .user-shield{background:#e4ecfb!important;color:#5c7bb5!important;box-shadow:none!important}.software-search{display:flex;align-items:center;gap:8px;margin-left:auto;background:#f6f8fc;border:1px solid #dce4ef;padding:8px 12px;border-radius:7px;color:#8b9db8}.software-search input{border:0!important;padding:0!important;min-height:0!important;width:180px!important;font-size:11px!important;background:transparent!important;box-shadow:none!important}
body :is(.card,.panel,.hero,.stat,.stat-card,.stats-card,.table-card,.table-wrap,.section-card,.management-workspace,.management-hero,.management-card,.handbook-card,.handbook-detail,.handbook-library,.handbook-learning-panel,.handbook-progress-page,.training-officer-card,.training-stat,.user-create-card){background:#fff!important;color:#2a3c57!important;border:1px solid #dfe6f0!important;border-radius:11px!important;box-shadow:none!important}body :is(.card,.panel,.hero)::before,body :is(.card,.panel,.hero)::after{background:none!important}body :is(.eyebrow,.kicker){color:#7b90b1!important;font-size:10px!important;letter-spacing:.12em!important}body :is(.muted,.subtitle){color:#7d8da5!important}body :is(input,select,textarea){background:#f8fafd!important;color:#304461!important;border:1px solid #ccd8e8!important;border-radius:7px!important;box-shadow:none!important}body input::placeholder,body textarea::placeholder{color:#94a3b8!important}body label{color:#586e8c!important}body :is(.btn,button.primary,input[type=submit]){background:#527bcd!important;color:#fff!important;border:1px solid #527bcd!important;box-shadow:none!important;border-radius:7px!important;font-size:12px!important;font-weight:600!important}body :is(.btn.secondary,.btn.ghost){background:#f0f4fb!important;color:#5673a6!important;border-color:#d3def0!important}body .btn.danger{background:#b74958!important;border-color:#b74958!important;color:#fff!important}body :is(input[type=checkbox],input[type=radio],progress){accent-color:#527bcd!important}body :is(table,tbody,tr,td){background:#fff!important;color:#405674!important;border-color:#e5ebf4!important}body th{background:#f5f7fc!important;color:#8091ac!important;font-size:10px!important;letter-spacing:.07em!important;border-color:#e1e8f2!important}body tbody tr:hover td{background:#f5f8ff!important}body :is(td,th){padding:14px 15px!important}body :is(.badge,.pill){background:#edf2fc!important;color:#5b78a9!important;border:1px solid #d8e2f4!important;box-shadow:none!important}body :is(dialog,.modal-content,.modal-dialog,.delete-confirm-dialog,.user-modal-panel){background:#fff!important;color:#304564!important;border:1px solid #dce5f2!important;border-radius:13px!important;box-shadow:0 24px 90px #11233c30!important}body dialog::backdrop{background:#111e36a1;backdrop-filter:blur(4px)}body :is(.modal-header,.modal-footer){background:#f7f9fd!important;border-color:#dfe7f2!important}body .portal-legal-footer{color:#8b9bb2!important;border-color:#dfe6ef!important}body .alert{background:#eaf3fb!important;color:#3a5f88!important;border-color:#c9ddef!important}body .alert.error{background:#fceef0!important;color:#a13c4e!important;border-color:#ebc5cd!important}body .alert.success{background:#eaf6f0!important;color:#32795f!important;border-color:#c9e8da!important}body :is(a,button,input,select,textarea):focus-visible{outline:3px solid #91b0ef!important;outline-offset:3px!important}
/* Academy uses the same workspace palette. */
body.academy-body{background:#f3f5f9!important;color:#30435e!important}body.academy-body .academy-header{background:#fff!important;border-color:#dfe6f0!important}body.academy-body .academy-brand strong{color:#263b5b!important}body.academy-body .academy-main{background:#f3f5f9!important}body.academy-body .academy-tabs{background:#111b2d!important}body.academy-body .academy-tabs a{color:#aebed9!important}body.academy-body .academy-welcome h1{color:#2c3d58!important}body.academy-body .academy-focus{background:#253e70!important;color:#fff!important}body.academy-body .academy-focus h2{color:white!important}body.academy-body .academy-shortcuts a{background:#fff!important;border-color:#dfe6f0!important}body.academy-body .academy-shortcuts strong{color:#354d71!important}body.academy-body .handbook-card h3{color:#304768!important}body.academy-body .handbook-document-body{color:#405574!important}body.academy-body .academy-status{background:#e9effa!important;color:#4d6c9d!important}
@media(max-width:1000px){.software-search{display:none}body .layout:not(.academy-layout){grid-template-columns:210px minmax(0,1fr)!important}body .layout>.sidebar{width:210px!important}body .layout>.content{padding:24px!important}body .content>.topbar{margin:-24px -24px 25px!important}.date-pill{display:none!important}}
@media(max-width:700px){body .layout:not(.academy-layout){display:block!important}body .layout>.sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;padding:15px!important}body .layout>.sidebar .brand{padding-bottom:12px!important}body .layout>.sidebar .accordion-navigation{display:flex!important;overflow-x:auto!important;gap:12px!important}body .layout>.sidebar .accordion-menu-group{flex:0 0 auto!important;min-width:140px!important}body .layout>.sidebar .software-home{margin:10px 0!important}body .layout>.content{padding:18px 14px!important}body .content>.topbar{margin:-18px -14px 24px!important;padding:12px 14px!important}.portal-sidebar-toggle{display:none!important}body .mobile-brand{display:none!important}body h1{font-size:25px!important}body :is(td,th){padding:11px!important}body .table-wrap{overflow:auto!important}}
@media print{body .layout>.sidebar,body .topbar,.software-home{display:none!important}body .layout{display:block!important}}

}@layer workspaceTheme {
body :is(h1,h2,h3,h4){color:#2a3e5e!important;text-shadow:none!important}
body .layout>.content,body .layout>.content>*,body .topbar{animation:none!important;opacity:1!important}
body .layout>.sidebar{min-width:248px!important;flex:0 0 248px!important}
body .content>.hero{padding:24px!important}body .content>.hero p{color:#74869e!important}
body.sidebar-collapsed .layout>.sidebar{width:76px!important;min-width:76px!important;flex-basis:76px!important}
body.sidebar-collapsed .layout:not(.academy-layout){grid-template-columns:76px minmax(0,1fr)!important}
body.sidebar-collapsed .software-home{font-size:0!important}body.sidebar-collapsed .software-home::first-letter{font-size:18px!important}
body .academy-focus h2{color:#fff!important}
@media(max-width:1000px) and (min-width:701px){body .layout>.sidebar{min-width:210px!important;flex-basis:210px!important}}
@media(max-width:700px){body .layout>.sidebar,body.sidebar-collapsed .layout>.sidebar{min-width:100%!important;flex-basis:auto!important;width:100%!important}}
}
@layer workspaceTheme {body [hidden]{display:none!important}}
/* Complete application surfaces and contextual menus; replaces legacy gold panels. */
@layer workspaceTheme {
body.app-body{--lspd-bg:#f3f5f9!important;--lspd-panel:#fff!important;--lspd-text:#30435f!important;--lspd-muted:#70829d!important;--lspd-border:#dce5f1!important;--lspd-gold:#527bcd!important}
body .content :is(.page-head,.users-page-head,.settings-command-head,.applications-manage-head,.manage-panel,.user-list-panel,.user-create-panel,.user-kpi,.exam-stat-card,.promotion-card,.promotion-field-card,.promotion-lock-box,.promotion-meta-grid>div,.promotion-request-head,.promotion-filter-bar,.promotion-officer-option,.promotion-rank-option,.settings-card,.settings-panel,.permission-card,.role-card){background:#fff!important;background-image:none!important;border:1px solid #dfe7f2!important;color:#354b6d!important;box-shadow:none!important;border-radius:11px!important}
body .content :is(.promotion-request-panel,.promotion-lock-panel){padding:0!important;overflow:hidden}
body .content .promotion-request-head{border:0!important;border-bottom:1px solid #e0e7f1!important;border-radius:0!important;padding:24px!important;background:#f8faff!important}
body .content :is(.promotion-create-form,.promotion-lock-form){padding:24px!important}
body .content :is(.user-kpi,.exam-stat-card) strong{color:#30496c!important}
body .content :is(.user-kpi,.exam-stat-card,.promotion-request-head,.promotion-field-card,.promotion-card,.promotion-officer-copy,.promotion-rank-copy) :is(p,small){color:#7487a3!important}
body .content :is(.user-kpi-icon,.exam-center-tab-icon,.promotion-officer-badge,.promotion-rank-badge,.promotion-request-badge,.promotion-request-steps span,.promotion-request-steps b){background:#ecf2fc!important;color:#6281b4!important;border:1px solid #d5e1f4!important;box-shadow:none!important}
body .content :is(.exam-center-tabs,.promotion-center-tabs,.workspace-tabs,.user-tabs,.settings-tabs){position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;display:flex!important;gap:7px!important;padding:7px!important;margin:20px 0!important;background:#e9eff8!important;border:1px solid #d8e3f1!important;border-radius:10px!important;box-shadow:none!important;backdrop-filter:none!important;overflow-x:auto!important}
body .content :is(.exam-center-tab,.promotion-center-tab){flex:1 0 180px!important;background:transparent!important;color:#7185a3!important;border:1px solid transparent!important;border-radius:7px!important;padding:12px 15px!important;box-shadow:none!important;min-height:58px!important}
body .content :is(.exam-center-tab,.promotion-center-tab) :is(strong,small){color:inherit!important}
body .content :is(.exam-center-tab,.promotion-center-tab).active{background:#fff!important;color:#3f659e!important;border-color:#c6d7ee!important;box-shadow:0 2px 5px #2d48680a!important}
body .content :is(.exam-center-tab,.promotion-center-tab):hover{background:#f5f8fd!important}
body .content :is(.promotion-officer-option,.promotion-rank-option){padding:13px!important;transition:border-color .15s!important}
body .content :is(.promotion-officer-option,.promotion-rank-option):hover{background:#f1f6ff!important;border-color:#97b4de!important}
body .content :is(.promotion-officer-option,.promotion-rank-option):is(.selected,.is-selected,[aria-selected=true]){background:#eaf2ff!important;border-color:#779dd6!important}
body .content :is(.promotion-officer-action,.promotion-rank-check,.promotion-rank-picker-head>span,.promotion-request-steps>span,.promotion-rank-flow span){background:#edf3fc!important;border-color:#d6e2f3!important;color:#5878a6!important;box-shadow:none!important}
body .content :is(.promotion-officer-copy,.promotion-rank-copy) strong{color:#344f74!important}
body .content :is(.mini-overline,.promotion-chip-row){color:#7590b8!important}
body .content :is(.promotion-field-card,.promotion-request-head)::before,body .content :is(.promotion-field-card,.promotion-request-head)::after{background:none!important;box-shadow:none!important}
body .content :is(.status-chip,.promotion-chip-row span){background:#eef3fb!important;border:1px solid #d6e2f1!important;color:#5a759e!important;box-shadow:none!important}
body .content :is(.status-chip.green,.status-chip.approved,.status-chip.active){background:#e9f5ef!important;color:#358062!important;border-color:#c9e6d7!important}
body .content :is(.status-chip.red,.status-chip.rejected){background:#faedf0!important;color:#ad5266!important;border-color:#eccbd4!important}
body .content :is(select option){background:#fff!important;color:#344c70!important}
body .content :is(.dropdown-menu,.context-menu,.custom-select-options,.custom-select-menu){background:#fff!important;color:#344d72!important;border:1px solid #d3dff0!important;box-shadow:0 10px 35px #213b6220!important;border-radius:9px!important}
body .content .promotion-request-actions{border-color:#e0e7f1!important;background:#f8faff!important;padding:18px!important}
@media(max-width:700px){body .content :is(.promotion-create-form,.promotion-lock-form,.promotion-request-head){padding:16px!important}body .content :is(.exam-center-tab,.promotion-center-tab){flex-basis:155px!important}}
}
@layer workspaceTheme {
body .content :is(.user-kpi,.manage-panel,.promotion-create-form,.promotion-field-card)::before,body .content :is(.user-kpi,.manage-panel,.promotion-create-form,.promotion-field-card)::after{background:none!important;background-image:none!important;box-shadow:none!important;border-color:#dce5f1!important}
body .content .user-kpi>div>span{color:#7b8ea8!important}
body .content :is(.exam-center-tab,.promotion-center-tab){display:flex!important;align-items:center!important;gap:12px!important;white-space:normal!important}
body .content .exam-center-tab-copy{min-width:0!important;flex:1!important}
body .content .promotion-field-card::before{color:#6381ae!important;background:#edf3fc!important}
}
@layer desktopDark {
:root{--bg:#171d27!important;--panel:#222b38!important;--panel2:#1c2430!important;--text:#dce6f4!important;--muted:#9cacc2!important;--line:#354255!important;--lspd-bg:#171d27!important;--lspd-text:#dce6f4!important;--lspd-panel:#222b38!important;--lspd-muted:#9cacc2!important;--lspd-border:#354255!important}
html body,body.app-body,body.academy-body,body .layout>.content,body .academy-main{background:#171d27!important;color:#dce6f4!important;color-scheme:dark}
body :is(h1,h2,h3,h4){color:#e0e9f6!important;text-shadow:none!important}
body :is(.card,.panel,.hero,.stat,.stat-card,.stats-card,.table-card,.table-wrap,.section-card,.manage-panel,.page-head,.users-page-head,.settings-command-head,.applications-manage-head,.user-list-panel,.user-create-panel,.user-kpi,.exam-stat-card,.promotion-card,.promotion-field-card,.promotion-lock-box,.promotion-meta-grid>div,.promotion-request-head,.promotion-filter-bar,.promotion-officer-option,.promotion-rank-option,.settings-card,.settings-panel,.permission-card,.role-card,.handbook-card,.handbook-detail,.handbook-library,.handbook-learning-panel,.handbook-progress-page,.ops-identity-card,.ops-priority-card,.ops-panel,.ops-kpi,.ops-status-strip,.ops-sync-card,.ops-system-grid>div,.ops-result-row,.ops-audit-item,.empty-state){background:#222b38!important;background-image:none!important;color:#d1ddef!important;border-color:#354255!important;box-shadow:none!important}
body :is(.ops-identity-card,.ops-priority-card,.ops-panel,.ops-kpi,.user-kpi,.manage-panel)::before,body :is(.ops-identity-card,.ops-priority-card,.ops-panel,.ops-kpi,.user-kpi,.manage-panel)::after{background:none!important;box-shadow:none!important}
body :is(.ops-identity-card,.ops-priority-card,.ops-panel,.ops-kpi,.user-kpi,.exam-stat-card,.promotion-field-card,.promotion-card,.promotion-request-head) :is(strong,h1,h2,h3){color:#dce7f6!important}
body :is(.ops-identity-card,.ops-priority-card,.ops-panel,.ops-kpi,.user-kpi,.exam-stat-card,.promotion-field-card,.promotion-card,.promotion-request-head) :is(p,small,div>span){color:#a7b7cd!important}
body :is(.muted,.subtitle,.eyebrow,.mini-overline){color:#9dafc9!important}
body :is(input,select,textarea),body .content select option{background:#141d29!important;color:#d9e5f5!important;border-color:#41516a!important}body label{color:#b1c0d6!important}body input::placeholder,body textarea::placeholder{color:#8195b0!important}
body :is(table,tbody,tr,td){background:#202a37!important;color:#cad8ec!important;border-color:#344155!important}body th{background:#192330!important;color:#a7bad6!important;border-color:#344155!important}body tbody tr:hover td{background:#29374a!important}
body :is(.exam-center-tabs,.promotion-center-tabs,.workspace-tabs,.user-tabs,.settings-tabs){background:#151e2b!important;border-color:#36455d!important}body :is(.exam-center-tab,.promotion-center-tab){background:transparent!important;color:#a6b8d1!important}body :is(.exam-center-tab,.promotion-center-tab).active{background:#30445f!important;color:#dfecff!important;border-color:#557296!important}body :is(.exam-center-tab,.promotion-center-tab):hover{background:#29394e!important}
body :is(.promotion-officer-option,.promotion-rank-option):is(.selected,.is-selected,[aria-selected=true]){background:#304663!important;border-color:#789cc9!important}body :is(.promotion-officer-copy,.promotion-rank-copy) strong{color:#dbe8f9!important}body :is(.promotion-officer-copy,.promotion-rank-copy) small{color:#9db3cf!important}
body :is(.user-kpi-icon,.exam-center-tab-icon,.promotion-officer-badge,.promotion-rank-badge,.ops-avatar,.ops-row-avatar,.promotion-officer-action,.promotion-rank-check){background:#30435d!important;color:#b6cff2!important;border-color:#4c6280!important;box-shadow:none!important}
body :is(.btn.secondary,.btn.ghost){background:#29394f!important;color:#bad0ed!important;border-color:#435975!important}
body :is(dialog,.modal-content,.modal-dialog,.delete-confirm-dialog,.user-modal-panel,.dropdown-menu,.context-menu,.custom-select-options,.custom-select-menu){background:#222d3c!important;color:#d6e3f4!important;border-color:#445871!important}
body :is(.modal-header,.modal-footer,.promotion-request-actions){background:#1b2635!important;border-color:#34465f!important}
body .handbook-document-body{color:#c9d7eb!important}body .academy-shortcuts a{background:#222b38!important;border-color:#354255!important}body .academy-shortcuts strong{color:#dce7f7!important}
}
/* LSPD workspace refresh — shared application surfaces */
@layer workspaceTheme {
html body{--bg:#12191f!important;--panel:#1c2730!important;--panel2:#17212a!important;--text:#e9eef3!important;--muted:#a2b0bd!important;--line:#34424d!important;--accent:#79aae3!important;--gold:#79aae3!important;background:#12191f!important;color:#e9eef3!important;font-size:14px!important;line-height:1.55;color-scheme:dark}
html body .layout>.content,html body.academy-body .academy-main{background:radial-gradient(ellipse at top right,#79aae306,transparent 60%),#12191f!important;padding:32px 38px 48px!important}
html body :is(h1,h2,h3,h4){color:#edf2f6!important;letter-spacing:-.035em!important}html body h1{font-size:clamp(25px,2.3vw,34px)!important;line-height:1.2!important}html body :is(.muted,.subtitle){color:#a4b3c1!important}
html body :is(.card,.panel,.hero,.stat,.stat-card,.stats-card,.table-card,.table-wrap,.section-card,.manage-panel,.page-head,.users-page-head,.settings-command-head,.applications-manage-head,.user-list-panel,.user-create-panel,.user-kpi,.exam-stat-card,.promotion-card,.promotion-field-card,.promotion-lock-box,.promotion-meta-grid>div,.promotion-request-head,.promotion-filter-bar,.promotion-officer-option,.promotion-rank-option,.settings-card,.settings-panel,.permission-card,.role-card,.handbook-card,.handbook-detail,.handbook-library,.handbook-learning-panel,.handbook-progress-page,.ops-identity-card,.ops-priority-card,.ops-panel,.ops-kpi,.ops-status-strip,.ops-sync-card,.ops-system-grid>div,.ops-result-row,.ops-audit-item,.empty-state,.management-workspace,.management-hero,.management-card,.training-officer-card,.training-stat,.user-create-card){background:#1c2730!important;background-image:none!important;color:#dce5ed!important;border:1px solid #34424d!important;border-radius:16px!important;box-shadow:0 5px 20px #00000012!important}
html body .layout>.sidebar{background:#10171d!important;border-right:1px solid #ffffff0c!important;padding:28px 16px!important}html body .layout>.sidebar .brand{border-bottom-color:#ffffff12!important;padding-bottom:24px!important}html body .layout>.sidebar nav a{padding:12px!important;border-radius:10px!important;transition:background .15s}html body .layout>.sidebar nav a:hover{background:#ffffff08!important;color:#fff!important}html body .layout>.sidebar nav a.active{background:#79aae318!important;color:#a9cdf0!important;box-shadow:inset 3px 0 #79aae3!important}html body .layout>.sidebar nav a.active span{color:#a9cdf0!important}html body .layout>.sidebar summary{color:#96a6b6!important;font-size:11px!important;letter-spacing:.04em!important}html body .software-home{background:#ffffff05!important;border-color:#ffffff16!important;border-radius:10px!important;color:#d7e0e8!important}
html body .content>.topbar{background:#18222b!important;border-bottom:1px solid #34424d!important;margin:-32px -38px 32px!important;padding:18px 28px!important;min-height:78px!important}html body .portal-workspace-label strong{color:#e9eef3!important}html body .portal-workspace-label small{color:#9caebb!important}html body :is(.top-pill,.user-chip,.software-search){background:#101a23!important;border:1px solid #34424d!important;color:#b9c7d4!important;border-radius:10px!important}html body .software-search{padding:10px 14px!important}html body .software-search input{background:transparent!important;border:0!important;color:#e9eef3!important;font-size:12px!important;min-height:0!important;box-shadow:none!important}html body .user-shield{background:#79aae320!important;color:#a5c9ee!important}
html body :is(input,select,textarea){background:#121c25!important;color:#e9eef3!important;border:1px solid #435361!important;border-radius:10px!important;box-shadow:none!important;font-size:14px!important}html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select){min-height:44px!important}html body textarea{padding:12px 14px!important;line-height:1.65!important}html body label{color:#bdcbd7!important}html body :is(input,textarea)::placeholder{color:#8c9baa!important}html body :is(input,select,textarea):focus{border-color:#79aae3!important}html body :is(.btn,button.primary,input[type=submit]){background:#79aae3!important;color:#162336!important;border-color:#79aae3!important;border-radius:10px!important;min-height:40px!important;padding:10px 16px!important;font-size:13px!important;font-weight:600!important;transition:filter .15s}html body .btn:hover{filter:brightness(1.08)}html body :is(.btn.secondary,.btn.ghost){background:#ffffff06!important;color:#d8e3ed!important;border-color:#435361!important}html body .btn.danger{background:#8e3543!important;color:#ffe5e9!important;border-color:#b45060!important}html body :is(input[type=checkbox],input[type=radio],progress){accent-color:#79aae3!important}
html body :is(table,tbody,tr,td){background:#1c2730!important;color:#d8e3ed!important;border-color:#34424d!important}html body th{background:#152029!important;color:#a6b8c8!important;font-size:11px!important;letter-spacing:.055em!important;padding:15px 18px!important}html body td{padding:16px 18px!important;line-height:1.5!important}html body tbody tr:hover td{background:#25333e!important}html body :is(.badge,.pill){background:#79aae312!important;color:#a4c9ef!important;border-color:#79aae338!important;border-radius:20px!important;font-size:11px!important}html body :is(.eyebrow,.kicker,.mini-overline){color:#71a5e1!important}
html body :is(dialog,.modal-content,.modal-dialog,.delete-confirm-dialog,.user-modal-panel){background:#1c2730!important;color:#e9eef3!important;border-color:#435361!important;border-radius:20px!important;box-shadow:0 30px 100px #0008!important}html body :is(.modal-header,.modal-footer){background:#17212a!important;border-color:#34424d!important}html body dialog::backdrop{background:#070c12b3;backdrop-filter:blur(6px)}html body .alert{border-radius:12px!important;background:#244054!important;color:#d8ecfc!important;border-color:#43657d!important}html body .alert.error{background:#44242c!important;color:#ffd2d9!important;border-color:#81505c!important}html body .alert.success{background:#1c3b32!important;color:#b9ead6!important;border-color:#3c6b59!important}
html body :is(.exam-center-tabs,.promotion-center-tabs,.workspace-tabs,.user-tabs,.settings-tabs){background:#141f28!important;border-color:#34424d!important;border-radius:12px!important}html body :is(.exam-center-tab,.promotion-center-tab).active{background:#79aae318!important;color:#a9cdf0!important;border-color:#79aae360!important}
html body.academy-body .academy-header{background:#18222b!important;border-color:#34424d!important}html body.academy-body .academy-brand strong{color:#edf2f6!important}html body.academy-body .academy-tabs{background:#10171d!important}html body.academy-body .academy-tabs a.active{background:#79aae318!important;color:#a9cdf0!important}html body.academy-body .academy-shortcuts a{background:#1c2730!important;border-color:#34424d!important;border-radius:14px!important}html body.academy-body .academy-shortcuts strong,html body.academy-body .handbook-card h3{color:#e4edf5!important}html body.academy-body .handbook-document-body{color:#c4d0dd!important}html body.academy-body .academy-focus{background:#293c45!important;border-color:#435c68!important}
html body :is(a,button,input,select,textarea):focus-visible{outline:2px solid #a4c9ef!important;outline-offset:3px!important}html body .portal-legal-footer{color:#9aabba!important;border-color:#34424d!important}
@media(max-width:1000px){html body .layout>.content{padding:24px!important}html body .content>.topbar{margin:-24px -24px 26px!important}}
@media(max-width:700px){html body .layout>.content,html body.academy-body .academy-main{padding:20px 14px 32px!important}html body .content>.topbar{margin:-20px -14px 24px!important;padding:14px!important}html body .layout>.sidebar{padding:16px!important}html body :is(td,th){padding:12px!important}html body .table-wrap{overflow-x:auto!important}}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important;scroll-behavior:auto!important}}
@media print{html body,html body .layout>.content,html body :is(.card,.panel,table,tbody,tr,td,th){background:#fff!important;color:#111!important;box-shadow:none!important}}
}
@layer workspaceTheme {html body.academy-body .academy-status{background:#1c2730!important;color:#c9d6e3!important;border:1px solid #34424d!important;border-radius:12px!important;padding:16px!important}html body.academy-body .academy-status :is(a,span,strong){color:#c9d6e3!important}html body.academy-body .academy-tabs a.active{border-left-color:#79aae3!important}}

/* Promotion workspace: keep every nested surface in the dark palette. */
@layer desktopDark {
html body .content :is(.promotion-list-panel,.promotion-request-panel,.promotion-lock-panel){color:#e3ebf5!important}
html body .content .promotion-card{background:#222b38!important;border-color:#415169!important;color:#e3ebf5!important}
html body .content .promotion-rank-flow{background:#192330!important;border-color:#465971!important;flex-wrap:wrap}
html body .content .promotion-rank-flow>span{background:#2e4057!important;color:#edf3fc!important;border:1px solid #59718e!important;border-radius:6px;padding:4px 9px}
html body .content .promotion-rank-flow>span:last-child{background:#20324d!important;color:#a9d1f8!important;border-color:#2970c2!important}
html body .content .promotion-rank-flow>strong{color:#79aae3!important}
html body .content :is(.promotion-meta-grid>span,.promotion-decision-form,.promotion-request-actions){background:#1b2532!important;border-color:#415169!important}
html body .content .promotion-meta-grid>span>small{color:#b2c1d4!important}
html body .content .promotion-meta-grid>span>strong{color:#edf3fc!important}
html body .content :is(.promotion-chip-row span,.promotion-request-panel .status-chip){background:#293e59!important;color:#d5e7ff!important;border-color:#587aa3!important}
html body .content .status-chip:is(.green,.approved,.active){background:#203f36!important;color:#b6efd4!important;border-color:#497e67!important}
html body .content .status-chip:is(.red,.rejected,.inactive,.suspended){background:#492b36!important;color:#ffd0d9!important;border-color:#9b586b!important}
html body .content .status-chip:is(.yellow,.orange,.amber,.paused,.leave,.vacation){background:#433923!important;color:#f5dfaa!important;border-color:#8e7847!important}
html body .content :is(.promotion-card,.promotion-request-panel,.promotion-lock-panel) label{color:#c7d5e6!important}
html body .content :is(.promotion-card,.promotion-request-panel,.promotion-lock-panel) :is(input,select,textarea){background:#141d29!important;color:#edf3fc!important;border-color:#526781!important;color-scheme:dark}
html body .content :is(.promotion-card,.promotion-request-panel,.promotion-lock-panel) :is(input,textarea)::placeholder{color:#a8b8cd!important;opacity:1}
html body .content .promotion-card input[type=checkbox]{accent-color:#79aae3}
html body .content .promotion-card .btn{background:#79aae3!important;color:#121d2d!important;border-color:#a6c9ed!important}
html body .content .promotion-card .btn.secondary{background:#2b3c52!important;color:#e1edfc!important;border-color:#59718e!important}
html body .content .promotion-card .btn.danger{background:#843448!important;color:#fff0f3!important;border-color:#ba6277!important}
html body .content .promotion-card .btn:hover{filter:brightness(1.12)}
html body .content :is(.promotion-officer-action,.promotion-rank-check,.promotion-rank-picker-head>span,.promotion-request-steps>span){background:#2e4057!important;color:#d5e7ff!important;border-color:#59718e!important}
html body .content .promotion-lock-box{background:#392b32!important;color:#ffd0d9!important;border-color:#91566a!important}
html body .content .promotion-lock-box :is(p,strong){color:#ffd0d9!important}
}

/* Compact promotion navigation, with a two-column layout on narrow screens. */
@layer desktopDark {
html body .content .promotion-center-tabs{display:flex!important;flex-wrap:wrap!important;gap:4px!important;padding:5px!important;margin:12px 0 16px!important;border-radius:12px!important;overflow:visible!important}
html body .content .promotion-center-tabs .promotion-center-tab{flex:1 1 190px!important;min-width:0!important;min-height:50px!important;padding:8px 12px!important;gap:9px!important;border-radius:8px!important;background:transparent!important;border:1px solid transparent!important;color:#b7c6da!important;box-shadow:none!important;text-decoration:none!important;transition:background .15s,border-color .15s}
html body .content .promotion-center-tabs .promotion-center-tab:hover{background:#263549!important;border-color:#40546d!important}
html body .content .promotion-center-tabs .promotion-center-tab.active{background:#2c3949!important;border-color:#637087!important;color:#b8d7f5!important;box-shadow:inset 0 -2px #79aae3!important}
html body .content .promotion-center-tabs .exam-center-tab-icon{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;font-size:10px!important;background:#2b3c52!important;color:#c1d4ee!important;border:1px solid #4b607b!important;box-shadow:none!important}
html body .content .promotion-center-tabs .active .exam-center-tab-icon{background:#263c5e!important;color:#a9d1f8!important;border-color:#2970c2!important}
html body .content .promotion-center-tabs .exam-center-tab-copy strong{display:block!important;font-size:12px!important;line-height:1.35!important;margin:0!important;color:inherit!important}
html body .content .promotion-center-tabs .exam-center-tab-copy small{display:block!important;font-size:10px!important;line-height:1.4!important;margin:2px 0 0!important;color:#adbed3!important;white-space:normal!important}
@media(max-width:700px){html body .content .promotion-center-tabs .promotion-center-tab{flex-basis:calc(50% - 4px)!important;padding:8px!important;gap:7px!important}html body .content .promotion-center-tabs .exam-center-tab-copy strong{font-size:11px!important}html body .content .promotion-center-tabs .exam-center-tab-copy small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){html body .content .promotion-center-tabs .promotion-center-tab{transition:none!important}}
}

/* Compact sanction navigation, with a two-column layout on narrow screens. */
@layer desktopDark {
html body .content .sanctions-center-tabs{display:flex!important;flex-wrap:wrap!important;gap:4px!important;padding:5px!important;margin:12px 0 16px!important;border-radius:12px!important;overflow:visible!important}
html body .content .sanctions-center-tabs .sanction-center-tab{flex:1 1 190px!important;min-width:0!important;min-height:50px!important;padding:8px 12px!important;gap:9px!important;border-radius:8px!important;background:transparent!important;border:1px solid transparent!important;color:#b7c6da!important;box-shadow:none!important;text-decoration:none!important;transition:background .15s,border-color .15s}
html body .content .sanctions-center-tabs .sanction-center-tab:hover{background:#263549!important;border-color:#40546d!important}
html body .content .sanctions-center-tabs .sanction-center-tab.active{background:#2c3949!important;border-color:#637087!important;color:#b8d7f5!important;box-shadow:inset 0 -2px #79aae3!important}
html body .content .sanctions-center-tabs .exam-center-tab-icon{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;font-size:10px!important;background:#2b3c52!important;color:#c1d4ee!important;border:1px solid #4b607b!important;box-shadow:none!important}
html body .content .sanctions-center-tabs .active .exam-center-tab-icon{background:#263c5e!important;color:#a9d1f8!important;border-color:#2970c2!important}
html body .content .sanctions-center-tabs .exam-center-tab-copy strong{display:block!important;font-size:12px!important;line-height:1.35!important;margin:0!important;color:inherit!important}
html body .content .sanctions-center-tabs .exam-center-tab-copy small{display:block!important;font-size:10px!important;line-height:1.4!important;margin:2px 0 0!important;color:#adbed3!important;white-space:normal!important}
@media(max-width:700px){html body .content .sanctions-center-tabs .sanction-center-tab{flex-basis:calc(50% - 4px)!important;padding:8px!important;gap:7px!important}html body .content .sanctions-center-tabs .exam-center-tab-copy strong{font-size:11px!important}html body .content .sanctions-center-tabs .exam-center-tab-copy small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){html body .content .sanctions-center-tabs .sanction-center-tab{transition:none!important}}
}
@layer desktopDark {
html body .content .sanctions-page-head{padding:16px 20px!important;min-height:0!important;gap:16px!important;margin:0 0 12px!important;border-radius:12px!important}
html body .content .sanctions-page-head h1{font-size:25px!important;line-height:1.2!important;margin:3px 0 6px!important}
html body .content .sanctions-page-head .eyebrow{font-size:9px!important;margin:0!important;letter-spacing:.1em!important}
html body .content .sanctions-page-head .muted{font-size:12px!important;margin:0!important;line-height:1.45!important}
html body .content .supervisor-clearance{padding:7px 10px!important;gap:8px!important;border-radius:9px!important;background:#1d2e47!important;border-color:#2970c2!important;box-shadow:none!important;flex-shrink:0}
html body .content .supervisor-clearance>b{width:30px!important;height:30px!important;border-radius:7px!important;font-size:10px!important;background:#79aae3!important;color:#121d2d!important}
html body .content .supervisor-clearance small{font-size:8px!important;color:#75a8e2!important}
html body .content .supervisor-clearance strong{font-size:12px!important;margin-top:1px!important;color:#b8d7f5!important}
html body .content .sanctions-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}
html body .content .sanctions-kpis .user-kpi{padding:12px 14px!important;min-height:0!important;gap:10px!important;border-radius:10px!important}
html body .content .sanctions-kpis .user-kpi-icon{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important;font-size:10px!important}
html body .content .sanctions-kpis .user-kpi>div{display:grid!important;grid-template-columns:auto 1fr!important;align-items:baseline!important;gap:0 7px!important;min-width:0}
html body .content .sanctions-kpis .user-kpi small{grid-column:1/-1!important;font-size:10px!important;line-height:1.4!important;margin:0 0 3px!important;letter-spacing:.03em!important}
html body .content .sanctions-kpis .user-kpi strong{font-size:22px!important;line-height:1.15!important;margin:0!important}
html body .content .sanctions-kpis .user-kpi>div>span{font-size:10px!important;line-height:1.3!important;margin:0!important}
html body .content :is(.sanction-history-panel,.sanction-catalog-panel,.sanction-create-panel){padding:16px!important;border-radius:12px!important}
html body .content :is(.sanction-history-panel,.sanction-catalog-panel)>.panel-head{gap:12px!important;margin:0 0 12px!important;align-items:center!important}
html body .content :is(.sanction-history-panel,.sanction-catalog-panel) .panel-head h2{font-size:20px!important;margin:2px 0 0!important;line-height:1.25!important}
html body .content :is(.sanction-history-panel,.sanction-catalog-panel) .panel-head .eyebrow{font-size:9px!important;margin:0!important}
html body .content .sanction-search{gap:7px!important;min-width:0}
html body .content .sanction-search :is(input,.btn){min-height:36px!important;padding:7px 11px!important;font-size:12px!important;margin:0!important}
@media(max-width:1000px){html body .content .sanctions-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){html body .content .sanctions-page-head{padding:14px!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}html body .content .sanctions-page-head h1{font-size:23px!important}html body .content .sanctions-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .content .sanctions-kpis .user-kpi{padding:10px!important;gap:8px!important}html body .content .sanctions-center-tabs .sanction-center-tab{flex-basis:100%!important}html body .content .sanction-history-panel>.panel-head{flex-wrap:wrap!important}html body .content .sanction-search{display:flex!important;width:100%!important}html body .content .sanction-search input[type=search]{width:100%!important;min-width:0!important;flex:1!important}}
}