/* Shared navigation and color preference, used by every company and platform page. */
:root{color-scheme:light;--surface:#fff;--surface-soft:#f4f6fb;--canvas:#f3f5fa;--ink:#161d29;--muted:#465264;--line:#dfe5ef;--nav-active:#4c65df;--nav-active-ink:#fff}
:root[data-theme=dark]{color-scheme:dark;--surface:#1b2537;--surface-soft:#243149;--canvas:#111827;--ink:#edf1f8;--muted:#b7c4d8;--line:#354158;--nav-active:#4c65df;--nav-active-ink:#fff}
html body{background:var(--canvas);color:var(--ink);font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif}
html body .app-shell{background:var(--canvas);color:var(--ink);margin-inline-start:280px}
html body .app-shell.sidebar-hidden{margin-inline-start:0}
html body .sidebar{width:280px;display:flex;flex-direction:column;padding:22px 16px 12px;background:var(--surface);border-inline-end:1px solid var(--line);height:100dvh;overflow:hidden;z-index:60}
html body .sidebar .brand{padding:0 8px 20px;flex-shrink:0}
html body .sidebar .workspace-badge{background:var(--surface-soft);border:1px solid var(--line);padding:12px;margin:0 0 18px;flex-shrink:0;color:var(--ink)}
html body .sidebar .workspace-badge small{color:var(--muted)}
html body .sidebar .nav-label{font-size:10px;letter-spacing:1.4px;color:var(--muted);padding:0 8px;margin:0 0 10px;flex-shrink:0}
.navigation-search{display:flex;gap:8px;align-items:center;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;margin-bottom:14px;background:var(--surface-soft);color:var(--muted);flex-shrink:0}
.navigation-search>.icon{width:16px;height:16px;flex-shrink:0}
html body .navigation-search input{padding:8px 0;border:0;background:transparent;font-size:12px;min-height:36px;min-width:0;width:100%;color:var(--ink);box-shadow:none}
html body .workspace-navigation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px 10px;display:block}
.navigation-group{border:1px solid var(--line);border-radius:12px;margin:0 0 10px;--group-wash:light-dark(#e5f6f0,#1d3b36);--group-ink:light-dark(#20765e,#7cdbc0)}
.navigation-group[data-tone=violet]{--group-wash:light-dark(#eeebfc,#36304e);--group-ink:light-dark(#6d52ae,#c2abff)}
.navigation-group[data-tone=blue]{--group-wash:light-dark(#e6f1fd,#243d54);--group-ink:light-dark(#246ca4,#8dcbff)}
.navigation-group[data-tone=amber]{--group-wash:light-dark(#fff3df,#443820);--group-ink:light-dark(#8b6118,#f0ca82)}
.navigation-group[data-tone=rose]{--group-wash:light-dark(#f4eaf3,#412d40);--group-ink:light-dark(#915384,#e4add8)}
html body .navigation-group>summary{display:flex;align-items:center;gap:9px;padding:10px 9px;cursor:pointer;list-style:none;color:var(--ink);font-size:12px;font-weight:650;margin:0;min-height:48px}
.navigation-group>summary::-webkit-details-marker{display:none}
.navigation-group-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--group-wash);color:var(--group-ink);border-radius:8px;flex-shrink:0}
.navigation-group-icon .icon{width:17px;height:17px}
.navigation-count{margin-inline-start:auto;font-size:10px;font-weight:600;background:var(--surface-soft);color:var(--muted);padding:2px 6px;border-radius:5px}
.navigation-group>summary>.icon{height:14px;width:14px;transition:transform .15s;color:var(--muted)}
.navigation-group[open]>summary>.icon{transform:rotate(180deg)}
.navigation-links{padding:0 6px 6px}
html body .sidebar .nav-item{display:flex;padding:8px;gap:9px;margin:2px 0;min-height:40px;font-size:12px;font-weight:550;line-height:1.45;color:var(--ink);border-radius:8px}
html body .sidebar .nav-item>.icon{width:27px;height:27px;padding:5px;box-sizing:border-box;flex-shrink:0;background:var(--group-wash,var(--surface-soft));color:var(--group-ink,var(--muted));border-radius:7px}
html body .sidebar .nav-item.active{background:var(--nav-active);color:var(--nav-active-ink);box-shadow:0 4px 10px #4c65df25}
html body .sidebar .nav-item.active>.icon{color:#fff;background:#ffffff26}
html body .sidebar .nav-item.active:after{display:none}
html body .sidebar .nav-item:hover:not(.active){background:var(--surface-soft)}
html body .sidebar-bottom{position:static;margin-top:10px;border-top:1px solid var(--line);padding:10px 0 0;flex-shrink:0;background:var(--surface)}
html body .sidebar-bottom .foundation-note{background:var(--surface-soft);padding:10px;border-radius:10px;margin:0 0 6px;color:var(--ink);font-size:10px}
html body .sidebar-bottom .foundation-note small{color:var(--muted);font-size:9px}
.navigation-empty{padding:14px 6px;font-size:12px;color:var(--muted)}
html body [hidden]{display:none!important}
html body .topbar{background:var(--surface);border-color:var(--line)}
html body .icon-button{color:var(--ink);border-color:var(--line);min-height:40px;min-width:40px}
.theme-toggle .theme-sun{display:none}
[data-theme=dark] .theme-toggle .theme-moon{display:none}
[data-theme=dark] .theme-toggle .theme-sun{display:block}
.auth-theme-control{position:absolute;inset-inline-end:20px;top:16px;z-index:5}
.auth-theme-control .icon-button{background:var(--surface);border:1px solid var(--line);border-radius:10px}
html body .settings-nav-link.is-active,html body .profile-tabs a.active{background:var(--nav-active);color:#fff;border-color:var(--nav-active)}
html body .settings-nav-link,html body .app-shell label{color:var(--ink)}
html body .settings-nav-link.is-active .icon{color:#fff}
html body .app-shell .panel-body,html body .app-shell .table-scroll td,html body .app-shell .table-scroll td strong{color:var(--ink)}
html body .app-shell .panel-body{font-size:13px}
html body .app-shell label{font-size:12px}
html body .app-shell .table-scroll td{font-size:12px}
html body .app-shell input,html body .app-shell select,html body .app-shell textarea{color:var(--ink);font-size:13px}
html body .app-shell .button.primary{background:#3b55cf;border-color:#3b55cf;color:#fff}
/* Authenticator QR codes keep a white quiet zone in both themes. */
html body .qr-code{background:#fff;color:#000}
html body :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html body :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid light-dark(#334dc8,#a2b4ff);outline-offset:3px}
.sidebar-backdrop{display:none}
html[dir=rtl] .sidebar{inset-inline-start:0;inset-inline-end:auto;transform:translateX(100%)}
html[dir=rtl] .sidebar.sidebar-open{transform:translateX(0)}
@media(max-width:1000px){
 html body .app-shell,html body .app-shell.sidebar-hidden{margin-inline-start:0}
 html body .sidebar{width:min(300px,calc(100vw - 40px));box-shadow:12px 0 50px #0003}
 .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;background:#0a122b70;backdrop-filter:blur(2px);border:0}
 html body:has(.sidebar-open){overflow:hidden}
 html body .sidebar .sidebar-close{position:absolute;inset-inline-end:12px;top:12px;display:grid;place-items:center;background:var(--surface)}
 html body .topbar{gap:8px;padding-inline:14px}
 html body .topbar-right{gap:8px}
 html body .topbar-right .topbar-divider{display:none}
}
@media(max-width:600px){html body .topbar .breadcrumb{display:none}html body .topbar-right .text-button{font-size:11px}html body .topbar{min-height:64px}.navigation-group>summary{min-height:48px}}
@media(prefers-reduced-motion:reduce){html body *,html body *:before,html body *:after{transition:none!important;scroll-behavior:auto!important}}
@media print{.theme-toggle,.sidebar-backdrop{display:none!important}html body .app-shell{margin:0}}

.module-submenu{position:relative;margin:0 0 4px 14px;border-inline-start:1px solid var(--line);padding-inline-start:8px}.module-submenu>summary{position:absolute;inset-inline-end:0;top:-40px;width:34px;height:34px;margin:0;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);padding:7px;list-style:none}.module-submenu>summary .icon{width:13px;height:13px}html body .module-submenu .nav-item{font-size:11px;min-height:34px;padding:7px}.module-page-links a[aria-current=page]{background:var(--nav-active);color:#fff}

.navigation-links>.nav-item:has(+.module-submenu){padding-inline-end:36px}.module-submenu[open]>summary>.icon{transform:rotate(180deg)}

.profile-tabs.module-page-links{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:6px;scrollbar-width:thin}.module-page-links>a{flex-shrink:0;white-space:nowrap}