/* =====================================================================
   HRMS Theme Layer  (loaded LAST, after every other stylesheet)
   1. Design tokens  – light + dark
   2. Light-mode polish
   3. Responsive layout  – off-canvas sidebar, compact topbar, fluid grids
   4. Dark mode – auto colour map derived from the app's own styles
   5. Dark mode – curated components (sidebar, topbar, forms, tables…)
   ===================================================================== */

/* ---------- 1. TOKENS ------------------------------------------------ */
:root{
  color-scheme:light;
  --bg-app:#f4f6fa;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#eef1f6;
  --input-bg:#ffffff;
  --line:#e4e8ef;
  --line-strong:#d3d9e3;
  --text:#0f172a;
  --text-muted:#64748b;
  --text-faint:#94a3b8;
  --focus-ring:0 0 0 3px rgba(22,163,74,.18);
  --topbar-bg:rgba(255,255,255,.86);
  --card-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.10);
  --overlay:rgba(15,23,42,.45);

  --ink-950:#0b1220; --ink-900:#111827; --ink-800:rgba(15,23,42,.92); --ink-700:#1f2937;
  --ink-600:#475569; --ink-500:#64748b; --ink-400:#94a3b8; --ink-300:#d3d9e3;
  --ink-200:#e4e8ef; --ink-100:#eef1f6; --ink-50:#f6f8fb;
  --border:#e4e8ef; --bg:#f4f6fa;

  --content-bg:#f4f6fa;
  --sidebar-bg:#ffffff;
  --sidebar-section-bg:#f3f5f9;
  --sidebar-text:#1f2937;
  --sidebar-muted:#64748b;
  --sidebar-active-bg:rgba(22,163,74,.10);
  --sidebar-active-border:#16a34a;
  --sidebar-active-text:#15803d;
  --hrms-sidebar-module-color:#1f2937;
  --hrms-sidebar-heading-color:#6b7685;
  --hrms-sidebar-scrollbar-thumb:rgba(100,116,139,.35);
  --hrms-sidebar-scrollbar-thumb-hover:rgba(100,116,139,.55);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

html[data-theme="dark"],
html[data-theme="dark"] body{
  color-scheme:dark;
  --bg-app:#0f1419;
  --surface:#161c24;
  --surface-2:#1b232d;
  --surface-3:#222c38;
  --input-bg:#10151b;
  --line:rgba(148,163,184,.14);
  --line-strong:rgba(148,163,184,.26);
  --text:#e6edf3;
  --text-muted:#9aa7b5;
  --text-faint:#6f7d8d;
  --focus-ring:0 0 0 3px rgba(95,191,134,.28);
  --topbar-bg:rgba(15,20,25,.82);
  --card-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px -14px rgba(0,0,0,.65);
  --overlay:rgba(2,6,12,.66);

  --brand-50:rgba(95,191,134,.12); --brand-100:rgba(95,191,134,.18); --brand-200:rgba(95,191,134,.28);
  --brand-500:#5fbf86; --brand-600:#86d9a8; --brand-700:#bbf7d0;
  --ink-950:#f5f7fa; --ink-900:#e6edf3; --ink-800:rgba(230,237,243,.92); --ink-700:#cbd5e1;
  --ink-600:#b3bfcc; --ink-500:#93a1b1; --ink-400:#6f7d8d; --ink-300:#2a3644;
  --ink-200:#232d3a; --ink-100:#1b232d; --ink-50:#161c24;
  --border:rgba(148,163,184,.16); --bg:#0f1419; --white:#161c24;
  --success-50:rgba(74,222,128,.12); --warn-50:rgba(250,204,21,.12);
  --danger-50:rgba(248,113,113,.14); --info-50:rgba(96,165,250,.14);
  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 10px 24px rgba(0,0,0,.40);
  --shadow-md:0 18px 38px rgba(0,0,0,.50);
  --shadow-lg:0 28px 56px rgba(0,0,0,.60);
  --shadow:var(--shadow-sm);
  --ring:0 0 0 4px rgba(95,191,134,.22);

  --content-bg:#0f1419;
  --sidebar-bg:#121820;
  --sidebar-section-bg:#1b232d;
  --sidebar-text:#dbe3ec;
  --sidebar-muted:#93a1b1;
  --sidebar-active-bg:rgba(95,191,134,.14);
  --sidebar-active-border:#5fbf86;
  --sidebar-active-text:#86d9a8;
  --hrms-sidebar-module-color:#dbe3ec;
  --hrms-sidebar-heading-color:#7f8da0;
  --hrms-sidebar-scrollbar-thumb:rgba(148,163,184,.28);
  --hrms-sidebar-scrollbar-thumb-hover:rgba(148,163,184,.48);
}

/* ---------- 2. LIGHT POLISH ----------------------------------------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--bg-app);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
.main-content{min-width:0;max-width:100%}
.content-area{min-width:0}
.main-content,.content-area{background:transparent}
.topbar{
  background:var(--topbar-bg)!important;
  -webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--line)!important;
  padding-top:max(10px,var(--safe-top));
}
.sidebar{background:var(--sidebar-bg)!important;border-right:1px solid var(--line)!important;box-shadow:none!important}
.app-wrapper .sidebar .sidebar-nav a.active,
.app-wrapper .sidebar .nav-collapse-body a.active,
.app-wrapper .sidebar .sidebar-link-list a.active{
  background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important;
  border-radius:10px;font-weight:650;
}
.card,.master-toolbar-card,.master-grid-card,.master-table-wrap,.module-modern-summary .summary-chip{box-shadow:var(--card-shadow)}
:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}
::selection{background:rgba(22,163,74,.22)}
*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.35) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:rgba(100,116,139,.35);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.55)}
*::-webkit-scrollbar-track{background:transparent}

/* appearance switcher (markup was missing from the header) */
.topbar-appearance{position:relative}
.topbar-appearance .topbar-toolbar-btn{width:38px;padding:0;justify-content:center}
.topbar-appearance .topbar-toolbar-menu[hidden]{display:none}
.topbar-appearance .topbar-toolbar-label{display:none}
.topbar-appearance .topbar-toolbar-option i{width:18px;text-align:center;font-size:15px}
.topbar-appearance .topbar-toolbar-option .tick{margin-left:auto;opacity:0;font-size:14px;color:var(--brand-500)}
.topbar-appearance .topbar-toolbar-option.is-active .tick{opacity:1}

/* ---------- 3. RESPONSIVE LAYOUT ------------------------------------ */
.sidebar-backdrop{
  position:fixed;inset:0;background:var(--overlay);z-index:1090;opacity:0;visibility:hidden;
  transition:opacity .25s ease,visibility .25s ease;-webkit-tap-highlight-color:transparent;
}
.table-responsive,.master-table-wrap,.hrms-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.hrms-table-scroll{width:100%}
img,video,canvas,svg{max-width:100%}
.content-area img{height:auto}

@media (max-width:1280px){
  .content-area{padding-left:24px;padding-right:24px}
}

/* tablet & phone: sidebar becomes an off-canvas drawer */
@media (max-width:1024px){
  .app-wrapper > .main-content,
  .app-wrapper.sidebar-collapsed > .main-content{margin-left:0!important;width:100%}
  html[dir="rtl"] .app-wrapper > .main-content{margin-right:0!important}

  .app-wrapper .sidebar,
  .app-wrapper.sidebar-collapsed .sidebar{
    width:min(86vw,320px)!important;max-width:100%;
    transform:translateX(-104%);transition:transform .28s cubic-bezier(.32,.72,0,1),visibility 0s linear .28s;
    visibility:hidden;z-index:1100;
    padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);
    overscroll-behavior:contain;
  }
  html[dir="rtl"] .app-wrapper .sidebar{left:auto;right:0;transform:translateX(104%)}
  .app-wrapper.sidebar-open .sidebar{
    transform:none!important;visibility:visible;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility 0s;
    box-shadow:0 0 0 1px var(--line),0 30px 80px rgba(0,0,0,.40)!important;
  }
  .sidebar-backdrop.is-visible{opacity:1;visibility:visible}
  html.sidebar-drawer-open,html.sidebar-drawer-open body{overflow:hidden}

  .topbar{padding-left:16px;padding-right:16px}
  .content-area{padding:18px 16px 28px}
  #sidebarTooltip{display:none!important}
}

