/* Budgetii HQ: one interface system. System fonts, local assets, no remote services. */
:root{color-scheme:light;--bg:#f8f9fb;--panel:#fff;--panel-2:#f0f3f7;--text:#1c2738;--muted:#606e80;--line:#dfe5ed;--control:#7e8a9c;--blue:#245da9;--blue-deep:#245da9;--tint:#eaf0fa;--red:#ac3346;--green:#236c54;--sidebar:218px;--gutter:clamp(24px,3vw,46px);font:calc(15px * var(--hq-scale,1))/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html[data-text=large]{--hq-scale:1.12}
html[data-theme=dark]{color-scheme:dark;--bg:#111720;--panel:#18212d;--panel-2:#202c3b;--text:#edf2f9;--muted:#adbbcd;--line:#303e50;--control:#718299;--blue:#a8caff;--blue-deep:#326bc1;--tint:#22344d;--red:#ffb3c2;--green:#a1dfc9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility}h1,h2,h3,p,ul,dl{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px;scroll-margin-block:24px}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}input,select,textarea{max-width:100%;min-width:0}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{background:var(--tint);color:var(--text)}h1{font-size:clamp(27px,2.6vw,35px);line-height:1.2;letter-spacing:-.035em;font-weight:620}h2{font-size:calc(19px * var(--hq-scale,1));line-height:1.4;font-weight:600;letter-spacing:-.018em}h3{font-size:calc(16px * var(--hq-scale,1));line-height:1.5;font-weight:560}p{line-height:1.7}small,.small-note,.field-caption{font-size:calc(13px * var(--hq-scale,1));line-height:1.65;color:var(--muted)}.field-caption{display:block;margin-bottom:5px}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:20px;z-index:150;padding:10px 15px;background:var(--panel);border:1px solid var(--blue);transform:translateY(-200%)}.skip-link:focus{transform:none}
/* Frame and navigation: primary destinations only; context lives on the page. */
.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);display:flex;flex-direction:column;gap:28px;padding:30px 16px 18px;background:var(--panel);border-inline-end:1px solid var(--line);z-index:40}.brand{color:var(--text);padding-inline:12px;display:block}.brand:hover{text-decoration:none}.brand>span{display:block;font-size:calc(19px * var(--hq-scale,1));letter-spacing:.08em;font-weight:650;line-height:1.4}.brand-hq{font-size:calc(12px * var(--hq-scale,1));letter-spacing:0;color:var(--blue);margin-inline-start:7px}.brand small{display:block;font-size:calc(11px * var(--hq-scale,1));color:var(--muted);margin-top:6px}.sidebar #navigation{display:flex;flex-direction:column;gap:24px;overflow:auto;min-height:0;scrollbar-width:thin}.nav-group{display:grid;gap:2px}.nav-group-label{font-size:calc(11px * var(--hq-scale,1));letter-spacing:.06em;color:var(--muted);padding:0 12px 8px;font-weight:600}.nav-item{position:relative;display:block;padding:9px 12px;min-height:40px;color:var(--muted);font-size:calc(13px * var(--hq-scale,1));line-height:1.5;border-radius:6px;overflow-wrap:anywhere}.nav-item:hover{background:var(--panel-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--tint);color:var(--blue);font-weight:600}.nav-item.active:before{content:"";position:absolute;inset-inline-start:0;inset-block:11px;width:2px;border-radius:2px;background:var(--blue)}.sidebar-utilities{display:grid;gap:3px;margin-block-start:auto;padding-block-start:16px;border-top:1px solid var(--line)}.sidebar-utilities a{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);padding:7px 12px}.navigation-toggle{display:none!important}.workspace{margin-inline-start:var(--sidebar);min-width:0;min-height:100dvh;display:flex;flex-direction:column}.topbar,#main,.workspace-footer{width:100%;max-width:1540px;margin-inline:auto;padding-inline:var(--gutter)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;border-bottom:1px solid var(--line)}#account-label{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);line-height:1.5;min-width:0;overflow-wrap:anywhere}.topbar-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.header-language{display:flex;align-items:center;max-width:125px}.header-language select{appearance:auto;width:100%;max-width:125px;min-height:42px;padding:7px 5px;background:transparent;border:0;color:var(--text);font-size:calc(13px * var(--hq-scale,1));line-height:1.5}.account-menu{position:relative}.account-menu>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:42px;font-size:calc(13px * var(--hq-scale,1));color:var(--text);border-radius:6px;padding:5px 0}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:after{content:"";width:6px;height:6px;border-inline-end:1px solid var(--muted);border-block-end:1px solid var(--muted);transform:rotate(45deg);margin-inline-start:3px;margin-block-start:-4px}.account-dot{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--blue);font-size:calc(10px * var(--hq-scale,1));font-weight:650}.account-menu-items{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;display:grid;min-width:230px;max-width:min(300px,calc(100vw - 36px));padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 25px #0000000d;z-index:70}.account-menu:not([open]) .account-menu-items{display:none}.account-identity{font-size:calc(12px * var(--hq-scale,1));overflow-wrap:anywhere;padding:8px;color:var(--muted)}.account-identity:empty{display:none}.account-menu-items .button{justify-content:flex-start;text-align:start;border-color:transparent;color:var(--text)}.appearance-preference{display:grid;gap:7px;padding:8px;margin-bottom:5px;font-size:calc(12px * var(--hq-scale,1));color:var(--muted);border-bottom:1px solid var(--line)}.appearance-preference select{min-height:42px;background:var(--panel);color:var(--text);border:1px solid var(--control);border-radius:5px;padding:7px 9px}#logout{color:var(--red)}#attendance-link{font-size:calc(12px * var(--hq-scale,1));min-height:38px;padding:8px 11px;color:var(--blue)}#main{flex:1;padding-block:36px 48px;min-width:0}#main:focus{outline:none}.workspace-footer{padding-block:16px;font-size:calc(11px * var(--hq-scale,1));color:var(--muted);display:flex;justify-content:space-between;gap:20px}#message{margin:14px var(--gutter) 0;padding:12px 15px;border-inline-start:2px solid var(--blue);background:var(--tint);font-size:calc(13px * var(--hq-scale,1));line-height:1.65}#message.error{border-color:var(--red);color:var(--red);background:var(--panel)}
/* Shared composition, controls and readable records. */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-intro{min-width:0;max-width:78ch}.page-heading p{font-size:calc(14px * var(--hq-scale,1));color:var(--muted);margin-top:10px;max-width:72ch}.heading-actions,.form-actions,.shift-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.heading-actions{flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;max-width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 14px;background:var(--panel);color:var(--text);font-size:calc(13px * var(--hq-scale,1));font-weight:550;line-height:1.4;text-align:center;white-space:normal;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s}.button:hover{background:var(--panel-2);text-decoration:none}.button.primary{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}.button.primary:hover{filter:brightness(.95)}.button.quiet{background:transparent;border-color:transparent;color:var(--blue)}.button.secondary{background:var(--panel)}.button.danger{background:transparent;color:var(--red);border-color:var(--line)}.button.small{min-height:36px;padding:7px 11px;font-size:calc(12px * var(--hq-scale,1))}.page-section{margin-block-start:30px;padding-block-start:0}.page-section>h2{margin-bottom:17px}.page-section>p{max-width:78ch;margin-bottom:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-block:0 20px}.section-heading p{margin-top:6px;font-size:calc(13px * var(--hq-scale,1));color:var(--muted)}.section-heading a{font-size:calc(13px * var(--hq-scale,1))}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.table{width:100%;border-collapse:collapse;text-align:start;font-size:calc(13px * var(--hq-scale,1));min-width:550px}.table th{padding:12px 17px;background:var(--panel-2);font-size:calc(11px * var(--hq-scale,1));font-weight:600;color:var(--muted);text-align:start;line-height:1.5}.table td{padding:16px 17px;border-top:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;line-height:1.7}.table td .small-note{font-size:calc(12px * var(--hq-scale,1));margin-top:4px;max-width:70ch}.table .button{min-height:36px;padding:7px 10px;font-size:calc(12px * var(--hq-scale,1))}.table td:first-child{font-weight:500}.table form{max-width:100%}.tag,.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:var(--muted);font-size:calc(11px * var(--hq-scale,1));line-height:1.5;max-width:100%;overflow-wrap:anywhere}.status-badge.is-active{color:var(--green);background:var(--panel);border-color:var(--line)}.status-badge.is-active:before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor;flex-shrink:0}.hq-form{display:grid;gap:18px;margin-top:18px}.hq-form.compact{max-width:680px}.hq-form label,.appearance-field{display:grid;gap:8px;font-size:calc(13px * var(--hq-scale,1));font-weight:500;line-height:1.5}.hq-form input,.hq-form select,.hq-form textarea,.day-filter input,.inline-review input,.directory-search input,.appearance-field select{width:100%;border:1px solid var(--control);border-radius:6px;min-height:44px;padding:10px 12px;background:var(--panel);color:var(--text);font:inherit;line-height:1.5}.hq-form textarea{min-height:95px;resize:vertical}.hq-form .button{justify-self:start}.hq-form .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hq-form fieldset{border:0;padding:0;margin:0;min-width:0}.hq-form legend{padding:0;font-weight:600;font-size:calc(14px * var(--hq-scale,1));margin-bottom:13px}.hq-form input:focus,.hq-form select:focus,.hq-form textarea:focus{border-color:var(--blue)}.hq-form input[aria-invalid=true]{border-color:var(--red)}.appearance-field{max-width:320px}.day-filter,.inline-review{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-block:16px}.day-filter input{width:auto}.inline-review input{max-width:260px;min-width:160px}.form-section{padding:22px 0;border-bottom:1px solid var(--line)}.form-section legend{font-size:calc(16px * var(--hq-scale,1))}.access-summary,.profile-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:20px;padding-block:22px;border-block:1px solid var(--line)}.access-summary dt,.profile-facts dt{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);margin-bottom:7px}.access-summary dd,.profile-facts dd{margin:0;font-size:calc(14px * var(--hq-scale,1));overflow-wrap:anywhere}.form-review{padding-block:18px}.form-review p{max-width:75ch;font-size:calc(13px * var(--hq-scale,1));color:var(--muted);margin-block:8px 16px}.employee-editor,.section-details,.inline-department-editor{border:1px solid var(--line);border-radius:7px;padding:17px 20px;background:var(--panel);margin-block:18px}.employee-editor{margin-block:0 25px}.employee-editor>summary,.section-details>summary,.inline-department-editor>summary{font-size:calc(14px * var(--hq-scale,1));font-weight:550}.staffing-form{max-width:900px}.department-custom{display:grid;gap:15px}.inline-create-link{font-size:calc(13px * var(--hq-scale,1))}.workflow-note,.notice{padding:13px 16px;border-inline-start:2px solid var(--blue);background:var(--tint);color:var(--text);font-size:calc(13px * var(--hq-scale,1));line-height:1.7;margin-block:16px;max-width:92ch}.workflow-note p{margin:0}.empty,.page-empty{padding:22px 0;color:var(--muted);font-size:calc(13px * var(--hq-scale,1));max-width:75ch}.page-empty h2{font-size:calc(17px * var(--hq-scale,1));color:var(--text);margin-bottom:7px}.page-empty p{font-size:calc(13px * var(--hq-scale,1))}.page-empty .button{margin-top:15px}.page-error{max-width:75ch}.page-error p{margin-bottom:16px}.reserved-module{padding:17px 20px;border:1px dashed var(--line);margin-block:25px;border-radius:6px;max-width:86ch}.reserved-module h2{font-size:calc(16px * var(--hq-scale,1))}.reserved-module p{font-size:calc(13px * var(--hq-scale,1));color:var(--muted);margin-top:8px}.pagination,.summary-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:16px;font-size:calc(13px * var(--hq-scale,1))}.pagination{justify-content:flex-start}.section-action{margin-top:24px}
/* Work hubs and departments use clear rows, not a decorative card grid. */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:25px;margin-block:0 30px;padding-block:20px;border-block:1px solid var(--line)}.stat{min-width:0}.stat-label{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);line-height:1.5}.stat-value{font-size:calc(29px * var(--hq-scale,1));font-weight:560;line-height:1.3;margin-top:8px;letter-spacing:-.03em}.executive-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.52fr);gap:45px;align-items:start}.executive-attention{border-inline-start:1px solid var(--line);padding-inline-start:28px}.executive-attention>h2{margin-bottom:22px}.attention-item{padding-block:0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.attention-item strong{display:block;font-size:calc(16px * var(--hq-scale,1));font-weight:550;margin-block:7px 10px}.attention-item a{font-size:calc(13px * var(--hq-scale,1))}.attention-item .small-note{margin-block:10px}.attention-link{display:flex;justify-content:space-between;gap:20px;padding-block:11px;font-size:calc(13px * var(--hq-scale,1))}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin-block:24px 30px}.module-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 17px;padding:21px 0;border-bottom:1px solid var(--line);color:var(--text)}.module-link strong{font-size:calc(16px * var(--hq-scale,1));font-weight:550}.module-link>span:not(.module-arrow){grid-column:1;font-size:calc(13px * var(--hq-scale,1));color:var(--muted);line-height:1.7}.module-arrow{grid-column:2;grid-row:1/3;align-self:center;color:var(--blue)}.module-link:hover{text-decoration:none}.module-link:hover strong{color:var(--blue)}.department-list{border-top:1px solid var(--line)}.department-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--text)}.department-row:hover{color:var(--blue);text-decoration:none}.department-row>div{min-width:0}.department-row h2,.department-row h3{font-size:calc(16px * var(--hq-scale,1));font-weight:560;overflow-wrap:anywhere}.department-row p{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);margin-top:5px}.department-monogram{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;background:var(--panel-2);color:var(--muted);border-radius:5px;font-size:calc(16px * var(--hq-scale,1));font-weight:550}.row-arrow,.department-row>span:last-child:not(.department-monogram){margin-inline-start:auto;color:var(--blue)}.department-context{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);margin-bottom:18px}.department-tabs{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:28px;border-bottom:1px solid var(--line)}.department-tabs a{font-size:calc(13px * var(--hq-scale,1));color:var(--muted);padding-block:10px;min-height:42px}.department-tabs a[aria-current=page]{color:var(--blue);border-bottom:2px solid var(--blue)}.manager-start{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:23px}.manager-start strong{font-size:calc(13px * var(--hq-scale,1))}.status-line{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:650px;padding-block:22px;border-block:1px solid var(--line);margin-bottom:24px}.status-line span{font-size:calc(13px * var(--hq-scale,1));color:var(--muted)}.status-line strong{font-size:calc(20px * var(--hq-scale,1));font-weight:550}.task-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-block:0 24px}.task-filters{display:flex;gap:4px;flex-wrap:wrap}.task-filters .button{font-size:calc(12px * var(--hq-scale,1));min-height:38px;padding:8px 12px}.task-filters .button[aria-pressed=true]{background:var(--tint);color:var(--blue);border-color:var(--line)}.task-summary{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);font-variant-numeric:tabular-nums}.task-title{display:block;max-width:65ch}.task-description{max-width:75ch}
/* Owner delegation directory, contextual editor and explicit empty states. */
.management-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:22px}.management-counts{display:flex;align-items:center;gap:8px;font-size:calc(12px * var(--hq-scale,1));color:var(--muted)}.management-counts strong{font-size:calc(14px * var(--hq-scale,1));color:var(--text);font-weight:550}.management-counts>span{margin-inline:5px}.directory-search{display:block;width:260px;max-width:100%}.directory-search input{min-height:40px;font-size:calc(12px * var(--hq-scale,1))}.delegation-layout{display:grid;gap:28px;align-items:start}.delegation-layout.is-editing{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr)}.management-directory{border:1px solid var(--line);border-radius:7px;background:var(--panel);min-width:0;overflow:hidden}.management-department{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(140px,1fr) auto auto;align-items:center;gap:20px;padding:24px;border-bottom:1px solid var(--line);min-width:0}.management-department:last-of-type{border-bottom:0}.management-department.is-selected{background:var(--tint)}.department-identity{display:flex;align-items:center;gap:13px;min-width:0}.department-identity h2{font-size:calc(16px * var(--hq-scale,1));letter-spacing:-.01em;overflow-wrap:anywhere}.department-identity h2 a{color:var(--text)}.department-identity p{margin-top:4px;font-size:calc(12px * var(--hq-scale,1));color:var(--muted)}.department-lead{font-size:calc(12px * var(--hq-scale,1));min-width:0}.department-lead strong{display:block;font-size:calc(13px * var(--hq-scale,1));font-weight:550;overflow-wrap:anywhere}.department-lead .field-caption{font-size:calc(11px * var(--hq-scale,1))}.department-action .button{min-height:38px;font-size:calc(12px * var(--hq-scale,1))}.department-action p{font-size:calc(11px * var(--hq-scale,1));max-width:25ch}.department-action p a{display:block;margin-top:3px}.is-editing .management-department{grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:20px}.is-editing .department-lead{grid-column:1}.is-editing .department-status{grid-column:2;grid-row:1}.is-editing .department-action{grid-column:2;grid-row:2}.delegation-panel{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:25px;min-width:0}.editor-heading{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-bottom:14px}.editor-heading h2{font-size:calc(22px * var(--hq-scale,1));line-height:1.35}.editor-heading .button{min-height:34px;padding:6px 9px;font-size:calc(12px * var(--hq-scale,1))}.delegation-editor{padding-block:18px;border-bottom:1px solid var(--line)}.delegation-editor:last-child{border:0;padding-bottom:0}.delegation-editor summary{font-size:calc(13px * var(--hq-scale,1));font-weight:550;line-height:1.6;padding-block:5px}.delegation-person{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:calc(14px * var(--hq-scale,1))}.capability-fieldset{margin-top:7px!important}.capability-choice{display:flex!important;align-items:start;gap:11px!important;padding:10px 0;font-size:calc(12px * var(--hq-scale,1))!important;font-weight:400!important}.capability-choice input{width:17px!important;height:17px;min-height:0!important;flex:0 0 17px;padding:0!important;margin:2px 0 0;accent-color:var(--blue-deep)}.capability-choice span{min-width:0}.delegation-guidance{display:flex;gap:20px;align-items:baseline;padding-block:20px;color:var(--muted)}.delegation-guidance strong{font-size:calc(12px * var(--hq-scale,1));font-weight:550;flex-shrink:0;color:var(--text)}.delegation-guidance p{font-size:calc(12px * var(--hq-scale,1));max-width:80ch}.management-history{margin-top:18px;padding-top:25px;border-top:1px solid var(--line)}.management-history .page-section{margin-top:20px}.management-history .page-section>h2{font-size:calc(15px * var(--hq-scale,1))}.management-directory>.empty,.management-directory>.page-empty{padding:25px}.delegation-unavailable{padding-block:16px;font-size:calc(13px * var(--hq-scale,1));color:var(--muted)}
/* Conversations, identity and authentication preserve the same visual language. */
.chat-layout{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid var(--line);border-radius:7px;background:var(--panel);min-height:470px;overflow:hidden}.chat-tree{padding:18px;border-inline-end:1px solid var(--line);overflow:auto}.chat-tree h2{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);padding-block:10px}.chat-channel{display:block;min-height:42px;width:100%;padding:10px;background:transparent;border:0;border-radius:5px;color:var(--text);text-align:start;font-size:calc(13px * var(--hq-scale,1))}.chat-channel[aria-pressed=true]{background:var(--tint);color:var(--blue)}.chat-room{padding:22px;min-width:0}.chat-room-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.chat-room-head h2{font-size:calc(18px * var(--hq-scale,1))}.chat-messages{min-height:160px;max-height:500px;overflow:auto;display:grid;align-content:start;gap:18px;padding-block:14px}.chat-message{padding-block:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.chat-by{font-size:calc(11px * var(--hq-scale,1));color:var(--muted);margin-bottom:5px}.chat-message p{font-size:calc(14px * var(--hq-scale,1))}.chat-compose{margin-top:18px}.chat-compose textarea{min-height:80px}.chat-keys{padding:17px 0;border-block:1px solid var(--line);margin-block:18px}.chat-keys h3{font-size:calc(15px * var(--hq-scale,1))}.account-card{max-width:600px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:25px;margin-block:25px}.card-number{font-size:calc(29px * var(--hq-scale,1));font-variant-numeric:tabular-nums;letter-spacing:.07em;color:var(--blue);margin-block:15px}.account-card h2{font-size:calc(18px * var(--hq-scale,1))}.account-card p{font-size:calc(13px * var(--hq-scale,1));margin-block:8px;color:var(--muted)}.mfa-qr{width:210px;height:210px;max-width:100%;margin-block:15px;padding:8px;background:#fff;border-radius:5px}.mfa-secret{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding-block:12px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);max-width:1070px;margin:0 auto;align-items:center;min-height:600px}.auth-editorial{padding-block:40px}.auth-editorial .eyebrow{font-size:calc(11px * var(--hq-scale,1));color:var(--muted);letter-spacing:.16em}.auth-editorial h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(35px,4vw,51px);line-height:1.18;letter-spacing:-.035em;font-weight:400;margin-block:22px}.auth-editorial p{font-size:calc(15px * var(--hq-scale,1));color:var(--muted);max-width:38ch}.editorial-rule{display:block;width:55px;height:1px;background:var(--blue);margin-block:35px}.auth-editorial small{font-size:calc(11px * var(--hq-scale,1));color:var(--muted)}.auth-content{min-width:0;max-width:410px}.auth-panel h1{font-size:calc(28px * var(--hq-scale,1));line-height:1.3}.auth-panel>p{font-size:calc(14px * var(--hq-scale,1));color:var(--muted);margin-top:12px}.auth-step{display:block;font-size:calc(11px * var(--hq-scale,1));font-weight:600;letter-spacing:.06em;color:var(--blue);margin-bottom:15px}.auth-panel .hq-form{margin-block:25px 18px;gap:19px}.auth-panel .hq-form .button{width:100%;justify-self:stretch}.auth-panel .hq-form .primary{min-height:46px}.auth-invitation,.session-note{font-size:calc(12px * var(--hq-scale,1))!important;line-height:1.7}.auth-help{font-size:calc(12px * var(--hq-scale,1));color:var(--muted);margin-block:17px}.auth-help summary{padding-block:7px}.auth-feedback{padding:12px 14px;font-size:calc(13px * var(--hq-scale,1));line-height:1.7;background:var(--tint);border-inline-start:2px solid var(--blue)}.auth-feedback.error{color:var(--red);border-color:var(--red);background:var(--panel)}.session-note{border-top:1px solid var(--line);padding-top:14px}.verification-state h1{font-size:calc(26px * var(--hq-scale,1))}.loading-track{display:block;width:220px;max-width:100%;height:2px;background:var(--line);overflow:hidden;position:relative;margin-block:20px}.loading-track:after{content:"";position:absolute;inset-block:0;width:35%;background:var(--blue);animation:hq-loading 1.25s ease-in-out infinite}.page-loading{min-height:175px;padding-block:17px 25px;border-block:1px solid var(--line);max-width:900px}.page-loading p{font-size:calc(13px * var(--hq-scale,1));color:var(--muted)}.loading-row{display:grid;grid-template-columns:1fr 80px;gap:25px;padding-block:13px;border-top:1px solid var(--line)}.loading-row span{display:block;max-width:70%;height:8px;background:var(--panel-2);border-radius:3px}.loading-row span+span{max-width:100%}.initial-loading{padding-block:40px}.nav-placeholder{padding:12px}.nav-placeholder span{display:block;height:8px;width:75%;background:var(--panel-2);margin-bottom:24px;border-radius:3px}
body[data-shell=gate] .sidebar{position:relative;inset:auto;width:100%;height:90px;max-width:1320px;margin-inline:auto;flex-direction:row;align-items:center;border:0;background:transparent;padding:25px var(--gutter)}body[data-shell=gate] .brand{padding:0;max-width:calc(100% - 240px)}body[data-shell=gate] .workspace{margin:0;min-height:calc(100dvh - 90px)}body[data-shell=gate] .topbar{position:absolute;inset-block-start:24px;inset-inline-end:var(--gutter);width:auto;border:0;padding:0;min-height:42px;z-index:50}body[data-shell=gate] .topbar-actions{gap:18px}body[data-shell=gate] #main{padding-block:15px 45px}body[data-shell=gate] #navigation,body[data-shell=gate] .sidebar-utilities,body[data-shell=gate] #navigation-toggle{display:none!important}
html[dir=rtl] :is(h1,h2,h3,.nav-group-label,.brand>span){letter-spacing:0}html[dir=rtl] .auth-editorial h2{font-family:inherit;line-height:1.4;font-size:calc(38px * var(--hq-scale,1))}html[dir=rtl] :is(.row-arrow,.module-arrow,.attention-link>span){transform:scaleX(-1)}
@keyframes hq-loading{from{inset-inline-start:-35%}to{inset-inline-start:100%}}
@media(min-width:1750px){:root{--sidebar:230px;--gutter:48px}.nav-item{font-size:calc(14px * var(--hq-scale,1))}.topbar,#main,.workspace-footer{max-width:1660px}}
@media(max-width:1180px){.management-department{grid-template-columns:minmax(170px,1fr) minmax(130px,1fr) auto;gap:18px}.department-status{grid-column:2}.department-action{grid-column:3;grid-row:1/3}.delegation-layout.is-editing{grid-template-columns:1fr}.is-editing .management-department{grid-template-columns:minmax(0,1fr) auto}.delegation-panel{max-width:800px}.heading-actions{flex-shrink:1}.executive-layout{gap:28px}.executive-attention{padding-inline-start:23px}}
@media(max-width:980px){:root{--gutter:26px}.sidebar{position:relative;inset:auto;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:20px var(--gutter);border:0;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0}.navigation-toggle{display:inline-flex!important}.sidebar #navigation{display:none;width:100%;max-height:65dvh}.sidebar #navigation.mobile-open{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px}.sidebar-utilities{display:none}.workspace{margin:0}.topbar{min-height:65px}.page-heading{gap:20px;align-items:start}.page-heading h1{font-size:calc(28px * var(--hq-scale,1))}.page-heading p{font-size:calc(13px * var(--hq-scale,1))}.auth-layout{gap:55px;min-height:560px}.chat-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:680px){:root{--gutter:20px}.sidebar{padding-block:17px;min-height:74px}.brand>span{font-size:calc(18px * var(--hq-scale,1))}.brand small{font-size:calc(10px * var(--hq-scale,1))}.topbar{min-height:63px;padding-block:8px}#account-label{display:none}.topbar-actions{width:100%;justify-content:flex-end;gap:12px}.header-language{margin-inline-end:auto;max-width:110px}.header-language select{font-size:calc(13px * var(--hq-scale,1));min-height:44px}.account-menu>summary{min-height:44px}#account-trigger-label{font-size:calc(12px * var(--hq-scale,1))}.account-menu-items{min-width:220px}.account-dot{display:none}#attendance-link{min-height:42px;font-size:calc(12px * var(--hq-scale,1))}#main{padding-block:28px 38px}.page-heading{flex-direction:column;margin-bottom:25px;gap:17px}.page-heading h1{font-size:calc(27px * var(--hq-scale,1))}.heading-actions{width:100%;gap:9px}.heading-actions .button{font-size:calc(12px * var(--hq-scale,1))}.button{min-height:44px}.hq-form .two-fields{grid-template-columns:1fr}.hq-form input,.hq-form select,.hq-form textarea,.directory-search input,.appearance-field select,.inline-review input,.day-filter input{font-size:calc(16px * var(--hq-scale,1))}.hq-form label{font-size:calc(13px * var(--hq-scale,1))}.stats{gap:20px 16px;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:18px}.stat-value{font-size:calc(26px * var(--hq-scale,1))}.executive-layout{grid-template-columns:1fr;gap:30px}.executive-attention{border-inline-start:0;padding:22px 0 0;border-top:1px solid var(--line)}.executive-attention>h2{margin-bottom:18px}.module-grid{grid-template-columns:1fr;gap:0;margin-top:15px}.module-link{padding-block:19px}.department-row{padding-block:18px}.department-tabs{gap:19px}.department-tabs a{font-size:calc(12px * var(--hq-scale,1));min-height:44px}.table-wrap{overflow:visible;border-radius:6px}.table{display:block;min-width:0}.table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table tbody{display:grid}.table tr{display:grid;padding:15px 17px;border-bottom:1px solid var(--line)}.table tr:last-child{border:0}.table td{display:block;border:0;padding:7px 0;font-size:calc(13px * var(--hq-scale,1))}.table td:before{content:attr(data-label);display:block;font-size:calc(11px * var(--hq-scale,1));font-weight:400;color:var(--muted);margin-bottom:5px}.table .button{min-height:42px}.profile-facts{grid-template-columns:1fr 1fr;gap:20px}.page-section{margin-top:27px}.management-toolbar{align-items:start;gap:15px}.directory-search{width:100%}.management-counts{font-size:calc(11px * var(--hq-scale,1));gap:7px;flex-wrap:wrap}.management-department,.is-editing .management-department{grid-template-columns:minmax(0,1fr) auto;padding:20px 17px;gap:16px}.department-identity{grid-column:1/-1}.department-status{grid-column:1;grid-row:3}.department-lead,.is-editing .department-lead{grid-column:1;grid-row:2}.department-action,.is-editing .department-action{grid-column:2;grid-row:2/4;align-self:end}.is-editing .department-status{grid-column:1;grid-row:3}.department-action .button{min-height:44px;max-width:140px}.department-action p{max-width:18ch;font-size:calc(11px * var(--hq-scale,1))}.department-identity h2{font-size:calc(16px * var(--hq-scale,1))}.delegation-panel{padding:21px 18px}.delegation-guidance{flex-direction:column;gap:7px;padding-block:19px}.management-history{margin-top:8px}.section-heading{align-items:start}.section-heading p{font-size:calc(12px * var(--hq-scale,1))}.task-toolbar{gap:15px}.task-filters{gap:4px}.task-filters .button{min-height:44px;font-size:calc(12px * var(--hq-scale,1));padding-inline:10px}.task-summary{line-height:1.7}.chat-layout{grid-template-columns:1fr;min-height:0}.chat-tree{border-inline-end:0;border-bottom:1px solid var(--line);padding:14px;max-height:235px}.chat-room{padding:18px}.chat-messages{min-height:140px}.chat-room-head{align-items:start}.account-card{padding:22px}.auth-layout{display:block;max-width:440px;min-height:0}.auth-editorial{display:none}.auth-content{max-width:none}.auth-panel h1{font-size:calc(27px * var(--hq-scale,1))}.auth-content{padding-top:16px}.auth-panel .hq-form{margin-top:24px}.auth-help{font-size:calc(12px * var(--hq-scale,1))}.workspace-footer{font-size:calc(10px * var(--hq-scale,1));gap:15px}.page-loading{min-height:175px}.sidebar-utilities{display:none!important}body[data-shell=gate] .sidebar{height:88px;padding:20px var(--gutter)}body[data-shell=gate] .brand{max-width:calc(100% - 190px)}body[data-shell=gate] .brand small{display:none}body[data-shell=gate] .topbar{inset-block-start:20px;inset-inline-end:20px;max-width:calc(100% - 160px)}body[data-shell=gate] .topbar-actions{gap:10px;flex-wrap:wrap}body[data-shell=gate] .workspace{min-height:calc(100dvh - 88px)}body[data-shell=gate] #main{padding-block:15px 35px}}
@media(max-width:390px){:root{--gutter:16px}.brand>span{font-size:calc(16px * var(--hq-scale,1))}.brand-hq{font-size:calc(10px * var(--hq-scale,1));margin-inline-start:5px}.topbar-actions{gap:9px}.header-language{max-width:100px}.header-language select{font-size:calc(12px * var(--hq-scale,1))}.profile-facts{grid-template-columns:1fr}.page-heading h1{font-size:calc(25px * var(--hq-scale,1))}.department-action .button{font-size:calc(11px * var(--hq-scale,1));padding-inline:9px}.management-department{gap:14px}.card-number{font-size:calc(25px * var(--hq-scale,1))}.auth-panel h1{font-size:calc(25px * var(--hq-scale,1))}body[data-shell=gate] .sidebar{height:120px;align-items:flex-start}body[data-shell=gate] .topbar{max-width:calc(100% - 145px);inset-inline-end:15px}body[data-shell=gate] .workspace{min-height:calc(100dvh - 120px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-track:after{inset-inline-start:0;width:100%;opacity:.5}}
@media print{.sidebar,.topbar,.workspace-footer,.heading-actions,.task-toolbar,.pagination,.department-tabs,.form-actions{display:none!important}.workspace{margin:0}#main{padding:0;max-width:none}.table-wrap{border:0}.table{min-width:0}}

.assignment-form{display:grid;gap:16px;max-width:720px;margin-top:18px}.assignment-form label{display:grid;gap:8px;font-size:calc(13px * var(--hq-scale,1))}.assignment-form input,.assignment-form select{width:100%;min-height:44px;padding:10px 12px;background:var(--panel);color:var(--text);border:1px solid var(--control);border-radius:6px}.assignment-form .button{justify-self:start}@media(max-width:680px){.assignment-form input,.assignment-form select{font-size:calc(16px * var(--hq-scale,1))}}

html[data-density=compact] .table td{padding-block:11px}html[data-density=compact] .management-department{padding-block:18px}

/* Transparent section mounts preserve the accepted page composition. */
.hq-section{display:contents}.executive-attention>.hq-section>h2{margin-bottom:22px}
/* Phase 5: recruitment reuses the existing type, surface and control system. */
.recruitment-stage-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));border-top:1px solid var(--line);gap:0 24px}.recruitment-stage-list>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);color:var(--text)}.recruitment-stage-list strong{font-size:22px;font-weight:550;color:var(--blue)}.recruitment-form{max-width:900px}.recruitment-form fieldset{border:0;padding:0;margin:0;display:grid;gap:16px}.recruitment-form legend{font-size:16px;font-weight:600;padding:0;margin-bottom:16px}.recruitment-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.recruitment-filters>label{flex:1 1 180px}.onboarding-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.confirmation-label{display:flex!important;align-items:flex-start;gap:10px}.confirmation-label input{width:18px;min-height:18px;margin-top:4px;flex:0 0 18px}.recruitment-tabs{gap:18px}@media(max-width:700px){.onboarding-actions{grid-template-columns:1fr}.recruitment-tabs{gap:6px 16px}.recruitment-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}