/* Persisted light/dark workspace theme and the employee's compact top navigation. */
.site-theme-toggle{position:fixed;z-index:210;inset-block-start:14px;inset-inline-end:18px;display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 11px;border:1px solid #315879;border-radius:999px;background:#0a2943;color:#eef8ff;box-shadow:0 10px 30px #020a1a44;font:inherit;font-size:12px;font-weight:800}
.site-theme-toggle svg{width:17px;height:17px}.site-theme-toggle .theme-moon{display:none}html[data-theme=light] .site-theme-toggle .theme-sun{display:none}html[data-theme=light] .site-theme-toggle .theme-moon{display:block}
.employee-top-nav{position:sticky;z-index:90;top:0;display:flex;align-items:center;gap:3px;min-height:68px;margin:-1.4rem calc(clamp(1.1rem,2.3vw,2.5rem)*-1) 22px;padding:7px 18px;overflow:visible;border-bottom:1px solid #23496d;background:color-mix(in srgb,#06182b 94%,transparent);backdrop-filter:blur(18px)}
html[dir=rtl] .employee-top-nav{padding:7px 18px}.employee-top-nav a{display:flex;align-items:center;justify-content:center;gap:6px;min-width:max-content;padding:9px 11px;border-radius:11px;color:#abc7da;font-size:12px;font-weight:700}.employee-top-nav a:hover,.employee-top-nav a.active{background:#123b58;color:#58e6d2}.employee-top-nav svg{width:18px;height:18px}.employee-top-brand{margin-inline-end:12px!important;color:#fff!important}.employee-top-brand b{display:grid;width:35px;height:35px;place-items:center;border-radius:11px;background:#2b9ef3;color:#fff}.employee-top-brand img{width:38px;height:38px;object-fit:contain;border-radius:10px}
@media(min-width:761px){.company-shell.employee-shell.admin-shell{display:block}.employee-shell>.admin-sidebar,.employee-shell>.company-sidebar-mobile{display:none}.employee-shell>.admin-main{width:100%;padding-top:1.4rem}}

html[data-theme=light]{color-scheme:light;--bg:#eef5f8;--ink:#17334a;--surface:#fbfdff;--text:#183047;--muted:#60768a;--line:#d5e2e9;--workspace-panel:#fbfdff;--workspace-panel-2:#f2f8fa;--workspace-line:#d7e5eb}
html[data-theme=light] body{background:#eef5f8;color:#183047}
html[data-theme=light] .company-shell{background:radial-gradient(circle at 84% 0,#dff3ec 0,transparent 30%),radial-gradient(circle at 20% 18%,#e9e5ff 0,transparent 26%),#eef5f8}
html[data-theme=light] .company-shell .admin-main{color:#14233b}
html[data-theme=light] .company-shell .admin-sidebar{background:#f8fcfd;border-color:#d9e6eb;color:#183047;box-shadow:8px 0 28px #1d355710}
html[data-theme=light] .company-shell .admin-sidebar nav a{color:#4d6179}html[data-theme=light] .company-shell .admin-sidebar nav a:hover{background:#eef5ff;color:#145fbb}html[data-theme=light] .company-shell .admin-sidebar nav a.active{background:linear-gradient(90deg,#dfeeff,#eef5ff);color:#1769c2;box-shadow:inset 3px 0 #2b8cff}
html[data-theme=light] .company-shell .admin-user,html[data-theme=light] .company-shell .company-brand{border-color:#e2e8f0}
html[data-theme=light] .employee-top-nav{background:#f9fdfdeb;border-color:#d5e5e9;box-shadow:0 8px 24px #1e35570a}html[data-theme=light] .employee-top-nav a{color:#536b7a}html[data-theme=light] .employee-top-nav a:hover,html[data-theme=light] .employee-top-nav a.active{background:#e2f5ef;color:#087d70}html[data-theme=light] .employee-top-brand{color:#17364b!important}html[data-theme=light] .employee-top-logout button{background:#fff4f6;border-color:#f2cbd2;color:#b3314b}html[data-theme=light] .employee-top-logout button:hover{background:#ffe3e9;border-color:#e67b8d;color:#8f1830}
html[data-theme=light] .site-theme-toggle{background:#fff;color:#243b55;border-color:#dbe4ef;box-shadow:0 10px 30px #1d35571a}
html[data-theme=light] .company-shell .admin-panel,html[data-theme=light] .company-shell .metric-grid article,html[data-theme=light] dialog,html[data-theme=light] .onboarding-modal{background:#fff;color:#14233b;border-color:#dbe4ef;box-shadow:0 15px 40px #1c355711}
html[data-theme=light] .company-shell input,html[data-theme=light] .company-shell select,html[data-theme=light] .company-shell textarea,html[data-theme=light] dialog input,html[data-theme=light] dialog select,html[data-theme=light] dialog textarea{background:#fff;color:#14233b;border-color:#cdd9e7}
html[data-theme=light] .company-shell th{background:#eef4fa;color:#47647e}html[data-theme=light] .company-shell td{color:#243b55}html[data-theme=light] th,html[data-theme=light] td{border-color:#e1e8f0}
html[data-theme=light] .badge{background:#e7eff8;color:#405b75}html[data-theme=light] .flash.success{background:#e3f8ef;color:#166c50}html[data-theme=light] .flash.error{background:#ffebef;color:#9e304b}
html[data-theme=light] .ed-panel,html[data-theme=light] .ed-profile,html[data-theme=light] .ed-shortcuts,html[data-theme=light] .ed-workspace-cards .ed-card{background:#fff!important;color:#14233b;border-color:#dfe7f0;box-shadow:0 12px 28px #1e35570d}html[data-theme=light] .ed-workspace-cards .ed-card p,html[data-theme=light] .ed-section-title p,html[data-theme=light] .ed-profile p,html[data-theme=light] .ed-profile dt{color:#63758a}html[data-theme=light] .ed-row,html[data-theme=light] .ed-notice{border-color:#e4eaf1;color:#20374f}
@media(max-width:900px){.employee-top-nav{padding-inline:12px;overflow-x:auto}.employee-top-brand span,.employee-account-menu summary>span{display:none}.employee-account-menu{position:sticky;inset-inline-end:0;background:inherit}.employee-account-popover{position:fixed!important;top:66px;inset-inline-end:12px!important}.site-theme-toggle span{display:none}.site-theme-toggle{width:42px;justify-content:center;padding:7px}.employee-shell>.admin-main{padding-inline:12px!important}}

/* Notifications are an explicit drill-down, so the normal Tenant Admin and HR
   dashboards keep their established layout. */
.dashboard-notification-center{margin:20px 0;padding:20px;border:1px solid #2b5d82;border-radius:18px;background:#09243e}.dashboard-notification-center>header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.dashboard-notification-center>header small{color:#4ee3cf;font-weight:800;letter-spacing:.08em}.dashboard-notification-center>header h2{margin:5px 0 0}.dashboard-notification-center>header>b{color:#ffd04f}.dashboard-notification-center>div{display:grid;gap:10px}.dashboard-notification-center article{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px;border:1px solid #284e6a;border-radius:12px;background:#0b2b47}.dashboard-notification-center article.is-unread{border-inline-start:4px solid #42dbc4}.dashboard-notification-center article p{margin:5px 0;color:#a8c6da;line-height:1.55}.dashboard-notification-center article small{color:#7fa7c1}.dashboard-notification-center article>div{display:flex;gap:8px;align-items:center}.dashboard-notification-center a,.dashboard-notification-center button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3a789d;border-radius:8px;background:#123d5b;color:#fff;padding:8px 11px;text-decoration:none;white-space:nowrap;font:inherit}.dashboard-notification-center form{margin:0}html[data-theme=light] .dashboard-notification-center{background:#fff;border-color:#dbe5ef;box-shadow:0 14px 34px #1c355711}html[data-theme=light] .dashboard-notification-center article{background:#f8fbfe;border-color:#dce7f0}html[data-theme=light] .dashboard-notification-center article p{color:#5c7086}html[data-theme=light] .dashboard-notification-center article small{color:#7b8da0}html[data-theme=light] .dashboard-notification-center a,html[data-theme=light] .dashboard-notification-center button{background:#edf5ff;border-color:#c5daed;color:#155c91}@media(max-width:700px){.dashboard-notification-center{padding:14px}.dashboard-notification-center>header,.dashboard-notification-center article{align-items:flex-start;flex-direction:column}.dashboard-notification-center article>div{width:100%;flex-wrap:wrap}}

/* Account menu replaces separate employee logout/theme controls. */
.employee-account-menu{position:relative;margin-inline-start:auto;flex:0 0 auto}.employee-account-menu summary{display:flex;align-items:center;gap:7px;min-width:max-content;padding:7px 10px;border:1px solid transparent;border-radius:12px;color:#c5d9e7;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.employee-account-menu summary::-webkit-details-marker{display:none}.employee-account-menu summary>svg:first-child{box-sizing:content-box;width:20px;height:20px;padding:6px;border-radius:50%;background:#214a67}.employee-account-menu .employee-account-chevron{width:15px;height:15px;transition:transform .2s}.employee-account-menu[open] summary{border-color:#315d79;background:#12344e;color:#fff}.employee-account-menu[open] .employee-account-chevron{transform:rotate(180deg)}.employee-account-popover{position:absolute;z-index:320;inset-block-start:calc(100% + 10px);inset-inline-end:0;width:250px;padding:9px;border:1px solid #31536d;border-radius:15px;background:#091f35;box-shadow:0 22px 55px #0009}.employee-account-popover header{padding:10px 11px 12px;border-bottom:1px solid #29445c}.employee-account-popover header b,.employee-account-popover header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-account-popover header small{margin-top:5px;color:#8eacc0;font-size:10px}.employee-account-popover>a,.employee-account-popover button{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px;width:100%;min-height:42px;margin-top:5px!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#dceaf3!important;text-align:start;font:inherit!important;font-size:12px!important;font-weight:700!important}.employee-account-popover>a:hover,.employee-account-popover button:hover{background:#143a56!important;color:#5ce4d2!important}.employee-account-popover form{margin:0}.employee-account-popover button{color:#ff9aaa!important}.employee-account-popover svg{width:18px!important;height:18px!important}html[data-theme=light] .employee-account-menu summary{color:#42576d}html[data-theme=light] .employee-account-menu summary>svg:first-child{background:#e8f2fa;color:#1769c2}html[data-theme=light] .employee-account-menu[open] summary{background:#edf5fb;border-color:#c8dae8;color:#143d61}html[data-theme=light] .employee-account-popover{background:#fff;border-color:#d8e3ed;box-shadow:0 22px 55px #1e355729}html[data-theme=light] .employee-account-popover header{border-color:#e3eaf1}html[data-theme=light] .employee-account-popover header small{color:#708397}html[data-theme=light] .employee-account-popover>a,html[data-theme=light] .employee-account-popover button{color:#314b63!important}html[data-theme=light] .employee-account-popover>a:hover,html[data-theme=light] .employee-account-popover button:hover{background:#edf5fb!important;color:#1769c2!important}html[data-theme=light] .employee-account-popover button{color:#b3314b!important}

/* Personal account settings: password security and persisted appearance. */
.personal-settings{max-width:1120px;margin:32px auto;padding:0 10px;color:#edf8ff}.personal-settings-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.personal-settings-head p{margin:0;color:#45d7cb;letter-spacing:.16em;font-size:11px;font-weight:900}.personal-settings-head h2{margin:7px 0 6px;font-size:30px}.personal-settings-head>div>span{color:#96b2c7}.personal-settings-head>a{display:flex;align-items:center;gap:7px;color:#60ded2;font-weight:800}.personal-settings-head>a svg{width:18px}.personal-settings-alert{padding:14px 16px;border-radius:12px}.personal-settings-alert.warning{border:1px solid #7a5c24;background:#3b2d14;color:#ffdd87}.personal-settings-alert.error{border:1px solid #8b4053;background:#542b36;color:#ffd8e1}.personal-settings-alert.success{border:1px solid #2b7468;background:#164d45;color:#b5fff0}.personal-settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:18px}.personal-settings-card{padding:24px;border:1px solid #29516d;border-radius:20px;background:linear-gradient(145deg,#0a2943,#071b31);box-shadow:0 18px 45px #0003}.personal-settings-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px}.personal-settings-title>svg{box-sizing:content-box;width:23px;height:23px;padding:11px;border-radius:12px;background:#123d5b;color:#51dfce}.personal-settings-title h3{margin:2px 0 5px;font-size:19px}.personal-settings-title p{margin:0;color:#96b2c7;line-height:1.55}.personal-password-form{display:grid;gap:15px}.personal-password-form label{color:#d6e5ef;font-size:12px;font-weight:700}.personal-password-form input{box-sizing:border-box;display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #315875;border-radius:10px;background:#06192d;color:#fff;font:inherit}.personal-password-form button{justify-self:start;display:flex;align-items:center;gap:8px}.personal-password-form button svg{width:18px}.personal-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.personal-theme-options>button{position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:3px 10px;align-items:center;padding:12px;border:2px solid #294a64;border-radius:14px;background:#081c31;color:#e8f5fc;text-align:start;font:inherit;cursor:pointer}.personal-theme-options>button:hover{border-color:#4b829f}.personal-theme-options>button.is-selected{border-color:#51dfce;background:#0d3447}.personal-theme-preview{grid-row:1/3;display:grid;width:46px;height:46px;place-items:center;border-radius:11px}.personal-theme-preview svg{width:21px}.personal-theme-preview.dark{background:#041426;color:#55dfd5}.personal-theme-preview.light{background:#f4f7fb;color:#e1a52b}.personal-theme-options b{font-size:13px}.personal-theme-options small{color:#8faabd;font-size:9px}.personal-theme-check{position:absolute;top:8px;inset-inline-end:8px;width:17px;color:#51dfce;opacity:0}.personal-theme-options>button.is-selected .personal-theme-check{opacity:1}.personal-theme-status{margin:16px 0 0;color:#8fb0c4;font-size:11px}html[data-theme=light] .personal-settings{color:#14233b}html[data-theme=light] .personal-settings-head>div>span,html[data-theme=light] .personal-settings-title p{color:#64788d}html[data-theme=light] .personal-settings-card{background:#fff;border-color:#dbe5ee;box-shadow:0 18px 45px #19334e12}html[data-theme=light] .personal-settings-title>svg{background:#e7f7f3;color:#168c7c}html[data-theme=light] .personal-password-form label{color:#314960}html[data-theme=light] .personal-password-form input{background:#fff;color:#14233b;border-color:#cbd9e5}html[data-theme=light] .personal-theme-options>button{background:#f7f9fc;color:#253b51;border-color:#d8e2eb}html[data-theme=light] .personal-theme-options>button.is-selected{background:#edf9f6;border-color:#2ab6a3}html[data-theme=light] .personal-theme-options small,html[data-theme=light] .personal-theme-status{color:#687c90}@media(max-width:800px){.personal-settings{margin-top:20px}.personal-settings-head{align-items:flex-start;flex-direction:column}.personal-settings-grid{grid-template-columns:1fr}.personal-theme-options{grid-template-columns:1fr 1fr}}@media(max-width:480px){.personal-settings-card{padding:18px}.personal-theme-options{grid-template-columns:1fr}.personal-settings-head h2{font-size:25px}}@media(max-width:900px){.employee-account-popover{position:fixed;top:66px;inset-inline-end:12px;inset-block-start:auto}}

/* Keep the account flyout out of the horizontally scrollable navigation. */
.employee-account-menu[open]{z-index:500}.employee-account-popover{position:fixed!important;z-index:520;inset:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow:auto}
.employee-account-menu:not([open])>.employee-account-popover{display:none!important}
.employee-account-menu[open]>.employee-account-popover{display:grid;grid-template-columns:1fr;align-content:start;box-sizing:border-box}
.employee-account-popover header,.employee-account-popover>a,.employee-account-popover>form{min-width:0;width:100%;box-sizing:border-box}
.employee-account-trigger{display:flex;align-items:center;gap:7px;min-width:max-content;padding:7px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#c5d9e7;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.employee-account-trigger>svg:first-child{box-sizing:content-box;width:20px;height:20px;padding:6px;border-radius:50%;background:#214a67}.employee-account-menu.is-open .employee-account-trigger{border-color:#315d79;background:#12344e;color:#fff}.employee-account-menu.is-open .employee-account-chevron{transform:rotate(180deg)}.employee-account-popover[hidden]{display:none!important}html[data-theme=light] .employee-account-trigger{color:#42576d}html[data-theme=light] .employee-account-trigger>svg:first-child{background:#EAF1FC;color:#2864BD}html[data-theme=light] .employee-account-menu.is-open .employee-account-trigger{background:#EEF4FD;border-color:#BFD0EA;color:#2864BD}

/* v7: the account identity must remain visible without widening the page. */
html,body{max-width:100%;}
body.account-menu-open{overflow-x:clip!important}
.employee-top-nav{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
.employee-top-nav>a:not(.employee-top-brand){min-width:0!important;flex:0 1 auto!important}
.employee-top-nav>a:not(.employee-top-brand)>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.employee-top-brand{flex:0 0 auto!important}
.employee-account-menu{position:sticky!important;inset-inline-end:0!important;z-index:540!important;flex:0 0 auto!important;max-width:min(230px,25vw)!important;padding-inline-start:8px;background:var(--bg,#061b31)}
.employee-account-trigger{box-sizing:border-box!important;width:100%;min-width:0!important;max-width:230px!important}
.employee-account-trigger>span{display:block;min-width:58px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.employee-account-popover{box-sizing:border-box!important;contain:layout paint!important;min-width:0!important;width:280px!important;max-width:calc(100vw - 24px)!important;height:auto!important}
.employee-account-popover[hidden]{display:none!important}
html[data-theme=light] .employee-account-menu{background:#fff}
@media(max-width:1500px){.employee-top-nav>a:not(.employee-top-brand){padding-inline:7px!important}.employee-top-nav>a:not(.employee-top-brand)>span{max-width:105px}.employee-account-trigger>span{max-width:110px}}
@media(max-width:1180px){.employee-top-nav>a:not(.employee-top-brand)>span{display:none}.employee-account-trigger>span{display:block}.employee-account-menu{max-width:210px!important}}