/* KUI theme contract. New modules must use --ui-* tokens for branded surfaces,
   text, controls, states and focus. Keep semantic success/error colors separate. */
body.theme-navy{--ui-primary:#1b4f79;--ui-primary-hover:#143e63;--ui-primary-ink:#204f75;--ui-primary-soft:#eaf3fb;--ui-primary-border:#b9d8ee;--ui-nav:#142b48;--ui-nav-active:#2a527b;--ui-hero-start:#183754;--ui-hero-end:#2e648e;--ui-page:#f5f8fc;--ui-border:#dae6f0;--ui-focus:#9bc8ec}
body.theme-emerald{--ui-primary:#136b59;--ui-primary-hover:#0c5547;--ui-primary-ink:#145f51;--ui-primary-soft:#e8f6f0;--ui-primary-border:#b3decd;--ui-nav:#103d35;--ui-nav-active:#1d775f;--ui-hero-start:#104e42;--ui-hero-end:#258672;--ui-page:#f5faf8;--ui-border:#d5e8df;--ui-focus:#90d2ba}
body.theme-indigo{--ui-primary:#45479a;--ui-primary-hover:#36377e;--ui-primary-ink:#424590;--ui-primary-soft:#eeeffc;--ui-primary-border:#c9c9ed;--ui-nav:#222852;--ui-nav-active:#464c9b;--ui-hero-start:#303672;--ui-hero-end:#6367ad;--ui-page:#f7f7fc;--ui-border:#dfdef0;--ui-focus:#a8a9e4}
body.theme-charcoal{--ui-primary:#343d49;--ui-primary-hover:#242c36;--ui-primary-ink:#364450;--ui-primary-soft:#eef1f3;--ui-primary-border:#c7d0d8;--ui-nav:#202936;--ui-nav-active:#404f60;--ui-hero-start:#263240;--ui-hero-end:#586876;--ui-page:#f6f8f9;--ui-border:#dce3e8;--ui-focus:#a6b8c6}
body.theme-terracotta{--ui-primary:#a84d3d;--ui-primary-hover:#873c30;--ui-primary-ink:#944436;--ui-primary-soft:#fbefea;--ui-primary-border:#e8c4b7;--ui-nav:#4e302e;--ui-nav-active:#a45647;--ui-hero-start:#683b34;--ui-hero-end:#b76a50;--ui-page:#fcf8f5;--ui-border:#eadcd5;--ui-focus:#e5ae9c}
body[class^="theme-"]{--primary:var(--ui-primary);--bg:var(--ui-page);background:var(--ui-page)}
body[class^="theme-"] .side{background:var(--ui-nav)}
body[class^="theme-"] .side nav a:hover{background:var(--ui-nav-active);color:#fff}
body[class^="theme-"] .side nav a.active,body[class^="theme-"] .side nav a[aria-current="page"]{background:var(--ui-nav-active);border-color:#ffffff29;box-shadow:inset 3px 0 var(--ui-focus),0 6px 18px #0002;color:#fff}
body[class^="theme-"] .side nav a.active::after{background:var(--ui-focus);box-shadow:0 0 0 4px #ffffff24}
body[class^="theme-"] .brand-mark{background:var(--ui-primary)}
body[class^="theme-"] .main>.top{background:var(--ui-page);border-bottom-color:var(--ui-border)}
body[class^="theme-"] .welcome-card,body[class^="theme-"] .employee-editor-heading,body[class^="theme-"] .profile-hero,body[class^="theme-"] .settings-hero{background:linear-gradient(112deg,var(--ui-hero-start),var(--ui-hero-end));color:#fff}
body[class^="theme-"] .welcome-card .eyebrow,body[class^="theme-"] .employee-editor-heading .eyebrow,body[class^="theme-"] .profile-hero .eyebrow,body[class^="theme-"] .settings-hero .eyebrow{color:#fff;opacity:.82}
body[class^="theme-"] .welcome-card p,body[class^="theme-"] .employee-editor-heading p,body[class^="theme-"] .profile-hero p,body[class^="theme-"] .settings-hero p{color:#fff;opacity:.86}
body[class^="theme-"] .card{border-color:var(--ui-border)}
body[class^="theme-"] .metric-icon,body[class^="theme-"] .employee-section-heading>span,body[class^="theme-"] .profile-card-heading span,body[class^="theme-"] .settings-panel-title>span,body[class^="theme-"] .metric-icon,body[class^="theme-"] .profile-document>a,body[class^="theme-"] .profile-document>.document-preview-trigger{background:var(--ui-primary-soft);color:var(--ui-primary-ink)}
body[class^="theme-"] .metric-icon,body[class^="theme-"] .profile-card-heading span,body[class^="theme-"] .employee-section-heading>span{color:var(--ui-primary-ink)}
body[class^="theme-"] .quick-links a,body[class^="theme-"] .btn-light,body[class^="theme-"] .employee-settings-link a,body[class^="theme-"] .document-preview-toolbar button{background:var(--ui-primary-soft);color:var(--ui-primary-ink)}
body[class^="theme-"] .quick-links a:hover,body[class^="theme-"] .btn-light:hover,body[class^="theme-"] .employee-settings-link a:hover{background:var(--ui-primary-border)}
body[class^="theme-"] .quick-links a,body[class^="theme-"] .employee-name-cell>a,body[class^="theme-"] .profile-nav>a:first-child{color:var(--ui-primary-ink)}
body[class^="theme-"] .employee-editor>summary,body[class^="theme-"] .mobile-menu summary{background:var(--ui-primary);color:#fff}
body[class^="theme-"] button:not(.btn-light):not(.btn-danger):not([data-preview-close]):not(.document-preview-trigger),body[class^="theme-"] .btn:not(.btn-light):not(.btn-danger){background:var(--ui-primary);color:#fff}
body[class^="theme-"] button:not(.btn-light):not(.btn-danger):not([data-preview-close]):not(.document-preview-trigger):hover,body[class^="theme-"] .btn:not(.btn-light):not(.btn-danger):hover{background:var(--ui-primary-hover)}
body[class^="theme-"] .locale-form select{color:var(--ui-primary-ink);border-color:var(--ui-border)}
body[class^="theme-"] .mobile-menu nav a.active,body[class^="theme-"] .mobile-menu nav a[aria-current="page"]{background:var(--ui-primary-soft);color:var(--ui-primary-ink);border-left-color:var(--ui-primary)}
body[class^="theme-"] .mobile-menu nav a:hover{background:var(--ui-primary-soft);color:var(--ui-primary-ink)}
body[class^="theme-"] .mobile-menu form button{background:var(--ui-primary-soft)!important;color:var(--ui-primary-ink)!important}
body[class^="theme-"] .profile-salary{background:linear-gradient(135deg,var(--ui-primary-soft),#fff)}
body[class^="theme-"] .profile-salary-amount,body[class^="theme-"] .profile-salary p,body[class^="theme-"] .employee-section-title{color:var(--ui-primary-ink)}
body[class^="theme-"] .salary-form-section{background:linear-gradient(90deg,var(--ui-primary-soft),#fff)}
body[class^="theme-"] .employee-media .form-row:has(input[type=file]),body[class^="theme-"] .brand-upload{background:var(--ui-primary-soft);border-color:var(--ui-primary-border)}
body[class^="theme-"] .brand-upload img,body[class^="theme-"] .profile-avatar{background:var(--ui-primary-soft)}
body[class^="theme-"] .brand-settings-grid input:not([type=file]):focus,body[class^="theme-"] .employee-fields .form-row :is(input,select,textarea):focus,body[class^="theme-"] .settings-form input:focus,body[class^="theme-"] .profile-rename-form input:focus{outline:3px solid var(--ui-focus);border-color:var(--ui-primary)}
body[class^="theme-"] a:focus-visible,body[class^="theme-"] button:focus-visible,body[class^="theme-"] summary:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
body[class^="theme-"] .theme-option input{accent-color:var(--ui-primary)}
@media(max-width:800px){body[class^="theme-"] .main>.top{background:var(--ui-page)}}
body[class^="theme-"] .profile-avatar{background:#ffffff2b}body[class^="theme-"] .profile-avatar span{color:#fff}
body[class^="theme-"] .stock-hero{background:linear-gradient(112deg,var(--ui-hero-start),var(--ui-hero-end))}body[class^="theme-"] .stock-editor>summary{background:var(--ui-primary)}body[class^="theme-"] .stock-item-link,body[class^="theme-"] .stock-back,body[class^="theme-"] .stock-master-card summary{color:var(--ui-primary-ink)}body[class^="theme-"] .stock-table td code,body[class^="theme-"] .stock-pagination a{background:var(--ui-primary-soft);color:var(--ui-primary-ink)}

body[class^="theme-"] .stock-bell>summary{color:var(--ui-primary-ink);border-color:var(--ui-primary-border)}body[class^="theme-"] .stock-bell-panel>a{color:var(--ui-primary-ink)}