/* SkyHR display layer: loaded last so legacy and module workspaces share one theme. */
:root{
    --sky-page:#f3f7fb;
    --sky-surface:#ffffff;
    --sky-surface-soft:#f7faff;
    --sky-line:#dce7f2;
    --sky-ink:#17324d;
    --sky-muted:#71869a;
    --sky-blue:#1f67c1;
    --sky-blue-deep:#123f82;
    --sky-shadow:0 16px 38px rgba(19,55,91,.09);
}

/* One typography contract for every application shell. Page-local workspaces
   can no longer pin their own UI font, while icons, code and document editors
   retain the specialist typefaces required for correct rendering. */
html[data-sky-font] body,
html[data-sky-font] body *:not(i):not(svg):not(path):not(code):not(pre):not(kbd):not(samp):not([class^="ti"]):not([class*=" ti-"]):not([class^="fa"]):not([class*=" fa-"]):not(.feather):not(.material-icons-two-tone):not(.fc-icon){
    font-family:var(--sky-font-family,Inter,"Segoe UI",Arial,sans-serif)!important;
}
html[data-sky-font] body .ti{font-family:tabler-icons!important}
html[data-sky-font] body :is(.fa,.fas,.far,.fal){font-family:"Font Awesome 5 Free"!important}
html[data-sky-font] body .fab{font-family:"Font Awesome 5 Brands"!important}
html[data-sky-font] body .feather{font-family:feather!important}
html[data-sky-font] body .material-icons-two-tone{font-family:"Material Icons Two Tone"!important}
html[data-sky-font] body .fc-icon{font-family:fcicons!important}
html[data-sky-font] body :is([class^="note-icon-"],[class*=" note-icon-"]){font-family:summernote!important}
html[data-sky-font] body :is(code,pre,kbd,samp,.font-monospace,.note-codable){font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}

