/* Calm, high-contrast light mode. This layer follows every module stylesheet. */
@media screen {
html[data-theme="light"] .company-shell {
  --light-canvas:#F6F8FC;--light-surface:#FFFFFF;--light-raised:#FFFFFF;
  --light-soft:#EAF2FF;--light-border:#E3E9F1;--light-ink:#102747;
  --light-muted:#64748B;--light-link:#2864BD;
  --pw-bg:#F6F8FC;--pw-panel:#FFFFFF;--pw-panel-2:#F6F8FC;
  --pw-soft:#EAF2FF;--pw-text:#102747;--pw-muted:#64748B;--pw-line:#E3E9F1;
  --bg:#F6F8FC;--surface:#FFFFFF;--surface-2:#F6F8FC;
  --soft:#EAF2FF;--text:#102747;--ink:#102747;--muted:#64748B;--line:#E3E9F1;
  --aqua:#20C9B0;--primary:#2864BD;
  color-scheme:light;
}
/* The compact employee navigation follows the approved five-item layout. */
.employee-shell .employee-top-nav{display:flex;align-items:center;gap:8px;overflow:visible!important;padding-inline:18px!important;min-height:62px!important}
/* theme-light-v28 sets overflow-x:auto with a more specific selector. That turns
   overflow-y:visible into auto and clips the dropdown inside the header. */
html[data-theme="light"] .company-shell.employee-shell .employee-top-nav,
html[data-theme="dark"] .company-shell.employee-shell .employee-top-nav{
  overflow:visible!important;
}
html[data-theme="light"] .company-shell.employee-shell .employee-top-nav{background:#FFFFFF!important;border-color:#E3E9F1!important}
.employee-shell .employee-top-nav>.employee-top-brand{margin-inline-end:15px!important}
.employee-nav-group,.employee-nav-tool{position:relative;flex:0 0 auto}
.employee-nav-group>summary,.employee-nav-tool>summary{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid transparent;border-radius:11px;color:#c5d9e7;cursor:pointer;list-style:none;font-size:12px;font-weight:750;white-space:nowrap}
.employee-nav-group>summary::-webkit-details-marker,.employee-nav-tool>summary::-webkit-details-marker{display:none}
.employee-nav-group>summary:hover,.employee-nav-group[open]>summary,.employee-nav-group.active>summary,.employee-nav-tool[open]>summary{background:#123b58;color:#5be4dd;border-color:#2c6180}
.employee-nav-group>summary svg{width:17px;height:17px}.employee-nav-group>summary .employee-nav-chevron{width:13px;height:13px;transition:transform .15s}.employee-nav-group[open] .employee-nav-chevron{transform:rotate(180deg)}
.employee-nav-menu{position:absolute;z-index:600;inset-block-start:calc(100% + 8px);inset-inline-start:0;display:grid;gap:3px;min-width:225px;max-width:min(310px,calc(100vw - 24px));max-height:min(440px,calc(100dvh - 88px));overflow:auto;padding:8px;border:1px solid #32617d;border-radius:13px;background:#09243b;box-shadow:0 18px 40px #0008}
.employee-nav-menu a{justify-content:flex-start!important;min-width:0!important;padding:10px 11px!important;border-radius:8px!important;font-size:12px!important;white-space:normal!important;text-align:start}
.employee-nav-menu a.active{background:#164a68!important;color:#64e6dc!important}.employee-nav-menu a span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.employee-nav-tools{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.employee-shell .employee-account-menu{margin-inline-start:0!important}
.employee-nav-tool>summary,.employee-nav-theme{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#c5d9e7;cursor:pointer}
.employee-nav-tool>summary svg,.employee-nav-theme svg{width:19px;height:19px}
.employee-nav-notices>summary b{position:absolute;top:-3px;inset-inline-end:-2px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:50%;background:#f14668;color:#fff;font-size:10px}
.employee-nav-search .employee-nav-menu,.employee-nav-notices .employee-nav-menu{inset-inline-start:auto;inset-inline-end:0;min-width:270px}
.employee-nav-search input{box-sizing:border-box;width:100%;padding:9px 11px;border:1px solid #4d7791;border-radius:8px;background:#071b2c;color:#fff;font:inherit}
.employee-nav-notices .employee-nav-menu strong{padding:7px 10px;color:#e8f7fd;font-size:12px}.employee-nav-notices .employee-nav-menu p{padding:7px 10px;color:#a9c8d8;font-size:12px}
.employee-nav-theme:hover{background:#123b58;color:#5be4dd;border-color:#2c6180}
.employee-nav-theme:focus-visible,.employee-nav-group>summary:focus-visible,.employee-nav-tool>summary:focus-visible{outline:3px solid #52c6de;outline-offset:2px}
html[data-theme="light"] .employee-shell .employee-top-nav{background:#FFFFFF!important;border-color:#E3E9F1!important}
html[data-theme="light"] .employee-nav-group>summary,html[data-theme="light"] .employee-nav-tool>summary,html[data-theme="light"] .employee-nav-theme{color:#214966}
html[data-theme="light"] .employee-nav-group>summary:hover,html[data-theme="light"] .employee-nav-group[open]>summary,html[data-theme="light"] .employee-nav-group.active>summary,html[data-theme="light"] .employee-nav-tool[open]>summary{background:#EAF2FF;color:#2864BD;border-color:#C6DAF5}
html[data-theme="light"] .employee-nav-menu{background:#FFFFFF;border-color:#E3E9F1;box-shadow:0 18px 40px #1027472e}
html[data-theme="light"] .employee-nav-menu a{color:#102747!important}html[data-theme="light"] .employee-nav-menu a:hover,html[data-theme="light"] .employee-nav-menu a.active{background:#EAF2FF!important;color:#2864BD!important}
html[data-theme="light"] .employee-nav-search input{background:#d8e6f1;color:#143c5c;border-color:#8ca9c1}
html[data-theme="light"] .employee-nav-notices .employee-nav-menu strong{color:#143c5c}
@media(max-width:1000px){.employee-shell .employee-top-nav{gap:2px;padding-inline:8px!important}.employee-nav-group>summary{padding-inline:7px}.employee-nav-group>summary>span{display:none}.employee-nav-group>summary svg{width:19px;height:19px}.employee-shell .employee-top-nav>.employee-top-brand{margin-inline-end:2px!important}}
@media(max-width:640px){.employee-shell .employee-top-nav>.employee-top-brand>span{display:none}.employee-nav-tools{gap:0}.employee-nav-group>summary{padding-inline:5px}.employee-nav-tool>summary,.employee-nav-theme{width:34px}}
html[data-theme="light"] .company-shell .admin-main {background:#F6F8FC!important;color:#102747!important}
html[data-theme="light"] .company-shell>.admin-sidebar {background:#FFFFFF!important;color:#102747!important;border-color:#E3E9F1!important}
html[data-theme="light"] .company-shell>.admin-sidebar nav a {color:#254965!important}
html[data-theme="light"] .company-shell>.admin-sidebar nav a :is(svg,.nav-glyph) {color:#365d78!important;stroke:currentColor!important}
html[data-theme="light"] .company-shell>.admin-sidebar nav a.active {background:#EAF2FF!important;color:#2864BD!important;border-color:#C6DAF5!important}

/* A blue-grey surface scale replaces the near-white blanket in older layers. */
html[data-theme="light"] .company-shell .admin-main :is(section,article,fieldset,[role="tabpanel"],.admin-panel,.module-panel,.settings-card,.form-card,.table-wrap,.table-shell,dialog,.modal-panel,.drawer-panel) {
  background-color:#eaf1f7!important;color:#112e4a!important;border-color:#a9bed0!important;
}
html[data-theme="light"] .company-shell .admin-main :is([class*="-workspace"],[class*="-panel"],[class*="-card"],[class*="-form"],[class*="-section"],[class*="-board"],[class*="-tray"],[class*="-summary"],[class*="-hero"],[class*="-drawer"]) {
  background-color:#eaf1f7!important;color:#112e4a!important;border-color:#a9bed0!important;
}
html[data-theme="light"] .company-shell .admin-main :is(h1,h2,h3,h4,h5,h6,legend,th,strong,b,.title,.heading) {color:#102747!important}
html[data-theme="light"] .company-shell .admin-main :is(p,small,time,dt,.muted,.subtitle,.description,.helper,.hint) {color:#64748B!important}
html[data-theme="light"] .company-shell .admin-main .text-link {color:#2864BD!important}

/* Controls and icons have a distinct edge and readable placeholders. */
html[data-theme="light"] .company-shell :is(.admin-main,dialog,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  background:#e2ebf3!important;color:#102e49!important;border:1px solid #8faac0!important;box-shadow:none!important;color-scheme:light;
}
html[data-theme="light"] .company-shell :is(.admin-main,dialog,[role="dialog"]) :is(input,textarea)::placeholder {color:#48647c!important;opacity:1!important}
html[data-theme="light"] .company-shell :is(.admin-main,dialog,[role="dialog"]) :is(input,select,textarea):focus-visible {outline:3px solid #5aa8d0!important;outline-offset:1px!important;border-color:#176c9f!important}
html[data-theme="light"] .company-shell :is(.admin-main,dialog,[role="dialog"]) label {color:#22455f!important}
html[data-theme="light"] .company-shell :is(.admin-main,dialog,[role="dialog"]) :is(button,a,summary) svg {color:inherit!important;stroke:currentColor!important;stroke-width:2.2!important;opacity:1!important}
html[data-theme="light"] .company-shell :is(.admin-main,dialog,[role="dialog"]) :is(button,a,summary):focus-visible {outline:3px solid #167eae!important;outline-offset:2px!important}
html[data-theme="light"] .company-shell :is(.admin-main,dialog,[role="dialog"]) :is(button,input,select,textarea):disabled {background:#d3dee8!important;color:#486277!important;opacity:1!important}

/* Tabs: selected, inactive, hover and count states remain distinct. */
html[data-theme="light"] .company-shell .admin-main :is([role="tablist"],[data-module-tabs],.contract-tabs,.recruitment-tabs,.request-filters,.learning-tabs,.off-tabs,.employee-module-tabs,.as-settings-tabs,.perf-local-tabs,.onboarding-lifecycle-tabs,.hr-tabs) {
  background:#FFFFFF!important;border-color:#E3E9F1!important;box-shadow:none!important;
}
html[data-theme="light"] .company-shell .admin-main :is([role="tablist"],[data-module-tabs],.contract-tabs,.recruitment-tabs,.request-filters,.learning-tabs,.off-tabs,.employee-module-tabs,.as-settings-tabs,.perf-local-tabs,.onboarding-lifecycle-tabs,.hr-tabs) :is(a,button) {
  background:#F6F8FC!important;color:#102747!important;border:1px solid #E3E9F1!important;box-shadow:none!important;font-weight:650;
}
html[data-theme="light"] .company-shell .admin-main :is([role="tablist"],[data-module-tabs],.contract-tabs,.recruitment-tabs,.request-filters,.learning-tabs,.off-tabs,.employee-module-tabs,.as-settings-tabs,.perf-local-tabs,.onboarding-lifecycle-tabs,.hr-tabs) :is(a,button):hover {background:#EAF2FF!important;border-color:#B8CDEF!important}
html[data-theme="light"] .company-shell .admin-main :is([role="tablist"],[data-module-tabs],.contract-tabs,.recruitment-tabs,.request-filters,.learning-tabs,.off-tabs,.employee-module-tabs,.as-settings-tabs,.perf-local-tabs,.onboarding-lifecycle-tabs,.hr-tabs) :is(.active,[aria-selected="true"],[aria-pressed="true"]) {
  background:#EAF2FF!important;color:#2864BD!important;border-color:#A8C6ED!important;box-shadow:inset 0 -3px 0 #20C9B0!important;
}
html[data-theme="light"] .company-shell .admin-main :is(.contract-tabs,.recruitment-tabs,.request-filters,.learning-tabs,.off-tabs,.employee-module-tabs,.as-settings-tabs) :is(button,a) b {
  display:inline-grid;place-items:center;min-width:23px;min-height:23px;padding:1px 5px;border-radius:7px;background:#244d6c!important;color:#fff!important;font-weight:800!important;
}
html[data-theme="light"] .company-shell .admin-main .request-filters button[data-request-filter="open"] {border-color:#4e91b8!important}
html[data-theme="light"] .company-shell .admin-main .request-filters button[data-request-filter="hr-review"] {border-color:#af8740!important}
html[data-theme="light"] .company-shell .admin-main .request-filters button[data-request-filter="open-ats"] {border-color:#47937e!important}
html[data-theme="light"] .company-shell .admin-main .request-filters button[data-request-filter="rejected"] {border-color:#b47482!important}
html[data-theme="light"] .company-shell .admin-main .request-filters button[data-request-filter="closed"] {border-color:#7790a5!important}
html[data-theme="light"] .company-shell .admin-main .request-filters button[aria-pressed="true"] b {background:#0a566c!important;color:#fff!important}

/* Tables, badges, dialogs and status text: legible without pure-white panels. */
html[data-theme="light"] .company-shell .admin-main :is(table,.hr-table,.data-table,tbody tr) {background:#eaf1f7!important;color:#112e4a!important}
html[data-theme="light"] .company-shell .admin-main thead {background:#cddde9!important;color:#25445f!important}
html[data-theme="light"] .company-shell .admin-main :is(th,td,tr) {border-color:#adc0d1!important}
html[data-theme="light"] .company-shell .admin-main tbody tr:nth-child(even) {background:#e2ebf3!important}
html[data-theme="light"] .company-shell .admin-main tbody tr:hover {background:#d4e4ef!important}
html[data-theme="light"] .company-shell .admin-main :is(.badge,.pill,.status,.as-status,.off-status,.lp-status) {background:#d4e3ee!important;color:#193f5b!important;border:1px solid #8fb0c6!important;font-weight:750}
html[data-theme="light"] .company-shell .admin-main :is(.badge,.pill,.status,.as-status,.off-status,.lp-status):is(.pending,.warning,.status-pending) {background:#f0e2bb!important;color:#694a0c!important;border-color:#ba9246!important}
html[data-theme="light"] .company-shell .admin-main :is(.badge,.pill,.status,.as-status,.off-status,.lp-status):is(.active,.success,.completed,.approved,.status-active,.status-completed,.status-approved) {background:#c9e8dd!important;color:#0e5949!important;border-color:#6daa91!important}
html[data-theme="light"] .company-shell .admin-main :is(.badge,.pill,.status,.as-status,.off-status,.lp-status):is(.failed,.rejected,.status-failed,.status-rejected) {background:#f0d8df!important;color:#87273b!important;border-color:#bc7c8b!important}
html[data-theme="light"] .company-shell :is(dialog,.employee-modal,.onboarding-modal,.settings-dialog,[role="dialog"]) {background:#eaf1f7!important;color:#112e4a!important;border-color:#9fb6ca!important}
html[data-theme="light"] .company-shell :is(dialog,.employee-modal,.onboarding-modal,.settings-dialog,[role="dialog"]) > header {background:#d4e3ee!important;color:#112e4a!important;border-color:#9fb6ca!important}
/* Neutral light surfaces and filled-action contrast. These override the older
   blue/pure-white recruitment and employee rules without changing dark mode. */
html[data-theme="light"] .company-shell .admin-main :is(section,article,fieldset,[role="tabpanel"],.admin-panel,.module-panel,.settings-card,.form-card,.table-wrap,.table-shell,dialog,.modal-panel,.drawer-panel){background-color:#FFFFFF!important;border-color:#E3E9F1!important}
html[data-theme="light"] .company-shell .admin-main :is([class*="-workspace"],[class*="-panel"],[class*="-card"],[class*="-form"],[class*="-section"],[class*="-board"],[class*="-tray"],[class*="-summary"],[class*="-drawer"]){background-color:#FFFFFF!important;border-color:#E3E9F1!important}
html[data-theme="light"] .company-shell .admin-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:#FFFFFF!important;border-color:#C5D1E1!important;color:#102747!important}
html[data-theme="light"] .company-shell .admin-main :is(table,.hr-table,.data-table,tbody tr){background:#FFFFFF!important}
html[data-theme="light"] .company-shell .admin-main thead{background:#F0F4FA!important}
html[data-theme="light"] .company-shell .admin-main tbody tr:nth-child(even){background:#F6F8FC!important}
html[data-theme="light"] .company-shell .admin-main tbody tr:hover{background:#EAF2FF!important}
html[data-theme="light"] .company-shell .admin-main .employee-directory-table .hr-row-actions .hr-view-profile{background:#2864BD!important;border-color:#2864BD!important;color:#FFFFFF!important;font-weight:800!important}
html[data-theme="light"] .company-shell .admin-main .employee-directory-table .hr-row-actions .hr-view-profile:hover{background:#194C98!important;border-color:#194C98!important;color:#FFFFFF!important}
html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-column{background:#FFFFFF!important;border-color:#D7E1EC!important}
html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-column>header{background:#F2F6FB!important;border-color:#D7E1EC!important}
html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-card{background:#FFFFFF!important;border-color:#C9D8E6!important;color:#102747!important}
html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-column>header span b{background:#2864BD!important;color:#FFFFFF!important}
html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-card-top>span{background:#2864BD!important;color:#FFFFFF!important}
html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-card-status,html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-applied-ledger>b{display:inline-flex;width:max-content;max-width:100%;padding:5px 9px;background:#D9F3E9!important;border:1px solid #83CBAE!important;border-radius:99px;color:#145940!important;font-weight:800!important}
html[data-theme="light"] .company-shell.module-recruitment .admin-main .ats-column-empty :is(b,small){color:#48637D!important}
/* Keep the organization canvas dotted from top to bottom. The generic panel
   surface rule otherwise paints the full-height unit layer white. */
html[data-theme="light"] .company-shell.module-organization .admin-main .ot-viewport{background-color:#F6F8FC!important;background-image:radial-gradient(#C2D2E3 1px,transparent 1px)!important;background-size:22px 22px!important}
html[data-theme="light"] .company-shell.module-organization .admin-main :is(.ot-unit-panel,.ot-scaled,.ot-content){background:transparent!important}
/* Destructive actions share one readable light-mode treatment. */
html[data-theme="light"] .company-shell .admin-main :is(button.danger,a.danger,.perf-delete-btn,.sg-delete-button,.aw-delete-cycle,.is-delete){background:#FFF0F2!important;color:#9D2740!important;border:1px solid #E9A9B7!important;box-shadow:none!important}
html[data-theme="light"] .company-shell .admin-main :is(button.danger,a.danger,.perf-delete-btn,.sg-delete-button,.aw-delete-cycle,.is-delete):hover{background:#FBE1E7!important;color:#852038!important;border-color:#D67C91!important}
/* Service setup icons must not retain their dark-theme blocks. */
html[data-theme="light"] .company-shell.module-service_management .admin-main :is(.sm-panel-icon,.sm-blueprint-step>summary>span>svg,.sm-stats article>svg){background:#EAF2FF!important;color:#2864BD!important;stroke:currentColor!important}
html[data-theme="light"] .company-shell.module-service_management .admin-main .sm-stats article:nth-child(3n+1)>svg{background:#DFF7F1!important;color:#087664!important}
html[data-theme="light"] .company-shell.module-service_management .admin-main .sm-stats article:nth-child(3n+2)>svg{background:#F0EBFC!important;color:#6542A6!important}
html[data-theme="dark"] .company-shell.module-service_management .admin-main :is(.sm-blueprint-step>summary>span>svg,.sm-panel-icon>svg){color:#BDA8FF!important;stroke:currentColor!important}
/* Reserve a real illustration column so the blueprint art never sits behind fields. */
.company-shell.module-service_management .sm-setup-panel{--sm-art-space:clamp(230px,25vw,340px)}
.company-shell.module-service_management .sm-setup-panel .sm-new-blueprint{width:calc(100% - var(--sm-art-space))!important}
.company-shell.module-service_management .sm-setup-panel .sm-new-blueprint .sm-config-form footer{width:calc(100% + var(--sm-art-space));box-sizing:border-box}
.company-shell.module-service_management .sm-setup-panel::before{display:none!important;content:none!important}
.company-shell.module-service_management .sm-setup-panel::after{display:block!important;content:""!important;position:absolute;z-index:1;top:72px;right:16px;width:260px;height:250px;border:0!important;border-radius:0!important;background:transparent url('/assets/service-blueprint-illustration-v41.svg') center/contain no-repeat!important;box-shadow:none!important;opacity:1!important;transform:none!important;pointer-events:none}
@media(max-width:1000px){.company-shell.module-service_management .sm-setup-panel .sm-new-blueprint{width:100%!important}.company-shell.module-service_management .sm-setup-panel .sm-new-blueprint .sm-config-form footer{width:100%}.company-shell.module-service_management .sm-setup-panel::after{display:none!important}}
}