/* topbar: one compact row on tablets/phones */
@media (max-width:820px){
  .topbar{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;padding-top:max(8px,var(--safe-top))!important}
  .topbar-title{width:auto!important;flex:1 1 auto;min-width:0;gap:8px}
  .topbar-right{width:auto!important;flex:0 0 auto;gap:6px;justify-content:flex-end}
  .topbar-breadcrumbs{min-width:0;flex:1 1 auto}
  .topbar-breadcrumb-list{flex-wrap:nowrap;min-width:0}
  .topbar-breadcrumb-item:not(:last-child),.topbar-breadcrumb-separator{display:none}
  .topbar-breadcrumb-item:last-child{min-width:0}
  .topbar-breadcrumb-current{display:block;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
  .topbar-user-meta,.topbar-profile-chevron,.topbar-toolbar-label,.topbar-toolbar-chevron{display:none!important}
  .topbar-profile-btn{padding:3px!important;gap:0}
  .topbar-sidebar-toggle{width:40px;height:40px;flex:0 0 auto}
}
@media (max-width:560px){
  /* drop-down panels span the screen instead of overflowing it */
  .topbar-notification,.topbar-profile,.topbar-appearance,.topbar-toolbar-item{position:static!important}
  .topbar-notification-panel,.topbar-profile-menu,.topbar-toolbar-menu{
    position:absolute!important;left:8px!important;right:8px!important;top:100%!important;
    width:auto!important;max-width:none!important;margin-top:6px;
  }
  .topbar-notification-list{max-height:60vh}
}

/* content: fluid grids */
@media (max-width:1100px){
  .master-filter-grid,.employee-filter-grid,.employee-filter-grid-single-row,.filter-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash2-hero{grid-template-columns:1fr!important}
}
@media (max-width:900px){
  .salary-popup-main-grid,.salary-overview-grid,.salary-overview-grid--secondary,.salary-section-layout,
  .salary-slip-meta-grid,.role-dual-pane{grid-template-columns:1fr!important}
  .leave-balance-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  .attendance-bulk-summary,.org-chart-summary,.notification-history-summary,.hrms-calendar-summary,
  .self-dashboard-grid{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .master-filter-grid,.employee-filter-grid,.employee-filter-grid-single-row,.filter-bar,
  .form-grid,.leave-balance-row,.master-grid-meta,.salary-metrics{grid-template-columns:1fr!important}
  .form-grid .full,.form-grid > *{grid-column:auto!important}
  .content-area{padding:14px 12px 24px}
  .employee-header-actions,.master-toolbar-left,.master-toolbar-right,.employee-page-header-bar{width:100%;margin-left:0!important}
  .employee-header-actions>.btn,.employee-header-actions>a.btn{flex:1 1 auto}
  .master-search-input-wrap{min-width:0!important;flex:1 1 100%!important}
  h1,.employee-page-title{overflow-wrap:anywhere}
  .card-header,.module-section-heading{flex-wrap:wrap;gap:8px}
  .card-body{padding:14px!important}
  .hrms-footer{padding:12px;font-size:12px}
  .pagination,.pager,.table-pagination{flex-wrap:wrap;justify-content:center;gap:6px}
}

/* modals fit small screens */
@media (max-width:640px){
  .app-modal{padding:8px!important;align-items:flex-end!important}
  .app-modal-dialog,.app-modal-dialog.app-modal-md,.app-modal-dialog.app-modal-sm{
    width:100%!important;max-width:none!important;max-height:calc(100dvh - 16px);
    display:flex;flex-direction:column;border-radius:18px 18px 12px 12px;
  }
  .app-modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}
  .app-modal-actions{position:sticky;bottom:0;background:inherit;padding-top:12px}
  .app-modal-actions .btn{flex:1 1 auto}
}

/* touch comfort */
@media (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
  .btn,button,.sidebar-nav a,.nav-collapse-btn{min-height:40px}
  .record-action-icon{width:40px!important;height:40px!important}
}
@media (prefers-reduced-motion:reduce){
  .sidebar,.sidebar-backdrop{transition:none!important}
}
@media print{
  .sidebar,.topbar,.sidebar-backdrop,.hrms-footer{display:none!important}
  .app-wrapper > .main-content{margin:0!important}
  body{background:#fff!important;color:#000!important}
}


/* ---------- 6. UNIFIED MODULE LAYOUT (same behaviour on every module) ----
   Page header → toolbar → filters → cards/tables follow one pattern at each
   breakpoint, whichever of the legacy class families a page uses
   (employee-*, master-*, attendance-mark-*, module-heading-*, permission-* …). */
:root{--hrms-gap:12px}

/* shared page-header look */
.employee-page-header,.master-page-header,.department-page-header,.designation-page-header,.branches-page-header,
.attendance-page-header,.timesheet-page-header,.schedule-page-header,.overtime-page-header,.shift-swap-page-header,
.employees-page-header,.attendance-mark-page-header,.permission-page-head,.module-section-heading{
  min-width:0;max-width:100%}
.employee-page-header-bar,.attendance-mark-page-header-bar,.permission-page-head,.module-section-heading{min-width:0}
.employee-header-actions,.attendance-mark-header-actions,.module-heading-actions,.permission-page-actions,
.notification-history-actions,.reports-toolbar-actions,.dm-module-actions,.employee-view-page-actions{min-width:0}
.employee-header-actions .btn,.attendance-mark-header-actions .btn,.module-heading-actions .btn,
.permission-page-actions .btn,.notification-history-actions .btn,.reports-toolbar-actions .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px}

/* tablets */
@media (max-width:900px){
  .settings-hub-layout{display:grid!important;grid-template-columns:1fr!important}
  .settings-nav-list{display:flex!important;flex-direction:row!important;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .settings-nav-item{flex:0 0 auto}
  .employee-view-layout{grid-template-columns:1fr!important}
  .employee-view-page-head,.employee-view-summary{min-width:0}
  .employee-header-actions,.attendance-mark-header-actions,.module-heading-actions{flex-wrap:wrap!important;overflow:visible!important}
  .employee-toolbar-left,.master-toolbar-left{flex:1 1 100%!important}
  .employee-filter-controls,.department-filter-controls{display:flex!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;gap:8px!important;min-width:0}
  .employee-filter-controls>*,.department-filter-controls>*{min-width:0;max-width:100%}
  .employee-view-summary,.employee-view-detail,.employee-view-layout>*{min-width:0!important;max-width:100%!important;width:100%!important}
  .employee-view-summary-list,.employee-view-summary-item{min-width:0!important;max-width:100%!important}
  .employee-view-page-head,.employee-view-page-actions{flex-wrap:wrap!important;min-width:0}
}

/* phones – identical structure on every module */
@media (max-width:640px){
  /* 1. header: title on top, buttons below in an even grid */
  .employee-page-header,.master-page-header,.attendance-mark-page-header,.permission-page-head,
  .module-section-heading,.employees-page-header{padding:12px!important;gap:10px!important;margin-bottom:10px!important}
  .employee-page-header-bar,.attendance-mark-page-header-bar,.permission-page-head,
  .module-section-heading,.notification-history-hero-head,.employee-view-page-head,.settings-hub-header,.dash2-panel-head{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;min-width:0}
  .employee-page-title,.attendance-mark-page-title,.module-page-title,.employee-view-page-title{
    font-size:22px!important;line-height:1.2!important;margin:0!important}
  .employee-header-actions,.attendance-mark-header-actions,.module-heading-actions,.permission-page-actions,
  .notification-history-actions,.reports-toolbar-actions,.dm-module-actions,.employee-view-page-actions{
    display:grid!important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;gap:8px!important;
    width:100%!important;margin:0!important;justify-content:stretch!important;overflow:visible!important;flex-wrap:wrap!important}
  .employee-header-actions>:last-child:nth-child(odd),.attendance-mark-header-actions>:last-child:nth-child(odd),
  .module-heading-actions>:last-child:nth-child(odd),.permission-page-actions>:last-child:nth-child(odd),
  .notification-history-actions>:last-child:nth-child(odd),.reports-toolbar-actions>:last-child:nth-child(odd){grid-column:1/-1}
  .employee-header-actions>*,.attendance-mark-header-actions>*,.module-heading-actions>*,.permission-page-actions>*,
  .notification-history-actions>*,.reports-toolbar-actions>*,.dm-module-actions>*,.employee-view-page-actions>*{
    width:100%!important;min-width:0!important;justify-content:center!important;white-space:normal;margin:0!important}

  /* 2. toolbar: search on its own row, actions share a row, tools below */
  .toolbar,.toolbar-employee-list{padding:0!important}
  .employee-toolbar-card,.master-toolbar-card,.employee-filter-card{padding:12px!important;gap:10px!important;border-radius:16px!important;min-width:0}
  .employee-toolbar-main,.master-toolbar-main{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}
  .employee-toolbar-left,.master-toolbar-left{
    display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important;
    flex:0 0 auto!important;width:100%!important;gap:8px!important;margin:0!important}
  .employee-toolbar-right,.master-toolbar-right{
    display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;
    justify-content:space-between!important;flex:0 0 auto!important;width:100%!important;gap:8px!important;margin:0!important}
  .employee-search-input-wrap,.master-search-input-wrap{flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:none!important}
  .employee-inline-action,.master-inline-action{flex:1 1 calc(50% - 4px)!important;width:auto!important;min-width:0!important;justify-content:center!important}
  .employee-per-page-group,.master-per-page-group{flex:1 1 auto!important;width:auto!important;justify-content:space-between!important;gap:8px}
  .view-toggle-group,.master-view-toggle-group,.employee-view-toggle-group,.department-view-toggle{
    display:inline-flex!important;flex:0 0 auto!important;width:auto!important;gap:6px!important}
  .employee-filter-controls,.department-filter-controls{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:8px!important;min-width:0}
  .employee-filter-controls>*,.department-filter-controls>*{min-width:0;max-width:100%}
  .btn-view-toggle{width:auto!important;min-width:42px}

  /* 3. filters: one column, buttons side by side */
  .employee-filter-panel,.master-filter-panel{padding:0!important}
  .employee-filter-grid,.master-filter-grid,.reports-filter-grid,.employee-filter-grid-single-row{
    grid-template-columns:1fr 1fr!important;gap:10px!important}
  .employee-filter-field,.master-filter-field,.reports-filter-field,[class*="reports-filter-field--"]{
    min-width:0;grid-column:span 1}
  .employee-filter-grid>:last-child:nth-child(odd),.master-filter-grid>:last-child:nth-child(odd),
  .reports-filter-grid>:last-child:nth-child(odd){grid-column:1/-1}
  .employee-filter-action-field>label,.master-filter-action-field>label,.master-filter-field>label:empty{display:none!important}
  .employee-filter-action-field,.master-filter-action-field{align-self:end}
  .employee-filter-action-field .btn,.master-filter-action-field .btn,.master-inline-action-full{width:100%!important;justify-content:center}
  .employee-filter-action-field,.master-filter-action-field,.reports-filter-actions{grid-column:span 1!important}
  .employee-filter-field select,.employee-filter-field input,.master-filter-field select,.master-filter-field input,
  .searchable-select,.searchable-select-trigger{width:100%!important;min-width:0!important}
  .reports-filter-actions{display:flex;gap:8px;flex-wrap:wrap}
  .reports-filter-actions .btn{flex:1 1 auto}

  /* 4. data: cards 1-up, tables scroll, pagination wraps */
  .stat-grid,.summary-grid,.module-modern-summary,.asset-stat-grid,.role-stat-item{min-width:0}
  .master-table-wrap,.table-responsive,.dm-table-wrap,.hrms-table-scroll,.employee-table-wrap{
    border-radius:14px;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .master-table-wrap .table,.table-responsive .table{margin-bottom:0}
  .master-table thead th,.table thead th{white-space:nowrap}
  .master-table td,.table td{padding-left:10px;padding-right:10px}
  .master-action-group,.schedule-action-group,.salary-action-group{flex-wrap:nowrap;justify-content:flex-end}
  .master-grid-top,.master-grid-actions,.department-grid-top,.department-grid-actions{flex-wrap:wrap}
  .master-grid-meta,.salary-metrics,.schedule-stat-grid{grid-template-columns:1fr 1fr!important}

  /* 5. attendance-mark / roles / employee view specifics */
  .attendance-mark-page-header{min-width:0!important}
  .attendance-status-select-wrap,.attendance-status-select{width:100%!important;min-width:0!important}
  .employee-view-page-head,.employee-view-summary,.employee-view-detail{min-width:0!important;width:100%!important}
  .employee-view-summary-list{min-width:0}
  .pf-grid{grid-template-columns:1fr!important}
  .pf-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .pf-tabs>*{flex:0 0 auto}
  .dual-pane,.role-dual-pane{grid-template-columns:1fr!important}
  .permission-page-head{flex-direction:column!important}
}

/* very small phones */
@media (max-width:400px){
  .employee-filter-grid,.master-filter-grid,.reports-filter-grid,.employee-filter-grid-single-row{grid-template-columns:1fr!important}
  .employee-filter-action-field,.master-filter-action-field{grid-column:1/-1!important}
  .employee-header-actions,.attendance-mark-header-actions,.module-heading-actions{grid-template-columns:1fr 1fr!important}
}

/* grid shells must never be stretched by wide children (tables, nowrap rows) */
[class*="-shell"]{min-width:0;max-width:100%}
.master-toolbar-shell,.employee-toolbar-shell,.attendance-mark-shell,.employee-salary-shell,.advance-shell,
.leave-type-shell,.leave-balance-page-shell,.leave-application-shell,.loan-module-shell,.manage-salary-shell,
.module-shell,.self-dashboard-shell,.hrms-calendar-shell,.notification-history-shell,.settings-hub{grid-template-columns:minmax(0,1fr)}
[class*="-shell"] > *,.card,.card-body,.master-toolbar-card,.employee-toolbar-card{min-width:0}

/* wide tables scroll inside their card on tablets as well as phones */
@media (max-width:1100px){
  .master-table-wrap,.table-responsive,.dm-table-wrap,.employee-table-wrap,.hrms-table-scroll{
    overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}
}

/* fluid card grids: never wider than the screen */
.stat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))!important}
.form-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important}
.pf-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))!important}
.employee-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}
.department-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important}
.schedule-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important}
.advance-shell .salary-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
.assets-page-redesign .asset-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
.master-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important}
.employee-salary-shell .salary-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
.leave-type-shell .master-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important}
.leave-balance-page-shell .leave-balance-results-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important}
.leave-application-shell .master-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}
.salary-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important}
.manage-salary-shell .salary-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
.module-page-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}
.module-modern-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important}
.role-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))!important}