html[data-sky-theme="light"]{color-scheme:light;background:#f3f7fb}
html[data-sky-theme="light"] body.sky-light{
    --sky-page:#f3f7fb;
    --sky-surface:#fff;
    --sky-surface-soft:#f7faff;
    --sky-line:#dce7f2;
    --sky-ink:#17324d;
    --sky-muted:#71869a;
    background:#f3f7fb!important;
    color:#17324d!important;
}
html[data-sky-theme="light"] body.sky-light :is(.dash-container,.dash-content,.dash-content>.row,.dash-footer){
    background-color:transparent!important;
    color:#17324d;
}

/* Shared light workspace language. Legacy Bootstrap pages now inherit the same
   airy blue canvas and graphical surfaces as the newer attendance workspaces. */
html[data-sky-theme="light"] body.sky-light{
    background:
        radial-gradient(circle at 91% 2%,rgba(56,142,224,.11),transparent 25%),
        radial-gradient(circle at 9% 94%,rgba(75,185,220,.08),transparent 27%),
        linear-gradient(145deg,#f7fbff 0%,#edf5fc 56%,#f6fbff 100%)!important;
}
body.sky-light .dash-content :is(.card,.modal-content,.dropdown-menu,.list-group,.table-responsive),
body.sky-light .modal :is(.modal-content,.dropdown-menu,.list-group){
    border-color:#d7e6f4!important;
    background:linear-gradient(152deg,rgba(255,255,255,.98),rgba(247,251,255,.97))!important;
    color:#17324d!important;
    box-shadow:0 14px 34px rgba(27,78,129,.085)!important;
}
body.sky-light .dash-content .card,
body.sky-light .dash-content .modal-content,
body.sky-light .modal .modal-content{
    border-radius:18px!important;
}
body.sky-light .dash-content :is(.card-header,.card-footer,.modal-header,.modal-footer,.list-group-item),
body.sky-light .modal :is(.modal-header,.modal-footer,.list-group-item){
    border-color:#dce9f5!important;
    background:linear-gradient(112deg,rgba(235,246,255,.84),rgba(251,253,255,.92))!important;
}
body.sky-light .dash-content :is(h1,h2,h3,h4,h5,h6,.card-title,.modal-title,.page-title),
body.sky-light .modal :is(.modal-title,h1,h2,h3,h4,h5,h6){
    color:#173f6b;
}
body.sky-light .dash-content :is(input,select,textarea,.form-control,.form-select,.choices__inner),
body.sky-light .modal :is(input,select,textarea,.form-control,.form-select){
    border-color:#cbddec;
    background-color:#fbfdff;
    color:#17324d;
    box-shadow:inset 0 1px 2px rgba(29,75,116,.025);
}
body.sky-light .dash-content :is(input,select,textarea,.form-control,.form-select):focus,
body.sky-light .modal :is(input,select,textarea,.form-control,.form-select):focus{
    border-color:#4d94da!important;
    box-shadow:0 0 0 4px rgba(48,132,216,.12)!important;
}
body.sky-light .dash-content :is(table,.table) th{
    border-color:#d6e5f3;
    background:#edf6fd;
    color:#315b82;
}
body.sky-light .dash-content :is(table,.table) td{border-color:#e2edf6}
body.sky-light .dash-content :is(table,.table) tbody tr:hover td{background:#f3f9fe}
body.sky-light .dash-content :is(.btn-primary,.bg-primary),
body.sky-light .modal .btn-primary{
    border-color:#2167b3!important;
    background:linear-gradient(135deg,#2f83d3,#1d5ca7)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(30,101,178,.18);
}
body.sky-light .dash-content .btn-outline-primary,
body.sky-light .modal .btn-outline-primary{border-color:#7eb3e2;color:#2367ac;background:#f8fcff}
body.sky-light .dash-content .btn-outline-primary:hover,
body.sky-light .modal .btn-outline-primary:hover{border-color:#2877c4;background:#e8f4fd;color:#164f8c}
body.sky-light .dash-content :is(.nav-tabs,.nav-pills) .nav-link.active,
body.sky-light .dash-content .pagination .page-item.active .page-link{
    border-color:#3b85cd!important;
    background:#e8f4fd!important;
    color:#195a9d!important;
}
body.sky-light .dash-content .alert-info{border-color:#b8d9f2;background:#eaf6ff;color:#225c8c}

/* Keep motion, but make navigation and page controls answer more quickly. */
body :is(.dash-content,.modal,.sky-action-rail) :is(a,button,.btn,.nav-link,.dropdown-item,input,select,textarea,[role="button"]){
    transition-duration:.16s!important;
}
body .dash-content :is(.card,.table-responsive,.accordion-item,.list-group-item){
    transition-duration:.2s!important;
}

/* Colourful, dimensional module marks while retaining the blue navigation rail. */
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n+1)>.dash-link>.dash-micon{--sky-icon-a:#1689d8;--sky-icon-b:#55c7f2}
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n+2)>.dash-link>.dash-micon{--sky-icon-a:#7b55dc;--sky-icon-b:#ad86f1}
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n+3)>.dash-link>.dash-micon{--sky-icon-a:#0ca884;--sky-icon-b:#51d1a8}
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n+4)>.dash-link>.dash-micon{--sky-icon-a:#e37a29;--sky-icon-b:#f5bd4b}
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n+5)>.dash-link>.dash-micon{--sky-icon-a:#dc4f78;--sky-icon-b:#f68da9}
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n+6)>.dash-link>.dash-micon{--sky-icon-a:#138ca5;--sky-icon-b:#4bc5d2}
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n+7)>.dash-link>.dash-micon{--sky-icon-a:#405fda;--sky-icon-b:#7995f3}
.dash-sidebar .dash-navbar>.dash-item:nth-child(8n)>.dash-link>.dash-micon{--sky-icon-a:#c54d45;--sky-icon-b:#ee8670}
.dash-sidebar .dash-navbar>.dash-item:nth-child(n)>.dash-link>.dash-micon,
.dash-sidebar:not(:hover):not(:focus-within) .dash-navbar>.dash-item:nth-child(n)>.dash-link>.dash-micon{
    border:1px solid rgba(255,255,255,.48)!important;
    background:linear-gradient(145deg,var(--sky-icon-b),var(--sky-icon-a) 72%)!important;
    color:#fff!important;
    text-shadow:0 2px 3px rgba(7,26,52,.3);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -5px 9px rgba(7,28,63,.14),0 9px 18px rgba(3,22,51,.3)!important;
    transform:perspective(120px) rotateX(2deg);
}
.dash-sidebar .dash-navbar>.dash-item>.dash-link:hover>.dash-micon{
    transform:perspective(120px) translateY(-2px) rotateX(0) scale(1.06)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -5px 9px rgba(7,28,63,.12),0 13px 25px rgba(3,22,51,.38)!important;
}
.dash-sidebar .dash-navbar>.dash-item>.dash-link>.dash-micon i{filter:drop-shadow(0 2px 2px rgba(8,26,55,.24))}
.dash-sidebar .dash-navbar>.dash-item>.dash-link>.sky-module-mark{border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}

/* Dark mode canvas and typography. */
html[data-sky-theme="dark"]{color-scheme:dark}
body.sky-dark{
    --sky-page:#07111f;
    --sky-surface:#101c2d;
    --sky-surface-soft:#142238;
    --sky-line:#263a52;
    --sky-ink:#e8f0f8;
    --sky-muted:#9aacc0;
    --sky-blue:#66a9ff;
    --sky-blue-deep:#92beff;
    --sky-shadow:0 18px 44px rgba(0,0,0,.27);
    background:radial-gradient(circle at 82% 4%,rgba(33,91,162,.15),transparent 27%),var(--sky-page)!important;
    color:var(--sky-ink)!important;
}
body.sky-dark .dash-container,
body.sky-dark .dash-content,
body.sky-dark .dash-content>.row,
body.sky-dark .dash-footer{background:transparent!important;color:var(--sky-ink)!important}
body.sky-dark .dash-footer .text-muted{color:#8295a9!important}
body.sky-dark .sky-topbar,
body.sky-dark .dash-header{border-color:#263b52!important;background:rgba(13,26,43,.9)!important;box-shadow:0 14px 38px rgba(0,0,0,.24)!important}
body.sky-dark .sky-welcome strong,
body.sky-dark .sky-clock-block strong,
body.sky-dark .sky-user-greeting strong{color:#e8f1fa!important}
body.sky-dark .sky-welcome small,
body.sky-dark .sky-clock-block small,
body.sky-dark .sky-user-greeting small{color:#91a6ba!important}
body.sky-dark .sky-notification-button{border-color:#30465e!important;background:linear-gradient(145deg,#182b42,#101d30)!important;color:#78b7f4!important}

body.sky-dark .dash-content :is(.card,.modal-content,.dropdown-menu,.list-group,.table-responsive),
body.sky-dark .dash-content :is([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-shell"],[class*="-shell "]):not([class*="hero"]):not([class*="head"]){
    border-color:var(--sky-line)!important;
    background:var(--sky-surface)!important;
    color:var(--sky-ink)!important;
    box-shadow:var(--sky-shadow)!important;
}
body.sky-dark .dash-content :is(.card-header,.card-footer,.modal-header,.modal-footer,.list-group-item),
body.sky-dark .dash-content :is([class$="-head"],[class*="-head "]):not([class*="hero"]){border-color:var(--sky-line)!important;background-color:var(--sky-surface-soft)!important}
body.sky-dark .dash-content :is(h1,h2,h3,h4,h5,h6,strong,b,label,.form-label,.card-title,.modal-title,.table){color:var(--sky-ink)!important}
body.sky-dark .dash-content :is(p,small,.text-muted,.form-text,.help-block){color:var(--sky-muted)!important}
body.sky-dark .dash-content a:not(.btn):not([class*="-btn"]){color:#80b8ff}
body.sky-dark .dash-content hr{border-color:#2a3d54!important}

body.sky-dark .dash-content :is(input,select,textarea,.form-control,.form-select,.choices__inner),
body.sky-dark .modal :is(input,select,textarea,.form-control,.form-select){
    border-color:#324861!important;
    background:#0c1727!important;
    color:#e3edf7!important;
    box-shadow:none!important;
}
body.sky-dark .dash-content :is(input,textarea)::placeholder{color:#6f8499!important}
body.sky-dark .dash-content :is(input,select,textarea,.form-control,.form-select):focus{border-color:#5798e7!important;box-shadow:0 0 0 4px rgba(77,145,226,.13)!important}
body.sky-dark .dash-content option{background:#101c2d;color:#e3edf7}
body.sky-dark .dash-content .form-check-input:not(:checked){border-color:#496078;background-color:#142339}

body.sky-dark .dash-content :is(table,.table){color:#dbe7f2!important}
body.sky-dark .dash-content :is(table,.table) th{border-color:#30445c!important;background:#17263a!important;color:#b9cee2!important}
body.sky-dark .dash-content :is(table,.table) td{border-color:#263a50!important;background:#101c2d!important;color:#d8e4ef!important}
body.sky-dark .dash-content :is(table,.table) tbody tr:hover td{background:#17273d!important}
body.sky-dark .dash-content .badge.bg-light{background:#243750!important;color:#d8e6f4!important}
body.sky-dark .dash-content :is(.btn-light,.btn-secondary){border-color:#344a62!important;background:#1a2a3e!important;color:#dce8f3!important}

body.sky-dark .modal-backdrop{background:#020711}
body.sky-dark .modal-content{border:1px solid #2a4058;background:#101c2d;color:#e7eff8}
body.sky-dark .modal-header,body.sky-dark .modal-footer{border-color:#2a4058}
body.sky-dark .btn-close{filter:invert(1) grayscale(1)}
body.sky-dark .sky-action-rail{border-color:#2b4259!important;background:linear-gradient(155deg,rgba(18,34,53,.94),rgba(10,23,39,.9))!important;box-shadow:0 22px 60px rgba(0,0,0,.36)!important}
body.sky-dark .sky-rail-button{border-color:#31465d!important;background:linear-gradient(145deg,#1a2b40,#0f1d30)!important}
body.sky-dark .sky-rail-panel{border-color:#2a4057!important;background:linear-gradient(145deg,rgba(17,31,49,.98),rgba(10,21,36,.97))!important;color:#e3edf7!important}

/* Inline module styles commonly use white surfaces; these semantic hooks keep them readable. */
body.sky-dark .dash-content [class*="empty"],
body.sky-dark .dash-content [class*="toolbar"],
body.sky-dark .dash-content [class*="filter"],
body.sky-dark .dash-content [class*="summary"],
body.sky-dark .dash-content [class*="access"],
body.sky-dark .dash-content [class*="permission"]{border-color:var(--sky-line)!important}
body.sky-dark .dash-content [style*="background:#fff"],
body.sky-dark .dash-content [style*="background: #fff"]{background:var(--sky-surface)!important}

@media(max-width:1024px){
    .dash-sidebar.mob-sidebar-active .dash-navbar>.dash-item:nth-child(n)>.dash-link>.dash-micon{background:linear-gradient(145deg,var(--sky-icon-b),var(--sky-icon-a) 72%)!important;color:#fff!important}
}
@media(prefers-reduced-motion:reduce){.dash-sidebar .dash-micon{transform:none!important}}

/* Dark presentation v2: high-contrast typography and genuinely dark module surfaces.
   These rules are intentionally important because many legacy workspaces carry
   light-only colours inside page-local style blocks. */
body.sky-dark{
    --sky-page:#050c17;
    --sky-surface:#101c2d;
    --sky-surface-raised:#17263a;
    --sky-surface-soft:#142338;
    --sky-line:#2b4058;
    --sky-ink:#f1f6fb;
    --sky-muted:#aec0d1;
    --sky-shadow:0 19px 48px rgba(0,0,0,.34);
    background:
        radial-gradient(circle at 92% 3%,rgba(37,112,203,.17),transparent 25%),
        radial-gradient(circle at 8% 92%,rgba(26,166,143,.09),transparent 28%),
        linear-gradient(145deg,#050c17,#081321 55%,#07101c)!important;
}
body.sky-dark .dash-content [class]{
    --ink:#f1f6fb;
    --muted:#aec0d1;
    --line:#2b4058;
    --surface:#101c2d;
    --surface-soft:#142338;
}
body.sky-dark .dash-content .card{
    border-color:#2b4058!important;
    background:linear-gradient(150deg,#14243a,#0e1a2b)!important;
    box-shadow:0 19px 44px rgba(0,0,0,.28)!important;
}
body.sky-dark .dash-content :is(.text-dark,.text-black,.text-body){color:var(--sky-ink)!important}
body.sky-dark .dash-content :is(.text-secondary,.text-muted,.small,small){color:var(--sky-muted)!important}
body.sky-dark .dash-content :is(.bg-white,.bg-light){background:var(--sky-surface-raised)!important;color:var(--sky-ink)!important}
body.sky-dark .dash-content :is(.input-group-text,.page-link,.pagination .page-item>*),
body.sky-dark .dash-content :is(.accordion-item,.accordion-button,.offcanvas,.popover,.toast){
    border-color:var(--sky-line)!important;
    background:var(--sky-surface-raised)!important;
    color:var(--sky-ink)!important;
}
body.sky-dark .dash-content .accordion-button:not(.collapsed),
body.sky-dark .dash-content :is(.nav-tabs,.nav-pills) .nav-link.active,
body.sky-dark .dash-content .page-item.active .page-link{
    border-color:#3f78b8!important;
    background:linear-gradient(135deg,#1d4f86,#276caa)!important;
    color:#fff!important;
}
body.sky-dark .dash-content :is(.nav-tabs,.nav-pills) .nav-link:not(.active){color:#afc1d2!important}
body.sky-dark .dash-content :is(.nav-tabs,.nav-pills){border-color:var(--sky-line)!important}
body.sky-dark .dash-content :is(.dropdown-item,.list-group-item){color:#dce8f3!important}
body.sky-dark .dash-content .dropdown-item:hover{background:#1d324b!important;color:#fff!important}
body.sky-dark .dash-content :is(.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple,.choices__list--dropdown){border-color:#344c65!important;background:#0d1929!important;color:#e7f0f8!important}
body.sky-dark .dash-content :is(.alert-light,.alert-secondary){border-color:#314860!important;background:#17283d!important;color:#dce8f2!important}

/* Dashboard: each family keeps its accent while using dark, layered cards. */
body.sky-dark .dash-content .ov-wrap{color:var(--sky-ink)!important}
body.sky-dark .dash-content .ov-section-title h5,
body.sky-dark .dash-content .ov-head-copy h5{color:#f2f7fc!important}
body.sky-dark .dash-content .ov-section-title small,
body.sky-dark .dash-content .ov-head-copy small{color:#afc1d1!important}
body.sky-dark .dash-content .ov-card{
    border-color:#2b4159!important;
    background:linear-gradient(155deg,#132238,#0d192a)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.3)!important;
}
body.sky-dark .dash-content .ov-head{border-color:#2a4057!important;background:linear-gradient(90deg,#17283e,#132237)!important}
body.sky-dark .dash-content .ov-head-icon{background:linear-gradient(145deg,#153e55,#17334f)!important;color:#61d8c2!important;box-shadow:inset 0 0 0 1px rgba(97,216,194,.14)!important}
body.sky-dark .dash-content .ov-stat{
    --dark-soft:#123932;
    border-color:#29465a!important;
    background:linear-gradient(155deg,#17283d 42%,var(--dark-soft))!important;
    box-shadow:0 17px 38px rgba(0,0,0,.25)!important;
}
body.sky-dark .dash-content .ov-stat[data-tone="amber"]{--dark-soft:#3b2c18}
body.sky-dark .dash-content .ov-stat[data-tone="rose"]{--dark-soft:#3b1f2d}
body.sky-dark .dash-content .ov-stat[data-tone="violet"]{--dark-soft:#29254a}
body.sky-dark .dash-content .ov-stat[data-tone="blue"]{--dark-soft:#17344b}
body.sky-dark .dash-content .ov-stat[data-tone="coral"]{--dark-soft:#3b2622}
body.sky-dark .dash-content .ov-stat[data-tone="purple"]{--dark-soft:#302342}
body.sky-dark .dash-content .ov-stat[data-tone="gold"]{--dark-soft:#383019}
body.sky-dark .dash-content .ov-stat-head{color:#dce8f3!important}
body.sky-dark .dash-content .ov-stat-detail{color:#afc0d0!important}
body.sky-dark .dash-content .ov-gauge:after,
body.sky-dark .dash-content .ov-balance-gauge:after{background:radial-gradient(circle at 35% 25%,#1e3149,#0d1929)!important;box-shadow:inset 0 0 0 1px #304861,0 12px 26px rgba(0,0,0,.25)!important}
body.sky-dark .dash-content :is(.ov-gauge-track,.ov-balance-track){stroke:#2a4057!important}
body.sky-dark .dash-content :is(.ov-gauge-copy strong,.ov-balance-copy strong){color:#f7fbff!important;text-shadow:0 2px 12px rgba(0,0,0,.28)}
body.sky-dark .dash-content .ov-gauge-copy span{color:#b4c5d4!important}

body.sky-dark .dash-content .ov-balance-card{
    --balance-dark:#123a34;
    border-color:#2b4659!important;
    background:linear-gradient(155deg,#182a40 42%,var(--balance-dark))!important;
    box-shadow:0 17px 40px rgba(0,0,0,.27)!important;
}
body.sky-dark .dash-content .ov-balance-card[data-tone="violet"]{--balance-dark:#29264b}
body.sky-dark .dash-content .ov-balance-card[data-tone="blue"]{--balance-dark:#17384f}
body.sky-dark .dash-content .ov-balance-card[data-tone="amber"]{--balance-dark:#3c2e1b}
body.sky-dark .dash-content .ov-balance-card[data-tone="rose"]{--balance-dark:#3c2130}
body.sky-dark .dash-content .ov-balance-card[data-tone="purple"]{--balance-dark:#302544}
body.sky-dark .dash-content .ov-balance-title h6,
body.sky-dark .dash-content .ov-balance-copy strong,
body.sky-dark .dash-content .ov-balance-row strong{color:#f4f8fc!important}
body.sky-dark .dash-content .ov-balance-title small,
body.sky-dark .dash-content .ov-balance-row{color:#b4c5d5!important}
body.sky-dark .dash-content .ov-balance-title>span{background:#213650!important;box-shadow:inset 0 0 0 1px rgba(122,176,228,.15)!important}
body.sky-dark .dash-content .ov-balance-meta{border-color:#30475f!important}
body.sky-dark .dash-content .ov-balance-usage{background:#263b51!important}

body.sky-dark .dash-content .ov-day{border-color:#2a4058!important;background:linear-gradient(145deg,#15253a,#101c2d)!important}
body.sky-dark .dash-content .ov-day:hover{border-color:#3977a8!important;background:#192d44!important}
body.sky-dark .dash-content .ov-day strong{color:#f0f6fb!important}
body.sky-dark .dash-content .ov-day small:not(.off):not(.leave):not(.holiday):not(.danger){background:#1b3c55!important;color:#9bd5f1!important}
body.sky-dark .dash-content .ov-day small.off{background:#273648!important;color:#c1ceda!important}
body.sky-dark .dash-content .ov-day small.leave{background:#302753!important;color:#c5b3ff!important}
body.sky-dark .dash-content .ov-day small.holiday{background:#43301b!important;color:#ffc77b!important}
body.sky-dark .dash-content .ov-day small.danger{background:#452431!important;color:#ff9baa!important}
body.sky-dark .dash-content .ov-clock-row.in{border-color:#205749!important;background:#153c34!important;color:#77e0be!important}
body.sky-dark .dash-content .ov-clock-row.out{border-color:#3c3568!important;background:#29254e!important;color:#c3b5ff!important}
body.sky-dark .dash-content .ov-clock-row.pending{border-color:#654821!important;background:#3d2e1a!important;color:#ffd08a!important}
body.sky-dark .dash-content .ov-clock-row span{color:inherit!important}

body.sky-dark .dash-content .ov-access-card{border-color:#2c455c!important;background:linear-gradient(135deg,#172942,#12352f)!important;color:#eef6fb!important}
body.sky-dark .dash-content .ov-access-card small{color:#b2c3d2!important}
body.sky-dark .dash-content .ov-access-icon{background:linear-gradient(145deg,#1b3a57,#17443c)!important;color:#79dfcd!important}
body.sky-dark .dash-content .ov-workforce{background:radial-gradient(circle at 16% 18%,rgba(54,150,205,.13),transparent 28%),linear-gradient(145deg,#111f32,#0d1b2b)!important}
body.sky-dark .dash-content .ov-workforce-metric{--work-dark:#123b34;border-color:#2b455a!important;background:linear-gradient(155deg,#182a40 45%,var(--work-dark))!important}
body.sky-dark .dash-content .ov-workforce-metric[data-tone="blue"]{--work-dark:#17374e}
body.sky-dark .dash-content .ov-workforce-metric[data-tone="violet"]{--work-dark:#2b274c}
body.sky-dark .dash-content .ov-workforce-metric :is(strong,h6){color:#f3f8fc!important}
body.sky-dark .dash-content .ov-workforce-metric small{color:#b0c1d0!important}
body.sky-dark .dash-content .ov-workforce-icon{background:#20354d!important}
body.sky-dark .dash-content .ov-card--notice .ov-notice{border-color:#2b4058!important;background:linear-gradient(145deg,#17283d,#111e31)!important}
body.sky-dark .dash-content .ov-notice:hover{border-color:#3f6f91!important;background:#1b2e45!important}
body.sky-dark .dash-content .ov-notice h6{color:#f1f7fc!important}
body.sky-dark .dash-content .ov-notice :is(p,.ov-notice-date){color:#afc1d1!important}
body.sky-dark .dash-content .ov-card--notice .ov-notices.has-notices{scrollbar-color:#527c98 #132236}
body.sky-dark .dash-content .ov-card--notice .ov-notices.has-notices::-webkit-scrollbar-track{background:#132236}
body.sky-dark .dash-content .ov-card--notice .ov-notices.has-notices::-webkit-scrollbar-thumb{border-color:#132236;background:#527c98}
body.sky-dark .dash-content .ov-entitlement:hover{background:#1a2d43!important}
body.sky-dark .dash-content .ov-entitlement h6{color:#edf5fb!important}
body.sky-dark .dash-content .ov-entitlement small{color:#aebfce!important}
body.sky-dark .dash-content .ov-entitlement strong{background:#173b35!important;color:#76dfc4!important}
body.sky-dark .dash-content .ov-placeholder-box{border-color:#344b62!important;color:#aec0d0!important}

/* Employee Directory: readable lifecycle counters and differentiated records. */
body.sky-dark .dash-content .ed{--ed-ink:#f0f6fb;--ed-muted:#adbdcc;--ed-line:#2c4158;color:var(--ed-ink)!important}
body.sky-dark .dash-content .ed-stat{
    border-color:#2a4259!important;
    background:linear-gradient(145deg,#172941,#111e30)!important;
    color:#eff6fc!important;
    box-shadow:0 14px 31px rgba(0,0,0,.24)!important;
}
body.sky-dark .dash-content .ed-stat:nth-child(2){background:linear-gradient(145deg,#163142,#12372f)!important}
body.sky-dark .dash-content .ed-stat:nth-child(3){background:linear-gradient(145deg,#302a22,#3b2c17)!important}
body.sky-dark .dash-content .ed-stat:nth-child(4){background:linear-gradient(145deg,#172e43,#17394c)!important}
body.sky-dark .dash-content .ed-stat:nth-child(5){background:linear-gradient(145deg,#2a2635,#352636)!important}
body.sky-dark .dash-content .ed-stat.active{border-color:#56c5b5!important;background:linear-gradient(145deg,#17405a,#155044)!important;box-shadow:0 0 0 3px rgba(78,198,181,.1),0 18px 38px rgba(0,0,0,.3)!important}
body.sky-dark .dash-content .ed-stat strong{color:#f8fbfe!important}
body.sky-dark .dash-content .ed-stat small{color:#bfd0de!important}
body.sky-dark .dash-content .ed-stat-icon{background:linear-gradient(145deg,#203b56,#1b3e3a)!important;color:#87d9ed!important;box-shadow:inset 0 0 0 1px rgba(125,206,226,.12)!important}
body.sky-dark .dash-content .ed-stat.active .ed-stat-icon{background:linear-gradient(135deg,#258dc1,#2bb49e)!important;color:#fff!important}
body.sky-dark .dash-content .ed-panel{border-color:#2b4058!important;background:#0f1b2c!important;box-shadow:0 20px 50px rgba(0,0,0,.31)!important}
body.sky-dark .dash-content .ed-toolbar{border-color:#2b4058!important;background:linear-gradient(135deg,#17283d,#111e30)!important}
body.sky-dark .dash-content .ed-toolbar h5{color:#f1f7fc!important}
body.sky-dark .dash-content .ed-toolbar p{color:#aebfce!important}
body.sky-dark .dash-content .ed-toolbar-mark{background:#19384b!important;color:#69d3c1!important}
body.sky-dark .dash-content .ed-grid{background:linear-gradient(145deg,#0c1726,#101d2e)!important}
body.sky-dark .dash-content .ed-card{border-color:#2b4158!important;background:linear-gradient(150deg,#17273c,#101c2d)!important;box-shadow:0 13px 32px rgba(0,0,0,.24)!important}
body.sky-dark .dash-content .ed-card:hover{border-color:#3e7f8a!important;background:linear-gradient(150deg,#1b2d43,#122436)!important;box-shadow:0 22px 44px rgba(0,0,0,.34)!important}
body.sky-dark .dash-content .ed-person{border-color:#293e54!important}
body.sky-dark .dash-content .ed-avatar{border-color:#2c455e!important;background:#17283d!important}
body.sky-dark .dash-content .ed-employee-name,
body.sky-dark .dash-content .ed.ed-list .ed-card .ed-employee-name{color:#f5f9fd!important}
body.sky-dark .dash-content .ed-name>small,
body.sky-dark .dash-content .ed-updated{color:#afc0cf!important}
body.sky-dark .dash-content .ed-id{background:#1c3a53!important;color:#9bd5f1!important}
body.sky-dark .dash-content .ed-status-pill{background:#173d34!important;color:#7ce0c2!important;box-shadow:inset 0 0 0 1px rgba(66,195,157,.15)!important}
body.sky-dark .dash-content .ed-status-pill.probation{background:#3d2e18!important;color:#ffd083!important;box-shadow:inset 0 0 0 1px rgba(241,181,76,.16)!important}
body.sky-dark .dash-content .ed-status-pill.resigned{background:#352633!important;color:#f0aabc!important;box-shadow:inset 0 0 0 1px rgba(217,109,139,.16)!important}
body.sky-dark .dash-content .ed-info,
body.sky-dark .dash-content .ed-list .ed-info{border-color:#2b4056!important;background:#14243a!important}
body.sky-dark .dash-content .ed-info:nth-child(2n){background:#15273b!important}
body.sky-dark .dash-content .ed-info.salary{background:linear-gradient(135deg,#17304b,#153b34)!important}
body.sky-dark .dash-content .ed-info small{color:#aebdcb!important}
body.sky-dark .dash-content .ed-info :is(strong,em){color:#e7f0f8!important}
body.sky-dark .dash-content .ed-info.salary strong{color:#76dfc5!important}
body.sky-dark .dash-content .ed-card-foot{border-color:#2a4057!important;background:#132237!important}
body.sky-dark .dash-content .ed-live{color:#69d8c0!important}
body.sky-dark .dash-content .ed-live small{color:#acbdcb!important}
body.sky-dark .dash-content .ed-action{border-color:#34506a!important;background:#1a3447!important;color:#8bd5e4!important}
body.sky-dark .dash-content .ed-action.status{background:#1d3550!important;color:#91caff!important}
body.sky-dark .dash-content .ed-action.danger{background:#3b222d!important;color:#ff9fb1!important}
body.sky-dark .dash-content .ed-list-head{border-color:#2a4057!important;background:#15253a!important;color:#b2c3d2!important}
body.sky-dark .dash-content .ed-footer{border-color:#2a4057!important;background:#111f31!important}
body.sky-dark .dash-content .ed-range,
body.sky-dark .dash-content .ed-range strong{color:#c1d0dc!important}
body.sky-dark .dash-content .ed-page{border-color:#314a62!important;background:#17283c!important;color:#c9d8e4!important}
body.sky-dark .dash-content .ed-page.active{border-color:transparent!important;background:linear-gradient(135deg,#2778b3,#29a993)!important;color:#fff!important}
body.sky-dark .dash-content .ed-page.disabled{background:#111d2d!important;color:#687d90!important}
body.sky-dark .dash-content .ed-view{border-color:#31475e!important;background:#101c2d!important}
body.sky-dark .dash-content .ed-view button{color:#a9bbcb!important}
body.sky-dark .dash-content .ed-view button.active{background:#20354d!important;color:#8ecaff!important}
body.sky-dark .dash-content .ed-search input{border-color:#344c64!important;background:#0b1726!important;color:#edf4fa!important}
body.sky-dark .ed-status-modal .modal-body{background:#101c2d!important;color:#edf4fa!important}
body.sky-dark .ed-status-modal label{color:#c4d2df!important}
body.sky-dark .ed-status-modal .form-control,
body.sky-dark .ed-status-modal .form-select{border-color:#344c64!important;background:#0c1828!important;color:#edf4fa!important}
body.sky-dark .ed-status-summary{background:#172a3f!important}
body.sky-dark .ed-status-summary strong{color:#edf5fb!important}
body.sky-dark .ed-status-summary small{color:#afc0cf!important}

/* Requests, approvals and role access: complete dark presentation.
   Page-local views contain light gradients, so this semantic layer uses the
   stable workflow hooks and wins without changing their light appearance. */
body.sky-dark .dash-content :is(.lop-panel,.lr-card,.la-card,.wc-card,.puf-section,.pua-card){
    border-color:#2b425a!important;
    background:linear-gradient(150deg,#14243a,#0e1a2b)!important;
    color:#edf4fa!important;
    box-shadow:0 18px 43px rgba(0,0,0,.29)!important;
}
body.sky-dark .dash-content :is(.lop-head,.wf-history-toolbar,.wf-approval-toolbar,.la-toolbar,.la-filter){
    border-color:#2c435b!important;
    background:linear-gradient(120deg,#182a40,#132237)!important;
    color:#edf5fb!important;
}
body.sky-dark .dash-content :is(.lop-hero,.lr-hero,.la-hero,.wc-hero) :is(h1,h2,h3,h4,h5,h6,p,small,strong){color:#fff!important}
body.sky-dark .dash-content :is(.lop-head,.lop-body,.lr-card,.la-card,.wc-card,.puf-section,.pua-card) :is(h1,h2,h3,h4,h5,h6,strong,label){color:#edf5fb!important}
body.sky-dark .dash-content :is(.lop-head,.lop-body,.lr-card,.la-card,.wc-card,.puf-section,.pua-card) :is(p,small,.text-muted){color:#adbfce!important}
body.sky-dark .dash-content :is(.lop-input,.lr-page .form-control,.lr-page .form-select,.la-filter .form-select,.la-card .form-control){
    border-color:#354d66!important;
    background:#0b1727!important;
    color:#edf4fa!important;
}
body.sky-dark .dash-content :is(.lop-balance,.shift-card,.ie-card,.wf-card,.day-part span,.la-meta,.wc-dates,.manager-box,.wf-shift-preview){
    border-color:#2d455d!important;
    background:linear-gradient(145deg,#17293f,#122033)!important;
    color:#e8f1f8!important;
}
body.sky-dark .dash-content :is(.lop-balance,.shift-card,.ie-card,.wf-card,.day-part span) :is(h5,h6,strong,b){color:#f2f7fb!important}
body.sky-dark .dash-content :is(.lop-balance,.shift-card,.ie-card,.wf-card,.day-part span) small{color:#a9bbcb!important}
body.sky-dark .dash-content .lop-form-shell{background:linear-gradient(135deg,#263c55,#1a3c42)!important}
body.sky-dark .dash-content .lop-form-inner{background:#101d2f!important}
body.sky-dark .dash-content .lop-table tbody tr{background:#14243a!important}
body.sky-dark .dash-content .lop-table tbody tr:hover{background:#1a3048!important}
body.sky-dark .dash-content .lop-table tbody td:first-child{color:#dce8f3!important}
body.sky-dark .dash-content .lop-empty{color:#9fb1c2!important}
body.sky-dark .dash-content .lop-tag{background:#173c35!important;color:#75dcc4!important}

body.sky-dark .dash-content .wf-motion-flow{
    border-color:#334b65!important;
    background:linear-gradient(135deg,#17283e,#1b2340 52%,#123831)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.25)!important;
}
body.sky-dark .dash-content .wf-motion-node{color:#e7f0f8!important}
body.sky-dark .dash-content .wf-motion-node i{background:linear-gradient(135deg,#24365b,#173d3a)!important;color:#9ab8ff!important}
body.sky-dark .dash-content .wf-motion-arrow i{background:#dffefa!important}
body.sky-dark .dash-content .wf-status-card{
    border-color:#2f465e!important;
    background:linear-gradient(145deg,#17283d,#111e30)!important;
    color:#c2d1de!important;
    box-shadow:0 11px 27px rgba(0,0,0,.24)!important;
}
body.sky-dark .dash-content .wf-status-icon{background:#223550!important;color:#9db8ff!important}
body.sky-dark .dash-content .wf-status-card:not(.is-active):not(:hover) :is(small,strong,em){color:#c8d7e3!important}
body.sky-dark .dash-content .wf-status-card:is(.is-active,:hover) :is(small,strong,em,.wf-status-arrow){color:#fff!important}
body.sky-dark .dash-content .wf-history-shell{border-color:#2b425a!important;background:#0f1b2c!important;box-shadow:0 18px 44px rgba(0,0,0,.3)!important}
body.sky-dark .dash-content .wf-history-item{border-color:#2d435b!important;background:linear-gradient(145deg,#16273c,#101d2f)!important}
body.sky-dark .dash-content .wf-history-item:hover,
body.sky-dark .dash-content .wf-history-item[open]{border-color:#5079aa!important;background:linear-gradient(145deg,#1a2d45,#14243a)!important}
body.sky-dark .dash-content .wf-history-main-icon{background:linear-gradient(135deg,#25375d,#173d3a)!important;color:#aebeff!important}
body.sky-dark .dash-content .wf-history-copy strong{color:#edf5fb!important}
body.sky-dark .dash-content .wf-history-copy small{color:#adbece!important}
body.sky-dark .dash-content :is(.wf-history-detail,.wf-readonly-notice){border-color:#31485f!important;background:#17283d!important;color:#b9cad8!important}
body.sky-dark .dash-content .wf-route-chip{border-color:#30516a!important;background:#183349!important;color:#94cee9!important}
body.sky-dark .dash-content .wf-approval-avatar{background:linear-gradient(145deg,#286ca5,#239884)!important;color:#fff!important}

/* Search controls are one continuous surface; the inner native input must not
   appear as a black rectangle inside its rounded search shell. */
body.sky-dark .dash-content :is(.wf-approval-search,.wf-history-search,.la-search,.ri-search){
    border-color:#36506a!important;
    background:#101d2e!important;
    color:#91b8dc!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.sky-dark .dash-content :is(.wf-approval-search,.wf-history-search,.la-search,.ri-search) input,
body.sky-dark .modal .ram-search input{
    border:0!important;
    background:transparent!important;
    color:#edf5fb!important;
    box-shadow:none!important;
}
body.sky-dark .dash-content :is(.wf-approval-search,.wf-history-search,.la-search,.ri-search):focus-within{border-color:#5b98d8!important;box-shadow:0 0 0 4px rgba(69,137,206,.13)!important}
body.sky-dark input[type="search"]::-webkit-search-cancel-button{filter:invert(1);opacity:.72}
body.sky-dark .dash-content .wf-approval-results::-webkit-scrollbar-thumb,
body.sky-dark .dash-content .la-grid::-webkit-scrollbar-thumb{background:#3a5169!important}

body.sky-dark .dash-content :is(.puf-repeat,.pua-value){border-color:#2c435a!important;background:#14253a!important;color:#c9d7e3!important}
body.sky-dark .dash-content .pua-value.is-new{background:#153a34!important;color:#83ddca!important}
body.sky-dark .dash-content .pua-change{border-color:#2a4057!important}
body.sky-dark .dash-content .pua-choice label{border-color:#344c64!important;background:#17283d!important;color:#c6d5e1!important}
body.sky-dark .dash-content .pua-choice label:has(input:checked){border-color:#38a996!important;background:#153b34!important;color:#7ce0c5!important}
body.sky-dark .dash-content .pua-choice label.is-reject:has(input:checked){border-color:#a85464!important;background:#3b222d!important;color:#ffabb9!important}
body.sky-dark .dash-content :is(.puf-note,.puf-add,.pua-button.approve){border-color:#2b5d55!important;background:#153b34!important;color:#7bdec5!important}
body.sky-dark .dash-content :is(.puf-locks span,.puf-remove,.pua-button.reject){border-color:#633744!important;background:#3b222d!important;color:#ffadbb!important}
body.sky-dark .dash-content .policy-chip{background:#24354b!important;color:#c1d0dc!important}
body.sky-dark .dash-content .wf-file-drop{border-color:#3b536b!important;background:#122136!important;color:#b8c8d6!important}

/* Role list and the AJAX role editor modal. */
body.sky-dark .dash-content :is(.ri-stat,.ri-card,.ri-toolbar){border-color:#2c435b!important;background:linear-gradient(150deg,#16263b,#101d2f)!important;box-shadow:0 15px 36px rgba(0,0,0,.27)!important}
body.sky-dark .dash-content :is(.ri-stat,.ri-card,.ri-toolbar) :is(h1,h2,h3,h4,h5,h6,strong){color:#edf5fb!important}
body.sky-dark .dash-content .ri-access-box{background:#192b41!important;color:#dce8f2!important}
body.sky-dark .dash-content .ri-tag{background:#22344a!important;color:#bdd0df!important}
body.sky-dark .dash-content .ri-user-count{background:#193751!important;color:#9dd1f2!important}
body.sky-dark .dash-content .ri-hero :is(h2,p,small,strong){color:#fff!important}
body.sky-dark .modal .ram-shell{color:#e8f1f8!important}
body.sky-dark .modal :is(.ram-intro,.ram-quick,.ram-section-nav,.ram-toolbar,.ram-group,.ram-audit>span,.ram-privacy,.ram-legacy-note){border-color:#2d455e!important;background:linear-gradient(145deg,#17283d,#111f31)!important;color:#c7d6e2!important;box-shadow:none!important}
body.sky-dark .modal :is(.ram-intro,.ram-quick,.ram-section-nav,.ram-toolbar,.ram-group,.ram-audit>span,.ram-privacy,.ram-legacy-note) :is(b,strong){color:#edf5fb!important}
body.sky-dark .modal .ram-group>summary{border-color:#2c435a!important;background:linear-gradient(115deg,#1a2d43,#14243a)!important;color:#e5eef6!important}
body.sky-dark .modal .ram-module{border-color:#2a4057!important}
body.sky-dark .modal .ram-module-head{background:#132338!important}
body.sky-dark .modal .ram-module-copy strong{color:#e8f1f8!important}
body.sky-dark .modal .ram-module-copy small{color:#a8bbcb!important}
body.sky-dark .modal :is(.ram-template,.ram-bulk,.ram-mini,.ram-quick-card,.ram-quick-reset,.ram-section-button,.ram-access>label){border-color:#324a63!important;background:#17283d!important;color:#c9d8e4!important}
body.sky-dark .modal :is(.ram-template,.ram-bulk,.ram-mini,.ram-quick-reset,.ram-section-button):hover,
body.sky-dark .modal .ram-section-button.active{border-color:#5793ce!important;background:linear-gradient(135deg,#1d3d5d,#174039)!important;color:#fff!important}
body.sky-dark .modal .ram-section-button i{background:#213750!important;color:#92c7f2!important}
body.sky-dark .modal .ram-search{border-color:#36506a!important;background:#0d1929!important;color:#91b9dd!important}
body.sky-dark .modal .ram-count{border-color:#365573!important;background:#18334c!important;color:#9ecbf0!important}
body.sky-dark .modal .ram-access>input:checked+label{border-color:#568bc2!important;background:#19324a!important;box-shadow:0 7px 17px rgba(0,0,0,.2)!important}
body.sky-dark .modal .ram-access>label:before{background:linear-gradient(120deg,#1e3856,#183c39)!important}
body.sky-dark .modal .ram-permission-copy b{color:#e6eff7!important}
body.sky-dark .modal .ram-permission-copy small{color:#a8baca!important}
body.sky-dark .modal .ram-access-state{background:#24364a!important;color:#a6b7c7!important}
body.sky-dark .modal .ram-audit i,
body.sky-dark .modal .ram-module-icon,
body.sky-dark .modal .ram-quick-main>i{background:#203750!important;color:#8dc7f0!important}
body.sky-dark .modal .ram-quick-main{color:#dce8f2!important}
body.sky-dark .modal .ram-quick-main small,
body.sky-dark .modal .ram-section-heading small{color:#a7b9c9!important}

body.sky-dark .sky-process-dialog{border-color:#35516b!important;background:linear-gradient(145deg,#172b42,#0f1d30)!important;color:#eaf3f9!important}
body.sky-dark .sky-process-dialog h3{color:#edf5fb!important}
body.sky-dark .sky-process-dialog p,
body.sky-dark .sky-process-security{color:#aec0cf!important}
body.sky-dark .sky-process-progress{background:#2a4057!important}
body.sky-dark .sky-action-rail :is(.sky-rail-button,.sky-rail-link,.sky-rail-category,.sky-rail-title){border-color:#304860!important;background:linear-gradient(145deg,#17283d,#101d30)!important;color:#dce8f2!important;box-shadow:none!important}
body.sky-dark .sky-action-rail .sky-rail-button:after{background:#142338!important}
body.sky-dark .sky-action-rail :is(.sky-rail-dock-title,.sky-rail-title small,.sky-rail-category-title){color:#afc1d0!important}
body.sky-dark .sky-action-rail .sky-rail-link :is(strong,b,span){color:#dfeaf3!important}
body.sky-dark .sky-action-rail .sky-rail-link i{background:linear-gradient(135deg,#253858,#173d3a)!important;color:#9ebcff!important}
body.sky-dark .sky-action-rail .sky-rail-link:hover{border-color:#4f7fa8!important;background:linear-gradient(135deg,#1d3955,#17413b)!important}

/* In dark mode the navigation moves from the light aqua daytime rail to a
   deep ocean rail. Every level receives an explicit readable text colour. */
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar.light-sidebar,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar.light-sidebar.transprent-bg,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar:hover,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar:focus-within,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar.mob-sidebar-active{
    border-color:#294963!important;
    background:linear-gradient(180deg,#091827 0%,#102b3f 38%,#12435a 70%,#145d70 100%)!important;
    box-shadow:0 25px 75px rgba(0,0,0,.42),inset 0 1px 0 rgba(134,209,225,.08)!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .m-header,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar:hover .m-header,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar:focus-within .m-header,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar.mob-sidebar-active .m-header{border-bottom-color:rgba(151,214,226,.13)!important;background:linear-gradient(180deg,rgba(7,20,34,.56),rgba(12,43,58,.2))!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar :is(.dash-link,.dash-mtext),
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu :is(.dash-link,.dash-mtext),
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu :is(.dash-link,.dash-mtext){color:#e8f4fa!important;opacity:1!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar :is(.dash-arrow,.dash-arrow svg){color:#a9c8d8!important;stroke:#a9c8d8!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu>.dash-item>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item>.dash-link{border-color:rgba(147,208,222,.1)!important;background:rgba(6,20,33,.2)!important;color:#e8f4fa!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link{border-color:rgba(130,211,221,.24)!important;background:rgba(93,190,197,.16)!important;color:#fff!important;box-shadow:inset 3px 0 0 #59cad0!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .sky-sidebar-footer{border-top-color:rgba(155,216,226,.14)!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .sky-sidebar-footer .sky-sidebar-logout,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .sky-sidebar-footer .sky-sidebar-logout>.dash-mtext{color:#f0f8fb!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .sky-sidebar-footer .sky-sidebar-logout:hover{border-color:rgba(255,152,169,.2)!important;background:rgba(153,45,67,.23)!important;color:#ffd3da!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .sky-sidebar-brand-logo .sky-auth-brand-mark{border-color:rgba(155,219,230,.18)!important;background:rgba(5,23,36,.48)!important;box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(176,234,241,.08)!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .sky-sidebar-brand-logo .sky-auth-wordmark strong{color:#eaf5fb!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .sky-sidebar-brand-logo .sky-auth-wordmark b{color:#65d5cd!important}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .navbar-content{scrollbar-color:rgba(153,216,225,.27) transparent!important}

/* Dark-mode application contract.
   Module views in this application span several generations and many of them
   still contain page-local light colours.  These structural rules provide one
   final, predictable surface and contrast system without changing light mode. */
body.sky-dark{
    --sky-bg:#050c17;
    --sky-bg-elevated:#0d1929;
    --sky-bg-raised:#132338;
    --sky-bg-soft:#182b42;
    --sky-border:#2d435b;
    --sky-border-strong:#3a5874;
    --sky-text:#edf5fb;
    --sky-text-soft:#c4d3df;
    --sky-text-muted:#9fb1c2;
    --sky-focus:#68aaf5;
}

/* Authentication is part of the selected application appearance too. These
   rules cover the current sign-in/reset screens and the remaining legacy auth
   forms, including browser autofill, without flattening the branded scene. */
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card,
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card .card{
    border-color:#314a63!important;
    background:rgba(13,25,41,.96)!important;
    color:var(--sky-text)!important;
    box-shadow:0 34px 90px rgba(0,0,0,.5)!important;
}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-form-panel,
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card :is(.card-body,.row,.col-12,.col-xl-6){
    background:linear-gradient(145deg,#111f31,#0c1828)!important;
    color:var(--sky-text)!important;
}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card :is(h1,h2,h3,h4,h5,h6,strong,label,.form-label),
html[data-sky-theme="dark"] body.sky-auth-dark .auth-field label{color:var(--sky-text)!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card :is(p,small,.text-muted),
html[data-sky-theme="dark"] body.sky-auth-dark .auth-form-panel>.auth-subtitle{color:var(--sky-text-muted)!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card :is(input,select,textarea,.form-control),
html[data-sky-theme="dark"] body.sky-auth-dark .auth-input-wrap .form-control{
    border-color:#38516a!important;
    background:#091522!important;
    color:#edf5fb!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card :is(input,textarea,.form-control)::placeholder{color:#71869a!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card :is(input,select,textarea,.form-control):focus,
html[data-sky-theme="dark"] body.sky-auth-dark .auth-input-wrap .form-control:focus{
    border-color:#61b9c5!important;
    background:#0c1a2a!important;
    box-shadow:0 0 0 4px rgba(75,184,194,.14)!important;
}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card input:-webkit-autofill,
html[data-sky-theme="dark"] body.sky-auth-dark .auth-content>.card input:-webkit-autofill:focus{
    -webkit-text-fill-color:#edf5fb!important;
    box-shadow:0 0 0 1000px #091522 inset!important;
}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-input-wrap>i{color:#85a8c4!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-password-toggle{color:#91abc1!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-password-toggle:hover{background:#172b40!important;color:#72d6d2!important}
html[data-sky-theme="dark"] body.sky-auth-dark :is(.auth-forgot-link,.auth-back-link){color:#8bc8f3!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-message{border-color:#2b6c61!important;background:#123b35!important;color:#9be4d4!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-error{color:#ff9aaa!important}
html[data-sky-theme="dark"] body.sky-auth-dark .auth-footer{color:#8fa5b9!important}
html[data-sky-theme="dark"] body.sky-auth-dark .lang-dropdown{border-color:#3d5e78!important;background:#14283d!important;color:#e6f1f8!important}

/* The complete navigation hierarchy now uses the same treatment as the
   dashboard, reports and settings entries, in collapsed and expanded states. */
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item>.dash-link{
    border:1px solid transparent!important;
    background:rgba(5,20,33,.08)!important;
    color:var(--sky-text)!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item>.dash-link:hover{
    border-color:rgba(130,211,221,.22)!important;
    background:linear-gradient(135deg,rgba(72,174,193,.18),rgba(70,125,193,.14))!important;
    color:#fff!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item:is(.active,.dash-trigger)>.dash-link{
    border-color:rgba(113,211,215,.29)!important;
    background:linear-gradient(135deg,rgba(76,202,194,.23),rgba(71,137,210,.19))!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #62d7d3,0 12px 28px rgba(0,0,0,.16)!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu{
    position:relative;
    margin-top:6px!important;
    padding:5px 4px 5px 12px!important;
    border-left:1px solid rgba(134,204,218,.15)!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu{
    margin-left:8px!important;
    padding-left:9px!important;
    border-left-color:rgba(134,204,218,.1)!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu>.dash-item.dash-hasmenu>.dash-link{
    min-height:41px!important;
    border-color:rgba(139,207,221,.12)!important;
    background:linear-gradient(135deg,rgba(21,53,73,.72),rgba(16,43,63,.54))!important;
    color:#dcebf3!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item>.dash-link{
    min-height:36px!important;
    border-color:rgba(139,207,221,.08)!important;
    background:rgba(5,20,33,.27)!important;
    color:#cbdde7!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-item:is(:hover,.active,.dash-trigger)>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item:is(:hover,.active,.dash-trigger)>.dash-link{
    border-color:rgba(116,221,216,.3)!important;
    background:linear-gradient(135deg,rgba(75,192,188,.22),rgba(69,127,189,.17))!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #64d9d2!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-item>.dash-link i{
    color:#9bc8df!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-item:is(:hover,.active,.dash-trigger)>.dash-link i{
    color:#7ce3dc!important;
}

body.sky-dark .sky-module-action-dock{
    border-color:var(--sky-border)!important;
    background:linear-gradient(135deg,rgba(20,36,56,.96),rgba(12,25,42,.94))!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
}
body.sky-dark .page-header,
body.sky-dark .breadcrumb{color:var(--sky-text-soft)!important}
body.sky-dark .breadcrumb a{color:#83bcff!important}

/* Stable large and medium surfaces used by payroll, attendance, leave,
   recruitment, performance, assets, workspace, utilities and setup screens. */
body.sky-dark .dash-content :is(
    [class$="-workspace"],[class*="-workspace "],
    [class$="-workbench"],[class*="-workbench "],
    [class$="-layout"],[class*="-layout "],
    [class$="-shell"],[class*="-shell "],
    [class$="-document"],[class*="-document "],
    [class$="-panel"],[class*="-panel "],
    [class$="-card"],[class*="-card "],
    [class$="-aside"],[class*="-aside "],
    [class$="-main"],[class*="-main "]
):not([class*="hero"]):not([class*="status"]):not([class*="badge"]):not([class*="pill"]):not([class*="button"]):not([class*="action"]){
    border-color:var(--sky-border)!important;
    background-color:var(--sky-bg-elevated)!important;
    color:var(--sky-text)!important;
}
body.sky-dark .dash-content :is(
    [class$="-toolbar"],[class*="-toolbar "],
    [class$="-filters"],[class*="-filters "],
    [class$="-filter"],[class*="-filter "],
    [class$="-summary"],[class*="-summary "],
    [class$="-section"],[class*="-section "],
    [class$="-metric"],[class*="-metric "],
    [class$="-stat"],[class*="-stat "],
    [class$="-box"],[class*="-box "],
    [class$="-head"],[class*="-head "],
    [class$="-header"],[class*="-header "],
    [class$="-footer"],[class*="-footer "]
):not([class*="hero"]):not([class*="status"]):not([class*="badge"]):not([class*="pill"]):not([class*="button"]):not([class*="action"]){
    border-color:var(--sky-border)!important;
    background-color:var(--sky-bg-raised)!important;
    color:var(--sky-text)!important;
}

/* Common data and form components, including plugins used by older modules. */
body.sky-dark :is(.dash-content,.modal) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,textarea,.form-control,.form-select,.input-group-text,
    .choices__inner,.select2-selection,.multiselect,.note-editor
){
    border-color:#36506a!important;
    background-color:#0a1625!important;
    color:var(--sky-text)!important;
}
body.sky-dark :is(.dash-content,.modal) :is(input,select,textarea,.form-control,.form-select):focus{
    border-color:var(--sky-focus)!important;
    box-shadow:0 0 0 4px rgba(104,170,245,.13)!important;
}
body.sky-dark :is(.dash-content,.modal) :is(input,textarea)::placeholder{color:#71869b!important;opacity:1}
body.sky-dark :is(.dash-content,.modal) :is(.choices__list--dropdown,.select2-dropdown,.datepicker,.flatpickr-calendar,.multiselect-container){
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-raised)!important;
    color:var(--sky-text)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
}
body.sky-dark :is(.dash-content,.modal) :is(.choices__item--choice,.select2-results__option,.dropdown-item):hover,
body.sky-dark :is(.dash-content,.modal) .select2-results__option--highlighted{
    background:#203a55!important;
    color:#fff!important;
}

/* Body-level overlays and third-party controls are frequently mounted outside
   .dash-content. They must participate in the same dark contract as pages. */
body.sky-dark :is(
    .offcanvas,.popover,.toast,.dropdown-menu,.datepicker,.flatpickr-calendar,
    .daterangepicker,.select2-dropdown,.choices__list--dropdown,.swal2-popup
){
    border-color:var(--sky-border)!important;
    background:linear-gradient(150deg,var(--sky-bg-raised),var(--sky-bg-elevated))!important;
    color:var(--sky-text)!important;
    box-shadow:0 20px 52px rgba(0,0,0,.38)!important;
}
body.sky-dark :is(.offcanvas-header,.popover-header,.toast-header,.swal2-title){
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-raised)!important;
    color:var(--sky-text)!important;
}
body.sky-dark :is(.offcanvas-body,.popover-body,.toast-body,.swal2-html-container){color:var(--sky-text-soft)!important}
body.sky-dark :is(.dropdown-menu,.offcanvas,.popover,.toast,.swal2-popup) :is(.dropdown-item,.list-group-item){
    border-color:var(--sky-border)!important;
    background:transparent!important;
    color:var(--sky-text-soft)!important;
}
body.sky-dark :is(.dropdown-menu,.offcanvas,.popover,.toast,.swal2-popup) :is(.dropdown-item,.list-group-item):hover,
body.sky-dark :is(.dropdown-menu,.offcanvas,.popover,.toast,.swal2-popup) :is(.dropdown-item,.list-group-item):focus{
    background:#203a55!important;
    color:#fff!important;
}
body.sky-dark :is(.select2-container,.choices,.flatpickr-calendar,.datepicker,.daterangepicker,.swal2-container) :is(input,select,textarea,.form-control,.form-select){
    border-color:#36506a!important;
    background:#0a1625!important;
    color:var(--sky-text)!important;
}
body.sky-dark :is(.select2-selection__rendered,.select2-search__field,.choices__item,.flatpickr-current-month,.flatpickr-weekday,.month,.year){color:var(--sky-text)!important}
body.sky-dark :is(.select2-results__option,.choices__item--choice,.flatpickr-day,.datepicker-cell,.daterangepicker td,.daterangepicker th){color:var(--sky-text-soft)!important}
body.sky-dark :is(.select2-results__option--highlighted,.choices__item--choice.is-highlighted,.flatpickr-day:hover,.flatpickr-day:focus,.datepicker-cell:hover,.daterangepicker td:hover){background:#203a55!important;color:#fff!important}
body.sky-dark :is(.flatpickr-day.selected,.datepicker-cell.selected,.daterangepicker td.active){background:#2d75ba!important;color:#fff!important}
body.sky-dark :is(.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.datepicker-cell.old,.datepicker-cell.new){color:#6f8498!important}

body.sky-dark :is(.dash-content,.modal,.offcanvas) :is(table,.table) th{
    border-color:#30445c!important;
    background:#17263a!important;
    color:#bfd1e1!important;
}
body.sky-dark :is(.dash-content,.modal,.offcanvas) :is(table,.table) td{
    border-color:#263a50!important;
    background:#101c2d!important;
    color:#d8e4ef!important;
}
body.sky-dark :is(.dash-content,.modal,.offcanvas) :is(table,.table) tbody tr:hover td{background:#17273d!important}
body.sky-dark :is(.dash-content,.modal,.offcanvas) :is(pre,code,.code-block){border-color:var(--sky-border)!important;background:#07121f!important;color:#c9dded!important}
body.sky-dark :is(.dash-content,.modal,.offcanvas) :is(.form-check-input,.form-switch .form-check-input):not(:checked){border-color:#49647d!important;background-color:#14263a!important}
body.sky-dark :is(.dash-content,.modal,.offcanvas) :is(.form-check-input,.form-switch .form-check-input):checked{border-color:#4b94da!important;background-color:#347fc5!important}
body.sky-dark :is(.dash-content,.modal,.offcanvas) input[type="file"]::file-selector-button{border-color:#3b5670!important;background:#1a3048!important;color:#dce8f3!important}
body.sky-dark :is(.dash-content,.modal,.offcanvas) ::-webkit-calendar-picker-indicator{filter:invert(.82) sepia(.08) saturate(.8) hue-rotate(170deg)}

body.sky-dark .dash-content :is(.alert-primary,.alert-info){border-color:#305b82!important;background:#142f49!important;color:#a8d3fa!important}
body.sky-dark .dash-content .alert-success{border-color:#2c6559!important;background:#123b35!important;color:#91e0ca!important}
body.sky-dark .dash-content .alert-warning{border-color:#6b5734!important;background:#3d301c!important;color:#f3ca80!important}
body.sky-dark .dash-content :is(.alert-danger,.alert-error){border-color:#704052!important;background:#402431!important;color:#ffb1c1!important}

body.sky-dark .dash-content .fc-theme-standard :is(td,th,.fc-scrollgrid){border-color:var(--sky-border)!important}
body.sky-dark .dash-content .fc :is(.fc-daygrid-day,.fc-list,.fc-list-table td,.fc-timegrid-slot){background:var(--sky-bg-elevated)!important;color:var(--sky-text-soft)!important}
body.sky-dark .dash-content .fc .fc-day-today{background:#182f48!important}
body.sky-dark .dash-content .fc :is(.fc-col-header-cell,.fc-list-day-cushion){background:var(--sky-bg-raised)!important;color:var(--sky-text)!important}
body.sky-dark .dash-content :is(.dataTables_wrapper,.simple-datatables,.datatable-wrapper){color:var(--sky-text-soft)!important}
body.sky-dark .dash-content :is(.dataTables_length,.dataTables_filter,.dataTables_info,.datatable-info){color:var(--sky-text-muted)!important}
body.sky-dark .dash-content :is(.pagination,.dataTable-pagination) a{
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-raised)!important;
    color:#a9ccf5!important;
}

/* Payroll families receive immediate static coverage while the display audit
   handles any bespoke light surface introduced by future modules. */
body.sky-dark .dash-content :is(
    .payroll-workspace,.payroll-shell,.payroll-context-panel,.payroll-main-stage,
    .payroll-run-card,.payroll-final-review,.payroll-review-people,.payroll-review-aside,
    .pr-shell,.pr-workbench,.pr-side-panel,.pr-main-panel,.pr-card,.pr-module-nav,
    .psl-filters,.psl-metric,.psl-card,.ip-side,.ip-work,.ip-document,
    .brp-slip,.brp-filter,.pt-shell,.pt-field,.pt-metric,.pt-employee,
    .ppm-filter,.ppm-generator-field,.ppm-ready-item,.pctl-filter,.pctl-cell,
    .pa-top,.pa-layout,.pa-aside,.pa-main,.pa-toolbar,.pa-form-head,.pa-section,
    .pf-document,.pf-table-wrap
){
    border-color:var(--sky-border)!important;
    background-color:var(--sky-bg-elevated)!important;
    color:var(--sky-text)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.25)!important;
}
body.sky-dark .dash-content :is(
    .payroll-wizard-footer,.payroll-review-title,.payroll-review-context div,
    .pr-card-head,.pr-formula,.pr-choice label,.pr-statutory-tile,.pr-selection-badge,
    .ip-toolbar,.ip-employment,.ip-info,.ip-mini,.ip-rounding-card,.ip-card-head,
    .psl-card-head,.pa-summary div,.pa-section-title
){
    border-color:var(--sky-border)!important;
    background-color:var(--sky-bg-raised)!important;
    color:var(--sky-text-soft)!important;
}

/* Runtime display-audit hooks.  They are only attached to genuinely light,
   neutral computed styles and therefore leave coloured statuses and heroes intact. */
body.sky-dark .sky-dark-auto-surface{
    background-color:var(--sky-bg-elevated)!important;
    color:var(--sky-text)!important;
}
body.sky-dark .sky-dark-auto-soft-surface{
    background-color:var(--sky-bg-raised)!important;
    color:var(--sky-text)!important;
}
body.sky-dark .sky-dark-auto-surface.sky-dark-auto-gradient{background-image:linear-gradient(145deg,#122238,#0d1929)!important}
body.sky-dark .sky-dark-auto-soft-surface.sky-dark-auto-gradient{background-image:linear-gradient(145deg,#172940,#122136)!important}
body.sky-dark .sky-dark-auto-border{border-color:var(--sky-border)!important}
body.sky-dark .sky-dark-auto-ink{color:var(--sky-text)!important}
body.sky-dark .sky-dark-auto-muted{color:var(--sky-text-muted)!important}
body.sky-dark .sky-dark-auto-accent{color:var(--sky-dark-auto-color,#83baff)!important}

body.sky-dark :is(.dash-content,.modal,.sky-action-rail){scrollbar-color:#3d5871 #0c1727}
body.sky-dark :is(.dash-content,.modal,.sky-action-rail) ::-webkit-scrollbar{width:9px;height:9px}
body.sky-dark :is(.dash-content,.modal,.sky-action-rail) ::-webkit-scrollbar-track{background:#0c1727}
body.sky-dark :is(.dash-content,.modal,.sky-action-rail) ::-webkit-scrollbar-thumb{border:2px solid #0c1727;border-radius:999px;background:#3d5871}

@media(max-width:1024px){
    html[data-sky-theme="dark"] body.sky-dark .sky-module-mobile-menu{
        border-color:#34516a!important;
        background:linear-gradient(145deg,#183049,#102033)!important;
        color:#85dcd7!important;
    }
    html[data-sky-theme="dark"] body.sky-dark.sky-mobile-navigation-open{overflow:hidden!important}
}
@media(max-width:767px){
    body.sky-dark .dash-content :is([class$="-toolbar"],[class*="-toolbar "],[class$="-filters"],[class*="-filters "]){
        max-width:100%!important;
    }
    body.sky-dark .dash-content :is(table,.table){min-width:max-content}
}

/* Final sidebar contrast lock. custom.css intentionally gives the light rail
   very specific ink colours, so dark mode must match that selector depth. */
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item.active>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item.dash-trigger>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item:hover>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item:focus>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu>.dash-item>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu>.dash-item>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu .dash-submenu>.dash-item>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu .dash-submenu>.dash-item>.dash-link>.dash-mtext{
    color:#e8f4fa!important;
    opacity:1!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link{
    border-color:rgba(130,211,221,.24)!important;
    background:rgba(93,190,197,.16)!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #59cad0!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link>.dash-mtext,
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-submenu .dash-submenu>.dash-item:is(:hover,:focus,.active,.dash-trigger)>.dash-link>.dash-mtext{
    color:#fff!important;
}
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar .dash-link :is(.dash-micon,.dash-micon i),
html[data-sky-theme="dark"] body.sky-dark .dash-sidebar .dash-navbar .dash-link :is(.dash-arrow,.dash-arrow svg){
    color:#b9d9e6!important;
    stroke:#b9d9e6!important;
}

/* Human Resource settings use the same dark component language as General:
   raised navy surfaces, quiet borders, pale text and teal-blue interaction. */
body.sky-dark .dash-content .hrm-landing .setup-panel,
body.sky-dark .dash-content .setup-panel{
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-elevated)!important;
    color:var(--sky-text)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
body.sky-dark .dash-content .setup-header{
    border:1px solid var(--sky-border)!important;
    background:linear-gradient(135deg,#17334a,#183b43)!important;
}
body.sky-dark .dash-content .setup-header span,
body.sky-dark .dash-content .setup-section-title{color:var(--sky-text)!important}
body.sky-dark .dash-content .setup-header small{color:var(--sky-text-muted)!important}
body.sky-dark .dash-content :is(.setup-card-link,.setup-accordion-button,.setup-submenu-link){
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-raised)!important;
    color:var(--sky-text-soft)!important;
    box-shadow:none!important;
}
body.sky-dark .dash-content :is(.setup-card-link,.setup-accordion-button,.setup-submenu-link):hover,
body.sky-dark .dash-content :is(.setup-card-link,.setup-submenu-link).active,
body.sky-dark .dash-content .setup-accordion-button:not(.collapsed){
    border-color:#447692!important;
    background:linear-gradient(135deg,#1b3b55,#174640)!important;
    color:#fff!important;
}
body.sky-dark .dash-content .setup-card-icon{
    border:1px solid #31516c!important;
    background:#1d354e!important;
    color:#8bc8f3!important;
}
body.sky-dark .dash-content :is(.setup-card-arrow,.setup-accordion-chevron){color:#9eb8ca!important}
body.sky-dark .dash-content .setup-accordion-item{background:transparent!important}
body.sky-dark .dash-content .hrm-landing .setup-submenu,
body.sky-dark .dash-content .setup-submenu{
    border-left-color:#3a5a73!important;
    background:transparent!important;
}
body.sky-dark .dash-content .setup-submenu-link-disabled{
    color:#72869a!important;
    opacity:.68!important;
}

/* Dashboard online-workforce drawer. */
body.sky-dark .ov-activity-panel,
body.sky-dark .ov-activity-head,
body.sky-dark .ov-activity-foot{
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-elevated)!important;
    color:var(--sky-text)!important;
}
body.sky-dark .ov-activity-directory,
body.sky-dark .ov-activity-detail{border-color:var(--sky-border)!important;background:var(--sky-bg-raised)!important}
body.sky-dark :is(.ov-activity-summary,.ov-activity-person,.ov-activity-close,.ov-current-activity){
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-elevated)!important;
    color:var(--sky-text-soft)!important;
}
body.sky-dark .ov-activity-person:hover,
body.sky-dark .ov-activity-person.active{border-color:#4f91ad!important;background:#183c43!important}
body.sky-dark :is(.ov-activity-title h3,.ov-activity-person strong,.ov-activity-empty strong,.ov-activity-profile-head strong,.ov-current-activity h4){color:var(--sky-text)!important}
body.sky-dark :is(.ov-activity-title small,.ov-activity-person small,.ov-activity-empty small,.ov-activity-profile-head small,.ov-current-activity p,.ov-activity-foot){color:var(--sky-text-muted)!important}

/* Employee Directory attachments and generated PDF records. */
body.sky-dark .dash-content .ev-document-section-title{
    border-color:var(--sky-border)!important;
    color:var(--sky-text)!important;
}
body.sky-dark .dash-content .ev-document-section-title small{color:var(--sky-text-muted)!important}
body.sky-dark .dash-content .ev-document.system{
    border-color:#365b70!important;
    background:linear-gradient(145deg,#162e43,#173b3d)!important;
}
body.sky-dark .dash-content .ev-document.system strong{color:var(--sky-text)!important}
body.sky-dark .dash-content .ev-document.system small{color:var(--sky-text-muted)!important}
body.sky-dark .dash-content .ev-document-badge{
    background:#17483f!important;
    color:#89e0d1!important;
}
body.sky-dark .dash-content .ev-document-download{
    border-color:#3d6679!important;
    background:#1a344a!important;
    color:#8cdad4!important;
    box-shadow:inset 0 0 0 1px #3d6679!important;
}

/* Display-settings page: the examples deliberately retain their light/dark
   preview colours, while the surrounding controls follow the active mode. */
body.sky-dark .dash-content .dsp-card{
    border-color:var(--sky-border)!important;
    background:var(--sky-bg-elevated)!important;
    color:var(--sky-text)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.31)!important;
}
body.sky-dark .dash-content .dsp-card-head{
    border-color:var(--sky-border)!important;
    background:linear-gradient(135deg,#15283d,#112236)!important;
}
body.sky-dark .dash-content :is(.dsp-card-head h4,.dsp-font-heading h5){color:var(--sky-text)!important}
body.sky-dark .dash-content :is(.dsp-card-head small,.dsp-font-heading small){color:var(--sky-text-muted)!important}
body.sky-dark .dash-content :is(.dsp-card-head>i,.dsp-font-heading>i){background:#1b3550!important;color:#89c5fa!important}
body.sky-dark .dash-content .dsp-font-section{border-color:var(--sky-border)!important}
body.sky-dark .dash-content .dsp-font-card{
    border-color:#304a63!important;
    background:#122237!important;
}
body.sky-dark .dash-content .dsp-font-card :is(.dsp-font-sample,strong){color:#e6f1f9!important}
body.sky-dark .dash-content .dsp-font-card small{color:#9eb2c4!important}
body.sky-dark .dash-content .dsp-font-check{border-color:#48647d!important;background:#172b40!important}
body.sky-dark .dash-content .dsp-font-option>input:focus-visible+.dsp-font-card,
body.sky-dark .dash-content .dsp-option>input:focus-visible+.dsp-preview{outline:3px solid rgba(104,170,245,.4);outline-offset:3px}
body.sky-dark .dash-content .dsp-font-option>input:checked+.dsp-font-card{
    border-color:#62a8ee!important;
    background:linear-gradient(145deg,#18344f,#14313e)!important;
    box-shadow:0 0 0 3px rgba(83,157,231,.14)!important;
}
body.sky-dark .dash-content .dsp-font-option>input:checked+.dsp-font-card .dsp-font-check{
    border-color:#62a8ee!important;
    background:#2b76c7!important;
    color:#fff!important;
}
body.sky-dark .dash-content .dsp-note{border-color:#33566f!important;background:#142b40!important;color:#bdd0df!important}
body.sky-dark .dash-content .dsp-note i{color:#7fc4f5!important}