/* ---------- 4. DARK MODE – AUTO COLOUR MAP -------------------------- */
/* AUTO-GENERATED dark-mode colour map. Derived from the app's own light styles. */
html[data-theme="dark"] .login-body{background:radial-gradient(900px 520px at 0% 0%, rgba(76,159,111,.12), transparent 60%),
    radial-gradient(760px 420px at 100% 100%, rgba(28,36,46,.06), transparent 55%),
    radial-gradient(560px 320px at 50% 110%, rgba(107,114,128,.08), transparent 58%),
    linear-gradient(180deg, #1b232d 0%, #161c24 100%)}
html[data-theme="dark"] .login-card{background:rgba(22,28,36,0.98);border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .login-form input{background:var(--input-bg)}
html[data-theme="dark"] .sidebar-footer{border-top:1px solid rgba(148,163,184,.20);background:#161c24 !important}
html[data-theme="dark"] .stat-card{background:#161c24}
html[data-theme="dark"] .summary-card{background:#161c24}
html[data-theme="dark"] .kpi-list li:hover{background:#161c24}
html[data-theme="dark"] .card-header{background:linear-gradient(180deg, #161c24, #1b232d)}
html[data-theme="dark"] .table-responsive{background:#161c24;background-color:#161c24 !important}
html[data-theme="dark"] .table{background:#161c24}
html[data-theme="dark"] .table thead{background:#161c24}
html[data-theme="dark"] .table tbody{background:#161c24}
html[data-theme="dark"] .table tbody tr{background:#161c24}
html[data-theme="dark"] .inline-select{background:var(--input-bg)}
html[data-theme="dark"] .inline-input{background:var(--input-bg)}
html[data-theme="dark"] .search-form input{background:var(--input-bg)}
html[data-theme="dark"] .search-form input[type="date"]{background:var(--input-bg)}
html[data-theme="dark"] .filter-bar input[type="text"]{background:var(--input-bg)}
html[data-theme="dark"] .filter-bar select{background:var(--input-bg)}
html[data-theme="dark"] .form-group input{background:var(--input-bg)}
html[data-theme="dark"] .form-group textarea{background:var(--input-bg)}
html[data-theme="dark"] .form-group select{background:var(--input-bg)}
html[data-theme="dark"] .pf-tab-btn:hover{background:#161c24}
html[data-theme="dark"] .pf-doc-card{background:#161c24}
html[data-theme="dark"] .topbar-search input{background:var(--input-bg)}
html[data-theme="dark"] .topbar-user{background:#161c24}
html[data-theme="dark"] .employee-card{background:#161c24}
html[data-theme="dark"] .form-section-card{background:#161c24}
html[data-theme="dark"] .repeatable-placeholder{background:#161c24}
html[data-theme="dark"] .page-form-actions{background:#161c24}
html[data-theme="dark"] .pf-timeline-content{background:#161c24}
html[data-theme="dark"] .employee-filter-card{background:#161c24}
html[data-theme="dark"] .app-modal-dialog{background:#161c24}
html[data-theme="dark"] .hrms-toast-close:hover{background:rgba(22,28,36,0.35)}
html[data-theme="dark"] .bank-searchable-input{background:var(--input-bg)}
html[data-theme="dark"] .bank-searchable-dropdown{background:#161c24}
html[data-theme="dark"] .employee-filter-controls .filter-no-border{background:#161c24 !important}
html[data-theme="dark"] .employee-filter-controls .filter-no-border:hover{background:#161c24 !important}
html[data-theme="dark"] .employee-filter-controls .filter-no-border:focus{background:#161c24 !important}
html[data-theme="dark"] .employee-filter-controls .filter-no-border:focus-visible{background:#161c24 !important}
html[data-theme="dark"] .department-bulk-actions{background:#161c24}
html[data-theme="dark"] .department-bulk-status-select{background:var(--input-bg)}
html[data-theme="dark"] .department-grid-card{background:linear-gradient(180deg, #161c24 0%, #161c24 100%)}
html[data-theme="dark"] .employee-filter-controls .filter-select:focus{background-color:var(--input-bg) !important}
html[data-theme="dark"] .employee-filter-controls .filter-select:focus-visible{background-color:var(--input-bg) !important}
html[data-theme="dark"] .topbar-search-dropdown{background:rgba(22,28,36,0.98)}
html[data-theme="dark"] .schedule-summary-card{background:linear-gradient(180deg, rgba(22,28,36,0.98), rgba(33,43,54,0.98))}
html[data-theme="dark"] .schedule-grid-card{background:linear-gradient(180deg, #161c24, rgba(27,35,45,0.96))}
html[data-theme="dark"] .schedule-stat-item{background:rgba(33,43,54,0.95)}
html[data-theme="dark"] .form-readonly{background:#212b36}
html[data-theme="dark"] .record-action-icon{background:#161c24 !important}
html[data-theme="dark"] .employee-action-edit{background:#161c24 !important}
html[data-theme="dark"] .employee-action-delete{background:#161c24 !important}
html[data-theme="dark"] .employee-action-exit{background:#161c24 !important}
html[data-theme="dark"] .record-action-icon:hover{background:#161c24 !important}
html[data-theme="dark"] .record-action-icon:focus{background:#161c24 !important}
html[data-theme="dark"] .record-action-icon:focus-visible{background:#161c24 !important}
html[data-theme="dark"] .record-action-icon.edit-icon{color:#81e4a5}
html[data-theme="dark"] .record-action-icon.verify-icon{color:#81e4d7}
html[data-theme="dark"] .record-action-icon.edit-icon:hover{color:#81e4a6}
html[data-theme="dark"] .record-action-icon.edit-icon:focus{color:#81e4a6}
html[data-theme="dark"] .record-action-icon.edit-icon:focus-visible{color:#81e4a6}
html[data-theme="dark"] .employee-action-edit:hover{color:#81e4a6}
html[data-theme="dark"] .employee-action-edit:focus{color:#81e4a6}
html[data-theme="dark"] .employee-action-edit:focus-visible{color:#81e4a6}
html[data-theme="dark"] .record-action-icon.print-icon:hover{color:#e4ac81}
html[data-theme="dark"] .record-action-icon.print-icon:focus{color:#e4ac81}
html[data-theme="dark"] .record-action-icon.print-icon:focus-visible{color:#e4ac81}
html[data-theme="dark"] .employee-action-exit:hover{color:#e4ac81}
html[data-theme="dark"] .employee-action-exit:focus{color:#e4ac81}
html[data-theme="dark"] .employee-action-exit:focus-visible{color:#e4ac81}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.view-icon.salary-action-btn{background:linear-gradient(180deg,rgba(29,42,58,0.98),rgba(29,41,58,0.92)) !important}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.edit-icon.salary-action-btn{background:linear-gradient(180deg,rgba(29,58,38,0.98),rgba(29,58,39,0.92)) !important;color:#81e4a6}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.verify-icon.salary-action-btn{background:linear-gradient(180deg,rgba(29,58,51,0.98),rgba(29,58,52,0.92)) !important;color:#81e4dd}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.print-icon.salary-action-btn{background:linear-gradient(180deg,rgba(58,52,29,0.98),rgba(58,52,29,0.92)) !important;color:#e4ac81}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.view-icon.salary-action-btn:hover{background:linear-gradient(180deg,#161c24,rgba(29,41,58,0.96)) !important}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.view-icon.salary-action-btn:focus{background:linear-gradient(180deg,#161c24,rgba(29,41,58,0.96)) !important}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.view-icon.salary-action-btn:focus-visible{background:linear-gradient(180deg,#161c24,rgba(29,41,58,0.96)) !important}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.edit-icon.salary-action-btn:hover{background:linear-gradient(180deg,#161c24,rgba(29,58,39,0.96)) !important;color:#81e4a7}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.edit-icon.salary-action-btn:focus{background:linear-gradient(180deg,#161c24,rgba(29,58,39,0.96)) !important;color:#81e4a7}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.edit-icon.salary-action-btn:focus-visible{background:linear-gradient(180deg,#161c24,rgba(29,58,39,0.96)) !important;color:#81e4a7}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.verify-icon.salary-action-btn:hover{background:linear-gradient(180deg,#161c24,rgba(29,58,52,0.96)) !important;color:#81e4de}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.verify-icon.salary-action-btn:focus{background:linear-gradient(180deg,#161c24,rgba(29,58,52,0.96)) !important;color:#81e4de}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.verify-icon.salary-action-btn:focus-visible{background:linear-gradient(180deg,#161c24,rgba(29,58,52,0.96)) !important;color:#81e4de}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.print-icon.salary-action-btn:hover{background:linear-gradient(180deg,#161c24,rgba(58,52,29,0.96)) !important;color:#e4a681}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.print-icon.salary-action-btn:focus{background:linear-gradient(180deg,#161c24,rgba(58,52,29,0.96)) !important;color:#e4a681}
html[data-theme="dark"] .salary-action-group--template .record-action-icon.print-icon.salary-action-btn:focus-visible{background:linear-gradient(180deg,#161c24,rgba(58,52,29,0.96)) !important;color:#e4a681}
html[data-theme="dark"] .sidebar-toggle{background:#161c24}
html[data-theme="dark"] .topbar-notification-btn{color:#9aa7b5;background:#161c24}
html[data-theme="dark"] .topbar-notification-btn:hover{background:#212b36;color:#8ea4d7;border-color:rgba(78,94,115,0.45)}
html[data-theme="dark"] .topbar-notification-btn.is-open{background:#1d243a}
html[data-theme="dark"] .topbar-notification-panel{background:#161c24;border:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .topbar-notification-head{border-bottom:1px solid rgba(74,97,120,0.45);background:#212b36}
html[data-theme="dark"] .topbar-notification-title{color:#8ea4d7}
html[data-theme="dark"] .topbar-notification-subtitle{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-markall:hover{background:#1d243a}
html[data-theme="dark"] .topbar-notification-list{background:#161c24}
html[data-theme="dark"] .topbar-notification-empty{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-item{color:#8ea4d7}
html[data-theme="dark"] .topbar-notification-item:hover{background:#212b36;border-color:rgba(74,97,120,0.45)}
html[data-theme="dark"] .topbar-notification-item.is-unread{background:#1d243a}
html[data-theme="dark"] .topbar-notification-item.is-unread:hover{background:#1d233a}
html[data-theme="dark"] .topbar-notification-item.is-read .topbar-notification-dot{background:#242b33}
html[data-theme="dark"] .topbar-notification-item-title{color:#8ea4d7}
html[data-theme="dark"] .topbar-notification-item-message{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-item-meta{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-foot{border-top:1px solid rgba(74,97,120,0.45);background:#212b36;color:#9aa7b5}
html[data-theme="dark"] .topbar-profile-btn{color:#8ea4d7;background:#161c24}
html[data-theme="dark"] .topbar-profile-btn.is-open{background:#1d243a;border-color:rgba(68,79,126,0.45)}
html[data-theme="dark"] .topbar-profile-chevron{color:#9aa7b5}
html[data-theme="dark"] .topbar-profile-menu{background:#161c24;border:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .topbar-profile-menu-head{border-bottom:1px solid rgba(74,97,120,0.45);background:#212b36}
html[data-theme="dark"] .topbar-profile-menu-avatar{background:#1d233a}
html[data-theme="dark"] .topbar-profile-menu-name{color:#8ea4d7}
html[data-theme="dark"] .topbar-profile-menu-role{color:#9aa7b5}
html[data-theme="dark"] .topbar-profile-menu-list a{color:#e6edf3}
html[data-theme="dark"] .topbar-profile-menu-list a:hover{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .topbar-profile-menu-list a i{color:#9aa7b5}
html[data-theme="dark"] .topbar-profile-menu-sep{background:#212b36}
html[data-theme="dark"] .topbar-profile-menu-logout:hover{background:#3a1d1d !important;color:#e48181 !important}
html[data-theme="dark"] .topbar-appearance-btn{color:#9aa7b5}
html[data-theme="dark"] .topbar-appearance-btn:hover{background:#212b36;color:#8ea4d7;border-color:rgba(78,94,115,0.45)}
html[data-theme="dark"] .topbar-notification-modal-subtitle{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-history-item{border:1px solid rgba(78,94,115,0.45);background:#161c24}
html[data-theme="dark"] .topbar-notification-history-date{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-history-message{color:#8ea4d7}
html[data-theme="dark"] .topbar-notification-history-item[data-status="approved"] .topbar-notification-history-status{color:#81e4a5}
html[data-theme="dark"] .topbar-notification-history-item[data-status="read"] .topbar-notification-history-status{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-history-item[data-status="cancelled"] .topbar-notification-history-status{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-history-item[data-status="closed"] .topbar-notification-history-status{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-history-item[data-status="paid"] .topbar-notification-history-status{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-history-item[data-status="active"] .topbar-notification-history-status{color:#9aa7b5}
html[data-theme="dark"] .topbar-notification-history-item[data-status="fully deducted"] .topbar-notification-history-status{color:#9aa7b5}
html[data-theme="dark"] .topbar-toolbar-btn{background:#161c24}
html[data-theme="dark"] .topbar-toolbar-btn:hover{background:#212b36;border-color:rgba(79,96,115,0.45)}
html[data-theme="dark"] .topbar-toolbar-btn.is-open{background:#1d243a;border-color:rgba(68,79,126,0.45)}
html[data-theme="dark"] .topbar-toolbar-menu{background:#161c24;border:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .topbar-toolbar-option{color:#e6edf3}
html[data-theme="dark"] .topbar-toolbar-option:hover{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .topbar-toolbar-option:focus-visible{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .topbar-toolbar-option.is-active{background:#1d243a}
html[data-theme="dark"] .topbar-profile-btn:hover{background:#212b36;border-color:rgba(79,96,115,0.45)}
html[data-theme="dark"] .ncb-label{color:#9aa7b5 !important}
html[data-theme="dark"] .ncb-chevron{color:#9aa7b5 !important}
html[data-theme="dark"] .ncb-chevron i{color:#9aa7b5 !important}
html[data-theme="dark"] .sidebar-nav a.active i{color:#81e4c3 !important}
html[data-theme="dark"] .nav-collapse-body a.active i{color:#81e4c3 !important}
html[data-theme="dark"] .sidebar-link-list a.active i{color:#81e4c3 !important}
html[data-theme="dark"] .sidebar-nav a.active .nav-item-label{color:#81e4c3 !important}
html[data-theme="dark"] .nav-collapse-body a.active .nav-item-label{color:#81e4c3 !important}
html[data-theme="dark"] .sidebar-link-list a.active .nav-item-label{color:#81e4c3 !important}
html[data-theme="dark"] .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .attendance-mark-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .hrms-calendar-card--simplified{background:#161c24}
html[data-theme="dark"] .hrms-calendar-legend-dot.is-company{color:#81c1e4}
html[data-theme="dark"] .hrms-calendar-event-pill.is-company{color:#81c1e4}
html[data-theme="dark"] .hrms-calendar-modal-badge.is-company{color:#81c1e4}
html[data-theme="dark"] .hrms-calendar-highlight.is-company{color:#81c1e4}
html[data-theme="dark"] .org-chart-meta-bar{background:#161c24}
html[data-theme="dark"] .org-chart-canvas{background:linear-gradient(180deg, #212b36 0%, #161c24 100%)}
html[data-theme="dark"] .org-chart-company-card{background:#161c24}
html[data-theme="dark"] .org-chart-company-avatar{background:linear-gradient(135deg, #1d3a27 0%, #161c24 100%);color:#81e4a5}
html[data-theme="dark"] .org-chart-company-role{color:#81e4a5}
html[data-theme="dark"] .org-chart-company-status{border:2px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .org-chart-company-line{background:#242b33}
html[data-theme="dark"] .org-chart-tree .org-chart-level > li::before{border-top:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-tree .org-chart-level > li::after{border-top:1.5px solid rgba(81,95,112,0.45);border-left:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-tree .org-chart-level > li:last-child::before{border-right:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-tree .org-chart-level > li > ul::before{border-left:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-tree .org-chart-node{border:1px solid rgba(78,94,115,0.45);background:#161c24}
html[data-theme="dark"] .org-chart-tree .org-chart-node .org-chart-avatar{background:linear-gradient(135deg, #1d393a 0%, #161c24 100%);color:#8ea4d7;border:2px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .org-chart-tree .org-chart-node .org-chart-avatar::after{border:2px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .org-chart-tree .org-chart-node-role{color:#81e4a5}
html[data-theme="dark"] .searchable-select-empty{color:#9aa7b5}
html[data-theme="dark"] .employee-table-redesign thead th{color:#cbd5e1;border-bottom:1px solid rgba(148,163,184,.20);background:#222c38 !important}
html[data-theme="dark"] .employee-row-index{color:#9aa7b5}
html[data-theme="dark"] .employee-cell-avatar{color:#81e4a7}
html[data-theme="dark"] .employee-id-text{color:#9aa7b5}
html[data-theme="dark"] .employee-view-page-title{color:#8ea4d7}
html[data-theme="dark"] .employee-view-summary-photo{color:#81e4a7}
html[data-theme="dark"] .employee-view-summary-name{color:#8ea4d7}
html[data-theme="dark"] .employee-view-summary-role{color:#9aa7b5}
html[data-theme="dark"] .employee-view-summary-item{color:#9aa7b5}
html[data-theme="dark"] .employee-view-detail .pf-tab-nav{background:#212b36}
html[data-theme="dark"] .employee-view-detail .pf-tab-btn.active{background:#161c24;color:#8ea4d7;border-color:rgba(78,94,115,0.45)}
html[data-theme="dark"] .employee-view-detail .pf-field{border-bottom:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .employee-view-detail .pf-value{color:#8ea4d7}
html[data-theme="dark"] .employee-filter-field label{color:#9aa7b5}
html[data-theme="dark"] .searchable-select-search{background:var(--input-bg);border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .employee-view-toggle-group .btn-view-toggle{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#94a8d1 !important}
html[data-theme="dark"] .employee-view-toggle-group .btn-view-toggle:hover{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#94a8d1 !important}
html[data-theme="dark"] .employee-view-toggle-group .btn-view-toggle:focus{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#94a8d1 !important}
html[data-theme="dark"] .employee-view-toggle-group .btn-view-toggle:focus-visible{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#94a8d1 !important}
html[data-theme="dark"] .employee-toolbar-shell .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-toolbar-shell .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-toolbar-shell .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-toolbar-shell .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-toolbar-shell .employee-search-input-wrap{border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-status-retired{color:#9aa7b5 !important}
html[data-theme="dark"] .employee-status-default{color:#9aa7b5 !important}
html[data-theme="dark"] .module-section-heading{background:#222c38}
html[data-theme="dark"] .employee-page-header{background:#222c38}
html[data-theme="dark"] .master-page-header{background:#222c38}
html[data-theme="dark"] .department-page-header{background:#222c38}
html[data-theme="dark"] .designation-page-header{background:#222c38}
html[data-theme="dark"] .branches-page-header{background:#222c38}
html[data-theme="dark"] .attendance-page-header{background:#222c38}
html[data-theme="dark"] .timesheet-page-header{background:#222c38}
html[data-theme="dark"] .schedule-page-header{background:#222c38}
html[data-theme="dark"] .overtime-page-header{background:#222c38}
html[data-theme="dark"] .shift-swap-page-header{background:#222c38}
html[data-theme="dark"] .employees-page-header{background:#222c38}
html[data-theme="dark"] .module-section-heading > h1{color:#e6edf3}
html[data-theme="dark"] .module-section-heading > h2{color:#e6edf3}
html[data-theme="dark"] .employee-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .employee-page-header > h2{color:#e6edf3}
html[data-theme="dark"] .department-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .designation-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .branches-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .attendance-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .timesheet-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .schedule-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .overtime-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .shift-swap-page-header > h1{color:#e6edf3}
html[data-theme="dark"] .module-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .settings-hub-title{color:var(--ink-900, #8ea4d7)}
html[data-theme="dark"] .settings-hub-subtitle{color:var(--ink-500, #9aa7b5)}
html[data-theme="dark"] .settings-nav{background:var(--surface, #161c24);border:1px solid var(--border, rgba(148,163,184,.20))}
html[data-theme="dark"] .settings-nav-link{color:var(--ink-700, #cbd5e1)}
html[data-theme="dark"] .settings-nav-link:hover{background:var(--surface-2, #212b36);color:var(--ink-900, #8ea4d7)}
html[data-theme="dark"] .settings-nav-link.is-active{color:var(--brand-700, #81e4a6)}
html[data-theme="dark"] .settings-nav-icon{background:var(--surface-2, #212b36);color:var(--ink-500, #9aa7b5)}
html[data-theme="dark"] .settings-nav-link.is-active .settings-nav-icon{color:var(--brand-700, #81e4a6)}
html[data-theme="dark"] .form-grid .form-group-toggle{border:1px solid var(--border, rgba(148,163,184,.20));background:var(--surface-2, #212b36)}
html[data-theme="dark"] .form-grid .form-group-toggle label{color:var(--ink-900, #8ea4d7)}
html[data-theme="dark"] .settings-switch{color:var(--ink-700, #cbd5e1)}
html[data-theme="dark"] .settings-switch-track{background:#242b33}
html[data-theme="dark"] .settings-switch-thumb{background:#161c24}
html[data-theme="dark"] .settings-layout-table .layout-module-meta strong{color:var(--ink-900, #8ea4d7)}
html[data-theme="dark"] .settings-layout-table .layout-module-meta span{color:var(--ink-500, #9aa7b5)}
html[data-theme="dark"] .settings-layout-table .layout-select{border:1px solid var(--border, rgba(148,163,184,.20));background:var(--input-bg);color:var(--ink-700, #cbd5e1)}
html[data-theme="dark"] .ip-list-item{background:#161c24}
html[data-theme="dark"] .settings-inline-note{background:var(--warning-50, #3a371d);color:var(--warning-900, #e4b081)}
html[data-theme="dark"] .dash2-wrap{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-welcome{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-welcome-illus{background:linear-gradient(135deg,#21362d,#242e33)}
html[data-theme="dark"] .dash2-stat{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-chart-card{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-chip{background:#1b232d;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-chip:hover{background:#222c38}
html[data-theme="dark"] .dash2-donut{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-panel{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-search{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-emp-table th{border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-emp-table td{border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-emp-table tbody tr:hover{background:#1b232d}
html[data-theme="dark"] .dash2-emp-id:hover{color:#81e4c3}
html[data-theme="dark"] .dash2-emp-badge.active{color:#81e4c3}
html[data-theme="dark"] .dash2-emp-badge.inactive{background:#3a1d1d}
html[data-theme="dark"] .dash2-event{border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-bday{border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .dash2-bday-month-select{color:var(--ink-700,#9aa7b5);background:#212b36;border:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .dash2-emp-badge.available{color:#97ceaf}
html[data-theme="dark"] .dash2-emp-badge.assigned{color:#e6edf3}
html[data-theme="dark"] .dash2-emp-badge.under-repair{background:#3a2f1d;color:#e4ac81}
html[data-theme="dark"] .dash2-emp-badge.retired{background:#3a1d1d}
html[data-theme="dark"] .hrms-calendar-shell{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .hrms-calendar-summary-card{border:1px solid rgba(148,163,184,.20);background:#1b232d}
html[data-theme="dark"] .hrms-calendar-summary-card strong{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-summary-label{color:rgba(226,232,240,0.54)}
html[data-theme="dark"] .hrms-calendar-summary-card small{color:rgba(226,232,240,0.62)}
html[data-theme="dark"] .hrms-calendar-card{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .hrms-calendar-range-title{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-view-switch{background:#222c38}
html[data-theme="dark"] .hrms-calendar-view-btn{color:rgba(226,232,240,0.62)}
html[data-theme="dark"] .hrms-calendar-view-btn.is-active{background:#161c24;color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-legend-item{color:rgba(226,232,240,0.72)}
html[data-theme="dark"] .hrms-calendar-weekdays span{background:#222c38;color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-day-card{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .hrms-calendar-day-card.is-outside{background:#1b232d}
html[data-theme="dark"] .hrms-calendar-day-head span{background:#222c38;color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-day-head small{color:rgba(226,232,240,0.54)}
html[data-theme="dark"] .hrms-calendar-event-title{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-event-pill small{color:rgba(226,232,240,0.62)}
html[data-theme="dark"] .hrms-calendar-more{border:1px dashed rgba(148,163,184,.20);background:#161c24;color:#81e4a6}
html[data-theme="dark"] .hrms-calendar-empty{background:#1b232d;color:rgba(226,232,240,0.54)}
html[data-theme="dark"] .hrms-calendar-agenda-card{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .hrms-calendar-agenda-head strong{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-agenda-head span{color:rgba(226,232,240,0.54)}
html[data-theme="dark"] .hrms-calendar-agenda-count{background:#222c38;color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-sidebar-card{border:1px solid rgba(148,163,184,.20);background:#1b232d}
html[data-theme="dark"] .hrms-calendar-sidebar-card h3{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-sidebar-date{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-sidebar-card p{color:rgba(226,232,240,0.62)}
html[data-theme="dark"] .hrms-calendar-highlight{background:#161c24}
html[data-theme="dark"] .hrms-calendar-highlight span{color:rgba(226,232,240,0.54)}
html[data-theme="dark"] .hrms-calendar-highlight strong{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-modal-dialog{background:#161c24}
html[data-theme="dark"] .hrms-calendar-modal-close{background:#1b232d;color:#94a8d1}
html[data-theme="dark"] .hrms-calendar-modal-dialog h3{color:#e6edf3}
html[data-theme="dark"] .hrms-calendar-modal-meta{color:rgba(226,232,240,0.62)}
html[data-theme="dark"] .hrms-calendar-modal-desc{color:rgba(226,232,240,0.78)}
html[data-theme="dark"] .is-leave.hrms-calendar-modal-badge{color:#81e4a7}
html[data-theme="dark"] .is-overtime.hrms-calendar-modal-badge{color:#e4ac81}
html[data-theme="dark"] .is-shift.hrms-calendar-modal-badge{color:#81e4dd}
html[data-theme="dark"] .is-holiday.hrms-calendar-modal-badge{color:#cbd5e1}
html[data-theme="dark"] .sidebar-logo img{background:#161c24}
html[data-theme="dark"] .sidebar-brand-shell{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important}
html[data-theme="dark"] .sidebar{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important}
html[data-theme="dark"] .sidebar-search-wrap{background:#161c24 !important}
html[data-theme="dark"] .sidebar-search-control{background:#1b232d !important}
html[data-theme="dark"] .sidebar-search-input{background:#1b232d !important;border-color:rgba(148,163,184,.20);color:#e6edf3}
html[data-theme="dark"] .sidebar-search-input::placeholder{color:rgba(226,232,240,0.46)}
html[data-theme="dark"] .sidebar-search-icon{color:rgba(226,232,240,0.46)}
html[data-theme="dark"] .brand-role{color:rgba(226,232,240,0.46)}
html[data-theme="dark"] .panel-title-icon{color:rgba(226,232,240,0.46)}
html[data-theme="dark"] .brand-text{color:#e6edf3 !important}
html[data-theme="dark"] .sidebar-nav a{color:#e6edf3 !important}
html[data-theme="dark"] .nav-collapse-body a{color:#e6edf3 !important}
html[data-theme="dark"] .sidebar-link-list a{color:#e6edf3 !important}
html[data-theme="dark"] .sidebar-section-heading{color:#9aa7b5 !important}
html[data-theme="dark"] .sidebar-panel-title{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-collapse-btn{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-collapse-btn.open{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-collapse-btn:hover{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-collapse-btn .ncb-chevron{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-collapse-btn i{color:#9aa7b5 !important}
html[data-theme="dark"] .sidebar-nav a.active{color:#81e4c3 !important}
html[data-theme="dark"] .nav-collapse-body a:hover{color:#e6edf3 !important}
html[data-theme="dark"] .sidebar-link-list a:hover{color:#e6edf3 !important}
html[data-theme="dark"] .nav-collapse-body a.active{color:#81e4c3 !important}
html[data-theme="dark"] .sidebar-link-list a.active{color:#81e4c3 !important}
html[data-theme="dark"] .nav-section-toggle{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-section-toggle:hover{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-section-toggle:focus-visible{color:#9aa7b5 !important}
html[data-theme="dark"] .nav-section-toggle.open{color:#9aa7b5 !important}
html[data-theme="dark"] .topbar{background:#1d263a !important;border-color:rgba(148,163,184,.20) !important}
html[data-theme="dark"] .topbar-sidebar-toggle{color:#9aa7b5}
html[data-theme="dark"] .topbar-sidebar-toggle:hover{color:#81e4a5}
html[data-theme="dark"] .topbar-sidebar-toggle:focus-visible{color:#81e4a5}
html[data-theme="dark"] .advance-shell .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .btn.btn-secondary{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .btn.btn-secondary:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .btn.btn-secondary:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .btn.btn-secondary:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .advance-shell .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .advance-shell .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .advance-shell .master-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .advance-shell .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .advance-shell .branch-date-filter{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .advance-shell .master-grid-card{background:#161c24}
html[data-theme="dark"] .advance-shell .master-table-wrap{background:#161c24}
html[data-theme="dark"] .advance-shell .salary-metric{background:#212b36}
html[data-theme="dark"] .advance-shell .salary-metric span{color:#9aa7b5}
html[data-theme="dark"] .advance-shell .salary-metric strong{color:#8ea4d7}
html[data-theme="dark"] .advance-shell .salary-grid-card .salary-reason{color:#cbd5e1}
html[data-theme="dark"] .advance-shell .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .advance-shell .edit-icon{color:#81e4a5}
html[data-theme="dark"] .advance-shell .status-text--active{color:#81e4a5 !important}
html[data-theme="dark"] .advance-shell .status-text--pending{color:#e4ac81 !important}
html[data-theme="dark"] .advance-shell .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .advance-shell .master-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .advance-shell .searchable-select-trigger{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .advance-shell .searchable-select-panel{background:var(--input-bg);border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .advance-shell .searchable-select-search{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .advance-shell .searchable-select-option{background:var(--input-bg)}
html[data-theme="dark"] .advance-shell .searchable-select-option:hover{background:#1d3a26}
html[data-theme="dark"] .advance-shell .searchable-select-option.is-selected{background:#1d3a26}
html[data-theme="dark"] .assets-page-redesign .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .btn-employee-outline i{color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .assets-page-redesign .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .assets-page-redesign .master-inline-action.btn-secondary{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .master-inline-action.btn-secondary:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .master-inline-action.btn-secondary:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .master-inline-action.btn-secondary:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .master-inline-action.btn-secondary i{color:#81e4c3 !important}
html[data-theme="dark"] .assets-page-redesign .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .assets-page-redesign .branch-date-filter{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .assets-page-redesign .master-table-wrap{background:#161c24}
html[data-theme="dark"] .assets-page-redesign .master-grid{background:#161c24}
html[data-theme="dark"] .assets-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20);color:#e6edf3}
html[data-theme="dark"] .assets-page-redesign .asset-stat-item{background:#212b36}
html[data-theme="dark"] .assets-page-redesign .asset-stat-item span{color:#9aa7b5}
html[data-theme="dark"] .assets-page-redesign .asset-stat-item strong{color:#8ea4d7}
html[data-theme="dark"] .assets-page-redesign .empty-cell{color:#9aa7b5}
html[data-theme="dark"] .assets-page-redesign .record-action-icon.view-icon:hover{color:#81c2e4}
html[data-theme="dark"] .assets-page-redesign .record-action-icon.view-icon:focus{color:#81c2e4}
html[data-theme="dark"] .assets-page-redesign .record-action-icon.view-icon:focus-visible{color:#81c2e4}
html[data-theme="dark"] #assetViewModal .app-modal-header{background:#161c24}
html[data-theme="dark"] #assetViewModal .app-modal-header h3{color:#8ea4d7}
html[data-theme="dark"] #assetViewModal .asset-view-section-title{color:#8ea4d7}
html[data-theme="dark"] #assetViewModal .asset-view-field label{color:#9aa7b5}
html[data-theme="dark"] #assetViewModal .asset-view-field .asset-view-value{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] #assetViewModal .asset-view-status--active{color:#81e4c5}
html[data-theme="dark"] #assetViewModal .asset-view-status--info{color:#81c1e4}
html[data-theme="dark"] #assetViewModal .asset-view-status--inactive{color:#e49a81}
html[data-theme="dark"] #assetViewModal .asset-view-status--neutral{color:#9aa7b5}
html[data-theme="dark"] .assets-status-text--active{color:#81e4c3}
html[data-theme="dark"] .assets-status-text--neutral{color:#9aa7b5}
html[data-theme="dark"] .attendance-secondary-text{color:#9aa7b5}
html[data-theme="dark"] .attendance-bulk-filters input{background:var(--input-bg)}
html[data-theme="dark"] .attendance-bulk-filters select{background:var(--input-bg)}
html[data-theme="dark"] .attendance-mark-shell .master-table-wrap{background:#161c24}
html[data-theme="dark"] .attendance-action-btn{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .attendance-action-btn--time-in{color:#81e4c3 !important}
html[data-theme="dark"] .attendance-action-btn--time-out{color:#81e4c3 !important}
html[data-theme="dark"] .attendance-action-btn[disabled]{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important}
html[data-theme="dark"] .attendance-action-btn.is-disabled{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important}
html[data-theme="dark"] .attendance-status-text--present{color:#81e4a5}
html[data-theme="dark"] .attendance-status-text--holiday{color:#9aa7b5}
html[data-theme="dark"] .attendance-status-text--wfh{color:#81e4dd}
html[data-theme="dark"] .attendance-status-text--muted{color:#9aa7b5}
html[data-theme="dark"] .restore-icon{color:#81e4a5 !important}
html[data-theme="dark"] .dm-created-by{color:var(--ink-900,#8ea4d7)}
html[data-theme="dark"] .dm-created-by-empty{color:var(--ink-500,#9aa7b5)}
html[data-theme="dark"] .self-dashboard-hero{background:#161c24}
html[data-theme="dark"] .self-dashboard-panel{background:#161c24}
html[data-theme="dark"] .self-dashboard-kicker{color:#81e4c3}
html[data-theme="dark"] .self-dashboard-text{color:#9aa7b5}
html[data-theme="dark"] .self-dashboard-badge{background:#212b36}
html[data-theme="dark"] .self-dashboard-badge span{color:#9aa7b5}
html[data-theme="dark"] .self-dashboard-badge strong{color:#8ea4d7}
html[data-theme="dark"] .self-dashboard-panel-head h3{color:#8ea4d7}
html[data-theme="dark"] .self-dashboard-panel-head span{color:#9aa7b5}
html[data-theme="dark"] .self-dashboard-field{background:var(--input-bg)}
html[data-theme="dark"] .self-dashboard-field label{color:#9aa7b5}
html[data-theme="dark"] .self-dashboard-field div{color:#8ea4d7}
html[data-theme="dark"] .self-dashboard-note{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] .dash2-leave-row{background:#161c24}
html[data-theme="dark"] .dash2-leave-status{color:#81e4c8}
html[data-theme="dark"] .dash2-absent-row{background:#161c24}
html[data-theme="dark"] .master-view-toggle-group .btn-view-toggle:hover{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .master-view-toggle-group .btn-view-toggle:focus{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .master-view-toggle-group .btn-view-toggle:focus-visible{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .employee-salary-shell .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .btn.btn-secondary{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .btn.btn-secondary:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .btn.btn-secondary:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .btn.btn-secondary:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employee-salary-shell .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .employee-salary-shell .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .employee-salary-shell .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .employee-salary-shell .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .employee-salary-shell .master-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .employee-salary-shell .status-text--active{color:#81e4a5 !important}
html[data-theme="dark"] .employee-salary-shell .status-text--pending{color:#e4ac81 !important}
html[data-theme="dark"] .employee-salary-shell .edit-icon{color:#81e4a5}
html[data-theme="dark"] .employee-salary-shell .salary-metric{background:#212b36}
html[data-theme="dark"] .employee-salary-shell .salary-metric span{color:#9aa7b5}
html[data-theme="dark"] .employee-salary-shell .salary-metric strong{color:#8ea4d7}
html[data-theme="dark"] .employee-salary-shell .salary-index-number{color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .app-modal-header{background:#161c24}
html[data-theme="dark"] #salaryGenerationViewModal .app-modal-header h3{color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-compact-section{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] #salaryGenerationViewModal .salary-compact-section-title{color:#8ea4d7;background:#212b36}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-field label{color:#9aa7b5}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-field input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-field select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-field textarea{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-field .salary-readonly-input{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-panel{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-table thead th{color:#9aa7b5}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-table td:first-child{color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-table td:last-child{color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-summary-row label{color:#9aa7b5}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-summary-row input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-summary-row .salary-readonly-input{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-summary-row--net input{background:#1d243a;border-color:rgba(68,79,126,0.45);color:#918ed7}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-remarks-view{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] #salaryGenerationViewModal .salary-popup-loan-section .salary-compact-section-title{background:#212b36}
html[data-theme="dark"] .employee-print-summary{background:#161c24;border:1px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .employee-print-section{background:#161c24;border:1px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .employee-print-summary-sub{color:#9aa7b5}
html[data-theme="dark"] .employee-print-summary-meta{color:#cbd5e1}
html[data-theme="dark"] .employee-print-summary-side div{border:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .employee-print-summary-side strong{color:#9aa7b5}
html[data-theme="dark"] .employee-print-summary-side span{color:#8ea4d7}
html[data-theme="dark"] .employee-print-section-head{border-bottom:1px solid rgba(81,95,112,0.45);background:#212b36}
html[data-theme="dark"] .employee-print-section-head p{color:#9aa7b5}
html[data-theme="dark"] .employee-print-table th{border:1px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .employee-print-table td{border:1px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .employee-print-table thead th{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .employee-print-table--info th{background:#212b36}
html[data-theme="dark"] .employee-print-table--info td{color:#8ea4d7}
html[data-theme="dark"] .employee-print-table--two-col th{background:#212b36;border:1px solid rgba(81,95,112,0.45);color:#9aa7b5}
html[data-theme="dark"] .employee-print-table--two-col td{border:1px solid rgba(81,95,112,0.45);color:#8ea4d7}
html[data-theme="dark"] .employee-print-empty{border:1px dashed rgba(81,95,112,0.45);color:#9aa7b5}
html[data-theme="dark"] .employee-activity-card{background:#161c24}
html[data-theme="dark"] .employee-activity-icon{color:#81e4c3}
html[data-theme="dark"] .employee-activity-top h4{color:#8ea4d7}
html[data-theme="dark"] .employee-activity-body p{color:#cbd5e1}
html[data-theme="dark"] .employee-activity-meta{color:#9aa7b5}
html[data-theme="dark"] .org-chart-summary-card{background:#161c24}
html[data-theme="dark"] .org-chart-card{background:#161c24}
html[data-theme="dark"] .org-chart-chip{color:#81e4a7}
html[data-theme="dark"] .org-chart-scroll{background:linear-gradient(180deg, rgba(33,43,54,0.72) 0%, rgba(22,28,36,0.9) 100%)}
html[data-theme="dark"] .org-chart-node-wrap::before{border-top:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-node-wrap::after{border-top:1.5px solid rgba(81,95,112,0.45);border-left:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-node-wrap:last-child::before{border-right:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-node-wrap > .org-chart-level::before{border-left:1.5px solid rgba(81,95,112,0.45)}
html[data-theme="dark"] .org-chart-company-node{border:1px solid rgba(78,94,115,0.45);background:#161c24}
html[data-theme="dark"] .org-chart-node{border:1px solid rgba(78,94,115,0.45);background:#161c24}
html[data-theme="dark"] .org-chart-avatar{color:#81e4a7}
html[data-theme="dark"] .org-chart-node-foot{border-top:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .employee-password-intro{color:#9aa7b5}
html[data-theme="dark"] .employee-password-alert.is-error{background:#3a1d1d;border:1px solid rgba(126,68,68,0.45);color:#e48181}
html[data-theme="dark"] .employee-password-alert.is-success{background:#1d3a2c;border:1px solid rgba(68,126,88,0.45);color:#81e4a7}
html[data-theme="dark"] .employee-password-meter-track{background:#232a34}
html[data-theme="dark"] .employee-password-meter-label{color:#cbd5e1}
html[data-theme="dark"] .employee-password-note{color:#9aa7b5}
html[data-theme="dark"] .employee-password-match.match{color:#81e4c8}
html[data-theme="dark"] .employee-password-match.neutral{color:#9aa7b5}
html[data-theme="dark"] .employee-action-password{color:#e4ac81}
html[data-theme="dark"] .employee-action-password:hover{color:#e4a681}
html[data-theme="dark"] .employee-action-password:focus{color:#e4a681}
html[data-theme="dark"] .employee-action-password:focus-visible{color:#e4a681}
html[data-theme="dark"] .btn-employee-outline{background:#161c24;border:1px solid rgba(148,163,184,.20);color:#94a8d1}
html[data-theme="dark"] .btn-employee-outline:hover{background:#212b36;border-color:rgba(81,95,112,0.45);color:#94a8d1}
html[data-theme="dark"] .btn-employee-outline:focus{background:#212b36;border-color:rgba(81,95,112,0.45);color:#94a8d1}
html[data-theme="dark"] .btn-employee-outline:focus-visible{background:#212b36;border-color:rgba(81,95,112,0.45);color:#94a8d1}
html[data-theme="dark"] .employee-toolbar-card{background:#161c24}
html[data-theme="dark"] .employee-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .employee-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .employee-filter-panel{border-top:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .searchable-select-trigger.filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .employee-filter-field .filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .searchable-select-trigger.filter-select.filter-no-border{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .employee-filter-field .filter-select.filter-no-border{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-type-shell .btn-employee-outline{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn-employee-outline:hover{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn-employee-outline:focus{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn-employee-outline:focus-visible{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn-employee-outline i{color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn.btn-secondary{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn.btn-secondary:hover{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn.btn-secondary:focus{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn.btn-secondary:focus-visible{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .btn.btn-secondary i{color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .leave-type-shell .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-type-shell .master-view-toggle-group .btn-view-toggle:hover{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-type-shell .master-view-toggle-group .btn-view-toggle:focus{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-type-shell .master-view-toggle-group .btn-view-toggle:focus-visible{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-type-shell .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-type-shell .master-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-type-shell .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-type-shell .master-table-wrap{background:#161c24}
html[data-theme="dark"] .leave-type-shell .master-grid-card{background:#161c24}
html[data-theme="dark"] .leave-type-shell .master-grid-description{color:#9aa7b5}
html[data-theme="dark"] .leave-type-shell .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .leave-type-shell .leave-type-name{color:#94a8d1}
html[data-theme="dark"] .leave-type-shell .leave-type-description-cell{color:#9aa7b5}
html[data-theme="dark"] .leave-type-shell .edit-icon{color:#81e4a5}
html[data-theme="dark"] .leave-type-shell .status-text--active{color:#81e4c3 !important}
html[data-theme="dark"] .leave-type-shell .status-text--paid{color:#81e4dd !important}
html[data-theme="dark"] .leave-type-shell .searchable-select-trigger{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-type-shell .searchable-select-panel{background:var(--input-bg);border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-type-shell .searchable-select-search{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-type-shell .searchable-select-option{background:var(--input-bg)}
html[data-theme="dark"] .leave-type-shell .searchable-select-option:hover{background:#1d3a2c}
html[data-theme="dark"] .leave-type-shell .searchable-select-option.is-selected{background:#1d3a2c}
html[data-theme="dark"] .leave-type-shell .leave-type-view-note{color:#9aa7b5}
html[data-theme="dark"] .leave-type-shell .section-intro{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-page-shell .btn-employee-outline{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .btn-employee-outline:hover{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .btn-employee-outline:focus{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .btn-employee-outline:focus-visible{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .btn-employee-outline i{color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-header-badge{border:1px solid rgba(148,163,184,.20);background:#161c24;color:#81e4c3}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-header-badge i{color:#81e4c3}
html[data-theme="dark"] .leave-balance-page-shell .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .leave-balance-page-shell .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-balance-page-shell .master-inline-action.btn-secondary{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-inline-action.btn-secondary:hover{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-inline-action.btn-secondary:focus{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-inline-action.btn-secondary:focus-visible{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-inline-action.btn-secondary i{color:#81e4c3 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-balance-page-shell .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-balance-page-shell .branch-date-filter{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .leave-balance-page-shell .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-view-toggle-group .btn-view-toggle:hover{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-view-toggle-group .btn-view-toggle:focus{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-balance-page-shell .master-view-toggle-group .btn-view-toggle:focus-visible{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card{background:#161c24;border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-header{background:#161c24;color:#8ea4d7;border-bottom:1px solid rgba(76,95,118,0.45)}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-avatar{border:1px solid rgba(148,163,184,.20);background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-copy h3{color:#8ea4d7}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-copy span{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-table-wrap{background:#161c24}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-table{background:#161c24}
html[data-theme="dark"] .leave-balance-page-shell .master-table{background:#161c24}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-balance-page-shell .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-table tbody td{border-bottom:1px solid rgba(76,95,118,0.45);color:#8ea4d7}
html[data-theme="dark"] .leave-balance-page-shell .master-table tbody td{border-bottom:1px solid rgba(76,95,118,0.45);color:#8ea4d7}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-table .leave-type-cell{color:#94a8d1}
html[data-theme="dark"] .leave-balance-page-shell .leave-balance-card-table thead th.leave-balance-heading-available{color:#81e4a5 !important}
html[data-theme="dark"] .leave-balance-page-shell .view-icon{color:#81e4c3}
html[data-theme="dark"] .leave-balance-page-shell .master-table-wrap{background:#161c24}
html[data-theme="dark"] .leave-balance-page-shell .leave-primary-text{color:#94a8d1}
html[data-theme="dark"] .leave-balance-page-shell .leave-secondary-text{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-page-shell .searchable-select-trigger{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-balance-page-shell .searchable-select-panel{background:var(--input-bg);border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-balance-page-shell .searchable-select-search{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-balance-page-shell .searchable-select-option{background:var(--input-bg)}
html[data-theme="dark"] .leave-balance-page-shell .searchable-select-option:hover{background:#1d3a2c}
html[data-theme="dark"] .leave-balance-page-shell .searchable-select-option.is-selected{background:#1d3a2c}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-panel{background:#161c24}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-close{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-close:hover{background:#1b232d}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-close:focus-visible{background:#1b232d}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-head h3{color:#94a8d1}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-head p{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row{border-bottom:1px solid rgba(84,95,110,0.45);color:#9aa7b5}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row span{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row strong{color:#94a8d1}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row .is-available-text{color:#81e4a5}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row.is-total{background:#1b232d}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row.is-total span{color:#94a8d1}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row.is-total strong{color:#94a8d1}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row.is-available{background:#1d3a29}
html[data-theme="dark"] .leave-balance-detail-modal .leave-balance-detail-row.is-available span{color:#cbd5e1}
html[data-theme="dark"] .leave-application-shell .btn-employee-outline{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .btn-employee-outline:hover{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .btn-employee-outline:focus{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .btn-employee-outline:focus-visible{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .btn-employee-outline i{color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .leave-application-shell .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-application-shell .master-inline-action.btn-secondary{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .master-inline-action.btn-secondary:hover{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .master-inline-action.btn-secondary:focus{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .master-inline-action.btn-secondary:focus-visible{background:#161c24 !important;color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .master-inline-action.btn-secondary i{color:#81e4c3 !important}
html[data-theme="dark"] .leave-application-shell .master-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-application-shell .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-application-shell .master-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .leave-application-shell .master-view-toggle-group .btn-view-toggle:hover{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-application-shell .master-view-toggle-group .btn-view-toggle:focus{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-application-shell .master-view-toggle-group .btn-view-toggle:focus-visible{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .leave-application-shell .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .leave-application-shell .branch-date-filter{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .leave-application-shell .master-grid-card{background:#161c24}
html[data-theme="dark"] .leave-application-shell .master-table-wrap{background:#161c24}
html[data-theme="dark"] .leave-application-shell .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .leave-application-shell .edit-icon{color:#81e4c3}
html[data-theme="dark"] .leave-application-shell .view-icon{color:#81e4c3}
html[data-theme="dark"] .leave-application-shell .verify-icon{color:#81e4c3}
html[data-theme="dark"] .leave-primary-text{color:#94a8d1}
html[data-theme="dark"] .leave-secondary-text{color:#9aa7b5}
html[data-theme="dark"] .leave-status-text--approved{color:#81e4c3}
html[data-theme="dark"] .leave-status-text--cancelled{color:#9aa7b5}
html[data-theme="dark"] .leave-status-text--paid{color:#81e4dd}
html[data-theme="dark"] .leave-balance-header{color:#8ea4d7}
html[data-theme="dark"] .leave-balance-row strong{color:#8ea4d7}
html[data-theme="dark"] .leave-balance-row span{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-empty{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-note{color:#9aa7b5}
html[data-theme="dark"] .leave-balance-note.warning{color:#e4ac81}
html[data-theme="dark"] .leave-modal-link{color:#81e4c3}
html[data-theme="dark"] .salary-metric{background:#212b36}
html[data-theme="dark"] .salary-metric span{color:#9aa7b5}
html[data-theme="dark"] .salary-metric strong{color:#8ea4d7}
html[data-theme="dark"] .salary-grid-meta{color:#9aa7b5}
html[data-theme="dark"] .salary-filter-control{background:#161c24;color:#8ea4d7}
html[data-theme="dark"] .salary-repeatable-item{background:#212b36}
html[data-theme="dark"] .salary-repeatable-title{color:#8ea4d7}
html[data-theme="dark"] .salary-inline-note{color:#9aa7b5}
html[data-theme="dark"] .salary-modal-section-title{color:#8ea4d7}
html[data-theme="dark"] .salary-view-list-item{background:#161c24;color:#cbd5e1}
html[data-theme="dark"] .salary-view-list-item strong{color:#8ea4d7}
html[data-theme="dark"] .record-action-icon.verify-icon:hover{color:#81c2e4}
html[data-theme="dark"] .record-action-icon.verify-icon:focus{color:#81c2e4}
html[data-theme="dark"] .record-action-icon.verify-icon:focus-visible{color:#81c2e4}
html[data-theme="dark"] .salary-readonly-input{background:#212b36}
html[data-theme="dark"] .salary-table-empty{color:#9aa7b5}
html[data-theme="dark"] .salary-slip-sheet{background:#161c24}
html[data-theme="dark"] .salary-slip-head{border-bottom:1px solid rgba(255,255,255,0.18)}
html[data-theme="dark"] .salary-slip-period{color:#8ea4d7}
html[data-theme="dark"] .salary-slip-field label{color:#cbd5e1}
html[data-theme="dark"] .salary-slip-inline-input{color:#8ea4d7}
html[data-theme="dark"] .salary-slip-inline-value{color:#8ea4d7}
html[data-theme="dark"] .salary-slip-panel{background:#161c24}
html[data-theme="dark"] .salary-slip-panel-title{color:#8ea4d7;background:#212b36}
html[data-theme="dark"] .salary-slip-table th{background:#212b36;color:#cbd5e1}
html[data-theme="dark"] .salary-slip-table tbody td{color:#8ea4d7}
html[data-theme="dark"] .salary-slip-table input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] .salary-slip-table select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] .salary-slip-table .salary-readonly-input{background:#212b36}
html[data-theme="dark"] .salary-slip-table-footer td{background:#161c24}
html[data-theme="dark"] .salary-slip-table-footer .salary-slip-label{color:#cbd5e1}
html[data-theme="dark"] .salary-slip-meta-card{background:#212b36}
html[data-theme="dark"] .salary-slip-meta-card label{color:#9aa7b5}
html[data-theme="dark"] .salary-slip-meta-card input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] .salary-slip-meta-card select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] .salary-slip-remarks textarea{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] .salary-slip-summary{background:#161c24}
html[data-theme="dark"] .salary-slip-summary-row span{color:#cbd5e1;background:#212b36}
html[data-theme="dark"] .salary-slip-summary-row input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] .salary-slip-summary-row.salary-slip-summary-row--highlight span{background:#1d243a}
html[data-theme="dark"] .salary-slip-summary-row.salary-slip-summary-row--highlight input{color:#918ed7}
html[data-theme="dark"] .salary-slip-list .salary-view-list-item{background:#161c24}
html[data-theme="dark"] .salary-slip-view-note{color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-compact-period{color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-compact-card{background:#161c24}
html[data-theme="dark"] #manageSalaryModal .salary-compact-card-title{color:#cbd5e1}
html[data-theme="dark"] #manageSalaryModal .salary-overview-field label{color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-compact-subtitle{color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-compact-input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-overview-field select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-overview-field textarea{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-readonly-input{background:#212b36}
html[data-theme="dark"] #manageSalaryModal .salary-compact-note{color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-slip-table th{background:#212b36;color:#cbd5e1}
html[data-theme="dark"] #manageSalaryModal .salary-slip-table tbody td{color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-slip-table input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-slip-table select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-view-list-item{background:#161c24;color:#cbd5e1}
html[data-theme="dark"] #manageSalaryModal .salary-view-list-item strong{color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-slip-summary{background:#161c24}
html[data-theme="dark"] #manageSalaryModal .salary-slip-summary-row span{background:#212b36;color:#cbd5e1}
html[data-theme="dark"] #manageSalaryModal .salary-slip-summary-row input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-slip-summary-row.salary-slip-summary-row--highlight span{background:#1d243a}
html[data-theme="dark"] #manageSalaryModal .salary-slip-summary-row.salary-slip-summary-row--highlight input{color:#918ed7}
html[data-theme="dark"] #manageSalaryModal .app-modal-header{background:#161c24}
html[data-theme="dark"] #manageSalaryModal .app-modal-header h3{color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-compact-shell{color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-compact-section{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] #manageSalaryModal .salary-compact-section-title{color:#8ea4d7;background:#212b36}
html[data-theme="dark"] #manageSalaryModal .salary-popup-field label{color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-popup-field input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-field select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-field textarea{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-field .salary-readonly-input{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-popup-panel{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] #manageSalaryModal .salary-popup-table thead th{color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-popup-table td:first-child{color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-table select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-table input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-summary-row label{color:#9aa7b5}
html[data-theme="dark"] #manageSalaryModal .salary-popup-summary-row input{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-summary-row .salary-readonly-input{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-summary-row--net input{background:#1d243a;border-color:rgba(68,79,126,0.45);color:#918ed7}
html[data-theme="dark"] #manageSalaryModal .salary-popup-remarks-view{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] .manage-salary-shell .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .btn.btn-secondary{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .btn.btn-secondary:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .btn.btn-secondary:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .btn.btn-secondary:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .manage-salary-shell .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .manage-salary-shell .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .manage-salary-shell .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .manage-salary-shell .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .manage-salary-shell .master-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .manage-salary-shell .status-text--active{color:#81e4a5 !important}
html[data-theme="dark"] .manage-salary-shell .status-text--pending{color:#e4ac81 !important}
html[data-theme="dark"] .manage-salary-shell .edit-icon{color:#81e4a5}
html[data-theme="dark"] .manage-salary-shell .manage-salary-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .manage-salary-shell .manage-salary-table thead th .salary-th-wrap{color:#e6edf3}
html[data-theme="dark"] .module-record-card{background:#161c24}
html[data-theme="dark"] .module-record-actions .edit-icon{color:#81e4a5}
html[data-theme="dark"] .module-record-actions .edit-icon:hover{color:#81e4a6}
html[data-theme="dark"] .module-record-actions .edit-icon:focus{color:#81e4a6}
html[data-theme="dark"] .module-record-actions .edit-icon:focus-visible{color:#81e4a6}
html[data-theme="dark"] .module-modern-summary .summary-chip{background:#212b36}
html[data-theme="dark"] .module-modern-summary .summary-chip span{color:#9aa7b5}
html[data-theme="dark"] .module-modern-summary .summary-chip strong{color:#8ea4d7}
html[data-theme="dark"] .module-modern-stat-item{background:#212b36}
html[data-theme="dark"] .module-modern-stat-item span{color:#9aa7b5}
html[data-theme="dark"] .module-modern-stat-item strong{color:#8ea4d7}
html[data-theme="dark"] .module-modern-note{color:#9aa7b5}
html[data-theme="dark"] .module-modern-dialog .section-intro{color:#9aa7b5}
html[data-theme="dark"] .branch-toolbar-shell .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .branch-toolbar-shell .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .branch-toolbar-shell .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .branch-toolbar-shell .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .branch-toolbar-shell .employee-toolbar-card{background:#161c24}
html[data-theme="dark"] .branch-toolbar-shell .employee-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .branch-toolbar-shell .employee-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .branch-toolbar-shell .employee-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .branch-toolbar-shell .employee-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .branch-toolbar-shell .employee-filter-field label{color:#9aa7b5}
html[data-theme="dark"] .branch-toolbar-shell .searchable-select-trigger.filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .branch-toolbar-shell .employee-filter-field .filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .branch-toolbar-shell .branch-date-filter{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .schedule-module-card[data-module="branches"] .module-modern-table thead th{border-bottom:1px solid rgba(148,163,184,.20);background:#222c38 !important}
html[data-theme="dark"] .module-modern-table thead th{background:#222c38;border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .branch-name-cell strong{color:#8ea4d7}
html[data-theme="dark"] .branch-contact-cell strong{color:#8ea4d7}
html[data-theme="dark"] .branch-name-cell span{color:#9aa7b5}
html[data-theme="dark"] .branch-contact-cell span{color:#9aa7b5}
html[data-theme="dark"] .loan-module-shell .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .btn.btn-secondary{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .btn.btn-secondary:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .btn.btn-secondary:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .btn.btn-secondary:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .loan-module-shell .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .loan-module-shell .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .loan-module-shell .master-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .loan-module-shell .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .loan-module-shell .branch-date-filter{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .loan-module-shell .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .loan-module-shell .master-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .loan-module-shell .master-view-toggle-group .btn-view-toggle:hover{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .loan-module-shell .master-view-toggle-group .btn-view-toggle:focus{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .loan-module-shell .master-view-toggle-group .btn-view-toggle:focus-visible{background:#161c24 !important;border-color:rgba(148,163,184,.20) !important;color:#cbd5e1 !important}
html[data-theme="dark"] .loan-module-shell .searchable-select-trigger{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .loan-module-shell .searchable-select-panel{background:var(--input-bg);border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .loan-module-shell .searchable-select-search{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .loan-module-shell .searchable-select-option{background:var(--input-bg)}
html[data-theme="dark"] .loan-module-shell .searchable-select-option:hover{background:#1d3a26}
html[data-theme="dark"] .loan-module-shell .searchable-select-option.is-selected{background:#1d3a26}
html[data-theme="dark"] .notification-history-hero{background:#161c24}
html[data-theme="dark"] .notification-history-section{background:#161c24}
html[data-theme="dark"] .notification-history-text{color:#9aa7b5}
html[data-theme="dark"] .notification-history-summary-card{background:#212b36}
html[data-theme="dark"] .notification-history-summary-card span{color:#9aa7b5}
html[data-theme="dark"] .notification-history-summary-card strong{color:#8ea4d7}
html[data-theme="dark"] .notification-history-section-head h2{color:#8ea4d7}
html[data-theme="dark"] .notification-history-section-head p{color:#9aa7b5}
html[data-theme="dark"] .notification-history-badge{background:#1d243a}
html[data-theme="dark"] .notification-history-card{border:1px solid rgba(78,94,115,0.45);background:#161c24}
html[data-theme="dark"] .notification-history-card.is-unread{border-color:rgba(68,79,126,0.45);background:#161c24}
html[data-theme="dark"] .notification-history-card-readstate{background:#1d233a}
html[data-theme="dark"] .notification-history-card.is-read .notification-history-card-readstate{background:#232a34;color:#9aa7b5}
html[data-theme="dark"] .notification-history-card-workflow{color:#81e4c8}
html[data-theme="dark"] .notification-history-card-time{color:#9aa7b5}
html[data-theme="dark"] .notification-history-card-title{color:#8ea4d7}
html[data-theme="dark"] .notification-history-card-message{color:#9aa7b5}
html[data-theme="dark"] .notification-history-card-meta{color:#cbd5e1}
html[data-theme="dark"] .notification-history-empty{border:1px dashed rgba(81,95,112,0.45);background:#212b36;color:#9aa7b5}
html[data-theme="dark"] .content-area{background:#161c24 !important}
html[data-theme="dark"] .main-content{background:#161c24 !important}
html[data-theme="dark"] .reports-print-shell{background:#161c24;color:#8ea4d7}
html[data-theme="dark"] .reports-print-head{border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .reports-print-meta{color:#9aa7b5}
html[data-theme="dark"] .reports-print-meta-note{color:#9aa7b5}
html[data-theme="dark"] .reports-print-meta-block{color:#9aa7b5}
html[data-theme="dark"] .reports-print-meta-block strong{color:#8ea4d7}
html[data-theme="dark"] .reports-print-table th{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .reports-print-table td{border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .reports-print-table thead th{background:#222c38;color:#8ea4d7}
html[data-theme="dark"] .reports-print-table tbody tr:nth-child(even) td{background:#1b232d}
html[data-theme="dark"] .reports-print-status-badge{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .reports-print-empty{border:1px dashed rgba(148,163,184,.20);color:#9aa7b5}
html[data-theme="dark"] .reports-print-foot{border-top:1px solid rgba(148,163,184,.20);color:#9aa7b5;background:#161c24}
html[data-theme="dark"] .role-stat-item{background:#212b36}
html[data-theme="dark"] .role-stat-item span{color:#9aa7b5}
html[data-theme="dark"] .role-stat-item strong{color:#8ea4d7}
html[data-theme="dark"] .role-module-chip{background:#161c24;color:#cbd5e1}
html[data-theme="dark"] .role-module-chip i{color:#81e4a5}
html[data-theme="dark"] .role-summary-note{color:#9aa7b5}
html[data-theme="dark"] .permission-matrix-wrap{background:#161c24}
html[data-theme="dark"] .permission-top-scroll{border-bottom:1px solid rgba(78,94,115,0.45);background:#212b36}
html[data-theme="dark"] .permission-table th{border-bottom:1px solid rgba(78,94,115,0.45);background:#161c24}
html[data-theme="dark"] .permission-table td{border-bottom:1px solid rgba(78,94,115,0.45);background:#161c24}
html[data-theme="dark"] .permission-table th:first-child{background:#161c24}
html[data-theme="dark"] .permission-table td:first-child{background:#161c24}
html[data-theme="dark"] .permission-table thead th{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] .permission-table thead th:first-child{background:#212b36}
html[data-theme="dark"] .permission-module-meta strong{color:#8ea4d7}
html[data-theme="dark"] .permission-status-filter summary{background:#161c24;color:#8ea4d7}
html[data-theme="dark"] .permission-status-panel{background:#161c24}
html[data-theme="dark"] .permission-status-option{color:#cbd5e1}
html[data-theme="dark"] .role-dual-pane-wrap{background:#161c24}
html[data-theme="dark"] .role-dual-pane-head h3{color:#8ea4d7}
html[data-theme="dark"] .role-dual-pane-head .role-dual-pane-help{color:#9aa7b5}
html[data-theme="dark"] .dual-pane-column label{color:#9aa7b5}
html[data-theme="dark"] .dual-pane-column select{background:var(--input-bg);color:#8ea4d7}
html[data-theme="dark"] .dual-pane-column select option:checked{background:#1d243a;color:#918ed7}
html[data-theme="dark"] .dual-pane-controls button{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .dual-pane-controls button:hover{background:#1d243a;color:#918ed7}
html[data-theme="dark"] .dual-pane-reorder button{background:#212b36;color:#cbd5e1}
html[data-theme="dark"] .dual-pane-reorder button:hover:not(:disabled){background:#1d243a;color:#918ed7}
html[data-theme="dark"] .dual-pane-empty{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] .permission-page-actions .btn.btn-secondary{background:#161c24 !important}
html[data-theme="dark"] .app-modal-actions .btn.btn-secondary{background:#161c24 !important}
html[data-theme="dark"] .permission-page-head h2{color:#8ea4d7}
html[data-theme="dark"] .master-per-page-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .master-filter-select{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .branch-date-filter{border:1px solid rgba(148,163,184,.20);background:#161c24}
html[data-theme="dark"] .master-view-toggle-group .btn-view-toggle{border:1px solid rgba(148,163,184,.20) !important;background:#161c24 !important;color:#cbd5e1 !important}
html[data-theme="dark"] .master-view-toggle-group .btn-view-toggle i{color:#cbd5e1 !important}
html[data-theme="dark"] .master-redesign-bridge .status-text--active{color:#81e4a5 !important}
html[data-theme="dark"] .master-redesign-bridge .edit-icon{color:#81e4a5 !important}
html[data-theme="dark"] .timesheet-page-redesign .timesheet-content-card.master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .master-grid-employee .employee-id-text{color:#9aa7b5}
html[data-theme="dark"] .master-grid-department .department-secondary-text{color:#9aa7b5}
html[data-theme="dark"] .master-name-cell .employee-id-text{color:#9aa7b5}
html[data-theme="dark"] .master-name-cell .department-secondary-text{color:#9aa7b5}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline:hover{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline:focus{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline:focus-visible{background:#161c24 !important;border:1px solid rgba(148,163,184,.20) !important;color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline i{color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline:hover i{color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline:focus i{color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-shell .btn-employee-outline:focus-visible i{color:#81e4c3 !important}
html[data-theme="dark"] .master-toolbar-card{background:#161c24}
html[data-theme="dark"] .master-search-input-wrap{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .master-grid-card{background:#161c24}
html[data-theme="dark"] .users-table thead th{background:#222c38;border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .users-table tbody td{border-bottom:1px solid rgba(74,97,120,0.45)}
html[data-theme="dark"] .edit-icon{color:#81e4a5}
html[data-theme="dark"] .status-text--active{color:#81e4c3 !important}
html[data-theme="dark"] .permission-summary-cell{color:#9aa7b5}
html[data-theme="dark"] .searchable-select-trigger{border:1px solid rgba(148,163,184,.20);background:var(--input-bg)}
html[data-theme="dark"] .searchable-select-panel{background:var(--input-bg);border:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .searchable-select-option{background:var(--input-bg)}
html[data-theme="dark"] .searchable-select-option:hover{background:#1d3a26}
html[data-theme="dark"] .searchable-select-option.is-selected{background:#1d3a26}
html[data-theme="dark"] .user-permissions-table-wrap{background:#161c24}
html[data-theme="dark"] .user-permissions-table th{border-bottom:1px solid rgba(78,94,115,0.45);background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .user-permissions-table td{border-bottom:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] .user-permission-empty{color:#9aa7b5}
html[data-theme="dark"] .master-table-wrap{background:#161c24 !important;background-color:#161c24 !important}
html[data-theme="dark"] .master-grid{background:#161c24 !important}
html[data-theme="dark"] .employees-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .employees-page-redesign .master-grid{background:#161c24 !important}
html[data-theme="dark"] .branches-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .department-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .department-page-redesign .master-grid{background:#161c24 !important}
html[data-theme="dark"] .designation-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .designation-page-redesign .master-grid{background:#161c24 !important}
html[data-theme="dark"] .attendance-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .attendance-page-redesign .master-grid{background:#161c24 !important}
html[data-theme="dark"] .timesheet-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .timesheet-page-redesign .master-grid{background:#161c24 !important}
html[data-theme="dark"] .timesheet-page-redesign .card.department-module-card{background:#161c24 !important}
html[data-theme="dark"] .timesheet-page-redesign .card.schedule-module-card{background:#161c24 !important}
html[data-theme="dark"] .schedule-page-compact .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .schedule-page-compact .schedule-result-shell{background:#161c24 !important}
html[data-theme="dark"] .schedule-page-compact .master-grid{background:#161c24 !important}
html[data-theme="dark"] .overtime-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .overtime-page-redesign .master-grid{background:#161c24 !important}
html[data-theme="dark"] .shift-swap-page-redesign .master-table-wrap{background:#161c24 !important}
html[data-theme="dark"] .shift-swap-page-redesign .master-grid{background:#161c24 !important}
html[data-theme="dark"] .master-table{background-color:#161c24 !important}
html[data-theme="dark"] .schedule-table{background-color:#161c24 !important}
html[data-theme="dark"] .department-table{background-color:#161c24 !important}
html[data-theme="dark"] .shift-schedule-table{background-color:#161c24 !important}
html[data-theme="dark"] .module-modern-table{background-color:#161c24 !important}
html[data-theme="dark"] .employee-table-redesign{background-color:#161c24 !important}
html[data-theme="dark"] .salary-table{background-color:#161c24 !important}
html[data-theme="dark"] .users-table{background-color:#161c24 !important}
html[data-theme="dark"] .role-table{background-color:#161c24 !important}
html[data-theme="dark"] .settings-working-days{background-color:#161c24 !important}
html[data-theme="dark"] .master-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .schedule-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .department-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .shift-schedule-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .module-modern-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .employee-table-redesign tbody{background-color:#161c24 !important}
html[data-theme="dark"] .salary-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .users-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .role-table tbody{background-color:#161c24 !important}
html[data-theme="dark"] .settings-working-days tbody{background-color:#161c24 !important}
html[data-theme="dark"] .master-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .schedule-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .department-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .shift-schedule-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .module-modern-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .employee-table-redesign tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .salary-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .users-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .role-table tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .settings-working-days tbody tr{background-color:#161c24 !important}
html[data-theme="dark"] .employee-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .master-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .employees-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .branches-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .department-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .designation-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .attendance-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .timesheet-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .schedule-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .overtime-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .shift-swap-page-header .employee-page-title{color:#e6edf3 !important}
html[data-theme="dark"] .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .schedule-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .department-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .shift-schedule-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .employees-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .branches-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .department-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .designation-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .attendance-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .timesheet-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .schedule-page-compact .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .overtime-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .shift-swap-page-redesign .master-table thead th{background:#222c38 !important;border-bottom:1px solid rgba(148,163,184,.20) !important}
html[data-theme="dark"] .hrms-quick-filter-bar{border-top:1px solid rgba(148,163,184,.20);border-bottom:1px solid rgba(148,163,184,.20)}
html[data-theme="dark"] .hrms-quick-filter-tab{color:#9aa7b5}
html[data-theme="dark"] .hrms-quick-filter-tab:hover{color:#94a8d1}
html[data-theme="dark"] .hrms-quick-filter-tab:focus-visible{color:#94a8d1}
html[data-theme="dark"] .hrms-quick-filter-tab.is-active{color:var(--primary, #81e4c3)}
html[data-theme="dark"] .hrms-quick-filter-count{color:#9aa7b5}
html[data-theme="dark"] .hrms-quick-filter-tab.is-active .hrms-quick-filter-count{color:var(--primary, #81e4c3)}
html[data-theme="dark"] .hrms-employee-search-input{background:var(--input-bg)}
html[data-theme="dark"] .hrms-employee-search-dropdown{background:#161c24}
html[data-theme="dark"] .hrms-employee-search.is-disabled .hrms-employee-search-input{background:#212b36;color:#9aa7b5}
html[data-theme="dark"] .record-action-icon.print-icon{color:#e4ac81}
html[data-theme="dark"] body{background:#212b36;color:#8ea4d7}
html[data-theme="dark"] .card{background:#161c24;border:1px solid rgba(78,94,115,0.45)}
html[data-theme="dark"] p{color:#9aa7b5}
/* ---------- 5. DARK MODE – CURATED COMPONENTS ----------------------- */
html[data-theme="dark"] body{background:var(--bg-app)!important;color:var(--text)}
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .content-area{background:transparent!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,
html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] h6{color:var(--text)}
html[data-theme="dark"] hr{border-color:var(--line)}
html[data-theme="dark"] code,html[data-theme="dark"] kbd,html[data-theme="dark"] pre{background:var(--surface-3);color:#f0abfc;border-color:var(--line)}
html[data-theme="dark"] ::placeholder{color:var(--text-faint)!important;opacity:1}
html[data-theme="dark"] option,html[data-theme="dark"] optgroup{background:var(--surface-2);color:var(--text)}
html[data-theme="dark"] ::selection{background:rgba(95,191,134,.35);color:#fff}
html[data-theme="dark"] *{scrollbar-color:rgba(148,163,184,.30) transparent}
html[data-theme="dark"] *::-webkit-scrollbar-thumb{background:rgba(148,163,184,.30)}
html[data-theme="dark"] *::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.50)}
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)}

/* native controls that have no author styling fall back to the palette (specificity 0) */
:where(html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
       html[data-theme="dark"] select,html[data-theme="dark"] textarea){
  background-color:var(--input-bg);color:var(--text);border-color:var(--line-strong)}
html[data-theme="dark"] input[type="checkbox"],html[data-theme="dark"] input[type="radio"]{accent-color:var(--brand-500)}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .searchable-select.is-open .searchable-select-trigger,
html[data-theme="dark"] .master-search-input-wrap:focus-within{
  border-color:var(--brand-500)!important;box-shadow:var(--focus-ring)!important}
html[data-theme="dark"] input:disabled,html[data-theme="dark"] select:disabled,html[data-theme="dark"] textarea:disabled,
html[data-theme="dark"] input[readonly]{opacity:.65}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator{filter:invert(.85)}

/* sidebar */
html[data-theme="dark"] .sidebar{background:var(--sidebar-bg)!important;border-right:1px solid var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] .sidebar-brand-shell{background:var(--sidebar-bg)!important;border-color:var(--line)!important;backdrop-filter:none}
html[data-theme="dark"] .brand-text,html[data-theme="dark"] .u-name{color:var(--text)!important}
html[data-theme="dark"] .brand-role,html[data-theme="dark"] .sidebar-search-icon{color:var(--text-muted)!important}
html[data-theme="dark"] .sidebar-search-input{background:var(--input-bg)!important;border:1px solid var(--line)!important;color:var(--text)!important}
html[data-theme="dark"] .sidebar-search-input:focus{border-color:var(--brand-500)!important;box-shadow:var(--focus-ring)!important}
html[data-theme="dark"] .sidebar-search-empty{background:transparent!important;border-color:var(--line)!important;color:var(--text-muted)!important}
html[data-theme="dark"] .sidebar-section-heading,
html[data-theme="dark"] .sidebar-panel-title{color:var(--hrms-sidebar-heading-color)!important;letter-spacing:.06em}
html[data-theme="dark"] .sidebar-nav a,
html[data-theme="dark"] .nav-collapse-body a,
html[data-theme="dark"] .sidebar-link-list a,
html[data-theme="dark"] .nav-collapse-btn,
html[data-theme="dark"] .nav-collapse-btn .ncb-chevron{color:var(--sidebar-text)!important}
html[data-theme="dark"] .nav-collapse-btn .ncb-chevron{color:var(--text-faint)!important}
html[data-theme="dark"] .sidebar-nav a:hover,
html[data-theme="dark"] .nav-collapse-body a:hover,
html[data-theme="dark"] .sidebar-link-list a:hover,
html[data-theme="dark"] .nav-collapse-btn:hover,
html[data-theme="dark"] .nav-collapse-btn.open{background:rgba(255,255,255,.055)!important;color:#fff!important}
html[data-theme="dark"] .app-wrapper .sidebar .sidebar-nav a.active,
html[data-theme="dark"] .app-wrapper .sidebar .nav-collapse-body a.active,
html[data-theme="dark"] .app-wrapper .sidebar .sidebar-link-list a.active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important}
html[data-theme="dark"] .nav-item-icon,html[data-theme="dark"] .nav-collapse-btn i{color:inherit}
html[data-theme="dark"] #sidebarTooltip{background:#0b0f14;color:#e6edf3;border:1px solid var(--line-strong);box-shadow:0 12px 30px rgba(0,0,0,.5)}

/* topbar */
html[data-theme="dark"] .topbar{background:var(--topbar-bg)!important;border-bottom:1px solid var(--line)!important;box-shadow:none}
html[data-theme="dark"] .topbar-breadcrumb-link{color:var(--text-muted)!important}
html[data-theme="dark"] .topbar-breadcrumb-link:hover{color:var(--text)!important}
html[data-theme="dark"] .topbar-breadcrumb-current,html[data-theme="dark"] .topbar-user-name{color:var(--text)!important}
html[data-theme="dark"] .topbar-breadcrumb-separator{color:var(--text-faint)}
html[data-theme="dark"] .topbar-sidebar-toggle,
html[data-theme="dark"] .topbar-toolbar-btn,
html[data-theme="dark"] .topbar-notification-btn,
html[data-theme="dark"] .topbar-profile-btn{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:none!important}
html[data-theme="dark"] .topbar-sidebar-toggle:hover,
html[data-theme="dark"] .topbar-toolbar-btn:hover,
html[data-theme="dark"] .topbar-notification-btn:hover,
html[data-theme="dark"] .topbar-profile-btn:hover{background:var(--surface-3)!important;border-color:var(--line-strong)!important}
html[data-theme="dark"] .topbar-toolbar-btn.is-open{background:var(--brand-100)!important;border-color:var(--brand-200)!important}
html[data-theme="dark"] .topbar-notification-panel,
html[data-theme="dark"] .topbar-profile-menu,
html[data-theme="dark"] .topbar-toolbar-menu{background:var(--surface-2)!important;border:1px solid var(--line-strong)!important;box-shadow:0 24px 60px rgba(0,0,0,.6)!important;color:var(--text)}
html[data-theme="dark"] .topbar-toolbar-option,
html[data-theme="dark"] .topbar-profile-menu-list a{color:var(--text)!important}
html[data-theme="dark"] .topbar-toolbar-option:hover,
html[data-theme="dark"] .topbar-profile-menu-list a:hover{background:rgba(255,255,255,.06)!important}
html[data-theme="dark"] .topbar-toolbar-option.is-active{background:var(--brand-100)!important;color:var(--brand-600)!important}
html[data-theme="dark"] .topbar-profile-menu-logout{color:#fca5a5!important}
html[data-theme="dark"] .topbar-profile-menu-sep{background:var(--line)}
html[data-theme="dark"] .topbar-notification-history-item{border-color:var(--line)!important}
html[data-theme="dark"] .topbar-notification-history-item:hover{background:rgba(255,255,255,.04)!important}

/* surfaces */
html[data-theme="dark"] .card,
html[data-theme="dark"] .master-toolbar-card,
html[data-theme="dark"] .master-grid-card,
html[data-theme="dark"] .master-table-wrap,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .app-modal-dialog,
html[data-theme="dark"] .searchable-select-panel{border-color:var(--line)!important}
html[data-theme="dark"] .card,
html[data-theme="dark"] .master-toolbar-card,
html[data-theme="dark"] .master-grid-card,
html[data-theme="dark"] .master-table-wrap{box-shadow:var(--card-shadow)!important}
html[data-theme="dark"] .card-header{background:var(--surface-2)!important;border-bottom-color:var(--line)!important}
html[data-theme="dark"] .app-modal,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-backdrop{background:var(--overlay)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html[data-theme="dark"] .app-modal-dialog{background:var(--surface-2)!important;box-shadow:0 30px 80px rgba(0,0,0,.65)!important}
html[data-theme="dark"] .app-modal-header{border-bottom-color:var(--line)!important}
html[data-theme="dark"] .searchable-select-panel{background:var(--surface-2)!important;box-shadow:0 20px 50px rgba(0,0,0,.6)!important}
html[data-theme="dark"] .searchable-select-option{background:transparent!important;color:var(--text)!important}
html[data-theme="dark"] .searchable-select-option:hover,
html[data-theme="dark"] .searchable-select-option.is-selected{background:var(--brand-100)!important}

/* tables */
html[data-theme="dark"] table{border-color:var(--line)}
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .master-table thead th,
html[data-theme="dark"] .department-table thead th,
html[data-theme="dark"] .schedule-table thead th{background:var(--surface-3)!important;color:var(--text-muted)!important;border-bottom:1px solid var(--line-strong)!important}
html[data-theme="dark"] .table td,html[data-theme="dark"] .table th,
html[data-theme="dark"] .master-table td{border-color:var(--line)!important}
html[data-theme="dark"] .table tbody tr:hover,
html[data-theme="dark"] .master-table tbody tr:hover{background:rgba(255,255,255,.035)!important}
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.02)}

/* buttons */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn.btn-primary{background:#3f875e!important;border-color:#3f875e!important;color:#fff!important}
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn.btn-primary:hover{background:#4c9f6f!important;border-color:#4c9f6f!important}
html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .btn-employee-outline,html[data-theme="dark"] .btn-light{background:var(--surface-2)!important;border:1px solid var(--line-strong)!important;color:var(--text)!important}
html[data-theme="dark"] .btn-secondary:hover,html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .btn-employee-outline:hover,html[data-theme="dark"] .btn-light:hover{background:var(--surface-3)!important}
html[data-theme="dark"] .btn-employee-outline i,html[data-theme="dark"] .btn-secondary i{color:var(--brand-500)!important}
html[data-theme="dark"] .btn-view-toggle{background:var(--surface-2)!important;border-color:var(--line-strong)!important;color:var(--text-muted)!important}
html[data-theme="dark"] .btn-view-toggle i{color:var(--text-muted)!important}
html[data-theme="dark"] .btn-view-toggle.active{background:#3f875e!important;border-color:#3f875e!important;color:#fff!important}
html[data-theme="dark"] .btn-view-toggle.active i{color:#fff!important}
html[data-theme="dark"] .record-action-icon:hover{background:rgba(255,255,255,.08)!important}

/* alerts / notices keep their meaning, just calmer */
html[data-theme="dark"] .alert-success{background:rgba(74,222,128,.10)!important;border-color:rgba(74,222,128,.28)!important;color:#86efac!important}
html[data-theme="dark"] .alert-danger,html[data-theme="dark"] .alert-error{background:rgba(248,113,113,.10)!important;border-color:rgba(248,113,113,.30)!important;color:#fca5a5!important}
html[data-theme="dark"] .alert-warning{background:rgba(250,204,21,.09)!important;border-color:rgba(250,204,21,.28)!important;color:#fde68a!important}
html[data-theme="dark"] .alert-info{background:rgba(96,165,250,.10)!important;border-color:rgba(96,165,250,.28)!important;color:#bfdbfe!important}
html[data-theme="dark"] .hrms-footer{color:var(--text-faint)}
html[data-theme="dark"] a:not([class]){color:#7dd3a3}
html[data-theme="dark"] .login-body{background:radial-gradient(900px 520px at 0% 0%,rgba(95,191,134,.10),transparent 60%),radial-gradient(700px 420px at 100% 100%,rgba(96,165,250,.07),transparent 55%),var(--bg-app)!important}
html[data-theme="dark"] .login-card{background:var(--surface)!important;border:1px solid var(--line-strong)!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important}
html[data-theme="dark"] img.sidebar-logo-img,html[data-theme="dark"] .sidebar-logo img{filter:none}

/* inline-style fallbacks (markup that hard-codes light colours) */
html[data-theme="dark"] [style*="background:#fff"],html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#ffffff"],html[data-theme="dark"] [style*="background: #ffffff"],
html[data-theme="dark"] [style*="background:white"],html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background-color: #fff"],html[data-theme="dark"] [style*="background-color:#ffffff"],
html[data-theme="dark"] [style*="background:#f8fafc"],html[data-theme="dark"] [style*="background:#f1f5f9"]{background:var(--surface)!important}
html[data-theme="dark"] [style*="color:#64748b"],html[data-theme="dark"] [style*="color: #64748b"],
html[data-theme="dark"] [style*="color:#475569"],html[data-theme="dark"] [style*="color: #475569"]{color:var(--text-muted)!important}
html[data-theme="dark"] [style*="color:#1f2937"],html[data-theme="dark"] [style*="color: #1f2937"],
html[data-theme="dark"] [style*="color:#0f172a"],html[data-theme="dark"] [style*="color:#111827"],
html[data-theme="dark"] [style*="color:#000"]{color:var(--text)!important}
html[data-theme="dark"] [style*="color:#2563eb"]{color:#7aa7f7!important}
html[data-theme="dark"] [style*="color:#16a34a"]{color:#5fd08a!important}
html[data-theme="dark"] [style*="color:#dc2626"]{color:#fca5a5!important}

/* smooth theme switch */
html.theme-transition,html.theme-transition *,html.theme-transition *::before,html.theme-transition *::after{
  transition:background-color .25s ease,border-color .25s ease,color .2s ease!important}
html[data-theme="dark"] .master-search-input,html[data-theme="dark"] .sidebar-search-input:not(.x){background-clip:padding-box}
html[data-theme="dark"] .master-search-input{background:transparent!important;box-shadow:none!important}