/* Shared presentation refinements. No data, permission or calculation changes. */
html[data-design=enterprise]{--ui-radius:10px;--ui-shadow:0 2px 8px #10274306;--ui-success-bg:#e7f5ed;--ui-success-ink:#17613d;--ui-warning-bg:#fff4dc;--ui-warning-ink:#805609;--ui-danger-bg:#ffedf0;--ui-danger-ink:#a32642}
html[data-design=enterprise][data-theme=midnight]{--ui-shadow:0 2px 8px #0002;--ui-success-bg:#173e31;--ui-success-ink:#ade7c9;--ui-warning-bg:#483b24;--ui-warning-ink:#f6d795;--ui-danger-bg:#4a2836;--ui-danger-ink:#ffc1cd}
html[data-design=enterprise] #workspace>main{line-height:1.5}
html[data-design=enterprise] #workspace>main>header{padding-bottom:18px;margin-bottom:20px}
html[data-design=enterprise] #workspace h1{font-weight:650;letter-spacing:-.5px}
html[data-design=enterprise] #workspace :is(.panel,.board-card,.stat,.health-card,.api-card,.support-card,.metric-card){border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}
html[data-design=enterprise] #workspace .panel-head{min-width:0;flex-wrap:wrap;row-gap:12px}
html[data-design=enterprise] #workspace .panel-head :is(h2,h3){line-height:1.4;overflow-wrap:anywhere}
html[data-design=enterprise] #workspace :is(.master-actions,.employee-inline-actions,.row-actions){gap:8px;align-items:center}
html[data-design=enterprise] #workspace :is(#nav,#ess-sidebar) button{border-radius:7px;line-height:1.5}
html[data-design=enterprise] #workspace :is(#nav,#ess-sidebar) button.active{box-shadow:inset 0 0 0 1px #ffffff15}
html[data-design=enterprise] #workspace .nav-group>summary{border-radius:7px;min-height:40px}
html[data-design=enterprise] :is(button,input,select,textarea){font-family:inherit}
html[data-design=enterprise] :is(#workspace,dialog) :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px;scroll-margin:12px}
html[data-design=enterprise] :is(#workspace,dialog) button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
html[data-design=enterprise] :is(#workspace,dialog) input::placeholder,html[data-design=enterprise] :is(#workspace,dialog) textarea::placeholder{color:var(--muted);opacity:1}
html[data-design=enterprise] :is(#workspace,dialog) textarea{resize:vertical;max-width:100%;box-sizing:border-box}
html[data-design=enterprise] :is(#workspace,dialog) input[aria-invalid=true]{border-color:var(--ui-danger-ink)}
html[data-design=enterprise] :is(#workspace,dialog) :is(.error,#form-error):not(:empty){background:var(--ui-danger-bg);color:var(--ui-danger-ink);padding:10px 12px;border:1px solid currentColor;border-radius:7px;line-height:1.6;overflow-wrap:anywhere}
html[data-design=enterprise] :is(#workspace,dialog) .error:empty{padding:0;border:0;margin:0}
html[data-design=enterprise] :is(#content,.ess-tab-panel) :is(.toolbar,.management-filters){row-gap:16px;column-gap:16px}
html[data-design=enterprise] :is(#content,.ess-tab-panel) .toolbar>label{min-width:0;max-width:100%;line-height:1.5}
html[data-design=enterprise] :is(#content,.ess-tab-panel) .toolbar>label:not(:has(input[type=checkbox],input[type=radio])){display:flex;flex-direction:column;gap:7px}
html[data-design=enterprise] :is(#content,.ess-tab-panel) .toolbar>label> :is(input:not([type=checkbox]):not([type=radio]),select){box-sizing:border-box;max-width:100%;min-height:40px}
html[data-design=enterprise] :is(#content,.ess-tab-panel) .toolbar>button{min-height:40px;white-space:nowrap}
html[data-design=enterprise] .employee-multi-picker{border-radius:7px}
html[data-design=enterprise] .employee-multi-picker[open]>.picker-body{border-radius:9px;box-shadow:0 12px 28px #10274326}
html[data-design=enterprise] .picker-list label{border-radius:5px;padding:6px 4px}
html[data-design=enterprise] .picker-list label:hover,html[data-design=enterprise] .picker-list label:has(input:checked){background:var(--selected)}
html[data-design=enterprise] #workspace :is(.table-wrap,.table-scroll){border-radius:0 0 var(--ui-radius) var(--ui-radius);scrollbar-width:thin;scrollbar-color:var(--muted) var(--tint);overscroll-behavior-inline:contain}
html[data-design=enterprise] :is(#workspace,dialog) table{font-variant-numeric:tabular-nums}
html[data-design=enterprise] #workspace :is(th,#content .master-table th,.board-table th){color:var(--ink);font-size:11px;font-weight:650;padding-top:13px;padding-bottom:13px}
html[data-design=enterprise] #workspace tbody tr:focus-within{background:var(--selected)}
html[data-design=enterprise] #workspace tbody tr:last-child td{border-bottom:0}
html[data-design=enterprise] #workspace :is(.pagination,.admin-pagination){display:flex;flex-wrap:wrap;align-items:center;gap:10px;line-height:1.5}
html[data-design=enterprise] #workspace :is(.pagination,.admin-pagination) button{min-width:36px}
html[data-design=enterprise] :is(#workspace,dialog) :is(.badge,.ess-status){font-size:11px;font-weight:600;padding:4px 9px;line-height:1.5;border-radius:6px;white-space:nowrap}
html[data-design=enterprise] #workspace .badge.online{background:var(--ui-success-bg);color:var(--ui-success-ink)}
html[data-design=enterprise] #workspace .badge.offline{background:var(--ui-danger-bg);color:var(--ui-danger-ink)}
html[data-design=enterprise] #workspace .badge.warn{background:var(--ui-warning-bg);color:var(--ui-warning-ink)}
html[data-design=enterprise] #workspace :is(.empty,.ess-empty,.board-empty){padding:24px;color:var(--muted);line-height:1.7;text-align:center}
html[data-design=enterprise] #workspace .empty strong{display:block;color:var(--heading);font-size:15px;margin-bottom:6px}
html[data-design=enterprise] #workspace .loading{padding:24px;color:var(--muted);line-height:1.6}
html[data-design=enterprise] #workspace .board-card h3{padding-bottom:12px;margin-bottom:12px}
html[data-design=enterprise] #workspace :is(.stat strong,.board-count,.finance-units){font-variant-numeric:tabular-nums}
html[data-design=enterprise] :is(.module-tabs,#ess-tabs,.employee-tabs){scrollbar-width:thin;scroll-padding-inline:8px}
html[data-design=enterprise] dialog{border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px #10274333;color:var(--ink);background:var(--surface)}
html[data-design=enterprise] dialog::backdrop{background:#0c1d3599;backdrop-filter:blur(2px)}
html[data-design=enterprise] dialog .dialog-head{gap:16px;align-items:center;border-bottom:1px solid var(--line);background:var(--surface);color:var(--heading)}
html[data-design=enterprise] #close-dialog{flex-shrink:0;min-width:36px;min-height:36px;font-size:20px;background:var(--tint)!important;color:var(--ink)!important;border:1px solid var(--line)}
html[data-design=enterprise] dialog label{line-height:1.5}
html[data-design=enterprise] dialog :is(.note,.muted){line-height:1.65}
html[data-design=enterprise] #toast{max-width:min(420px,calc(100vw - 32px));padding:14px 18px;border-radius:9px;box-shadow:0 8px 28px #10274333;line-height:1.5;overflow-wrap:anywhere}
html[data-design=enterprise] .ui-skip-link{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:10000;background:var(--surface);color:var(--heading);padding:12px 16px;border:2px solid var(--accent);border-radius:7px}
html[data-design=enterprise] .ui-skip-link:focus{transform:translateY(0)}
@media(max-width:760px){
 html[data-design=enterprise] #workspace>main>header{margin-bottom:16px;padding-bottom:14px}
 html[data-design=enterprise] #workspace :is(.panel-head,.board-card,.panel-body){padding:16px}
 html[data-design=enterprise] #workspace .panel-head .master-actions{flex-wrap:wrap}
 html[data-design=enterprise] :is(#workspace,dialog) :is(button,summary){min-height:44px}
 html[data-design=enterprise] #workspace :is(td,th){padding:12px}
 html[data-design=enterprise] #close-dialog{min-width:44px;min-height:44px}
 html[data-design=enterprise] dialog{border-radius:10px}
}
@media(prefers-reduced-motion:reduce){html[data-design=enterprise] dialog::backdrop{backdrop-filter:none}}
@media print{
 html[data-design=enterprise] .ui-skip-link{display:none!important}
 html[data-design=enterprise] #workspace :is(.panel,.stat,.board-card){box-shadow:none}
 html[data-design=enterprise] #workspace :is(.table-wrap,.table-scroll){overflow:visible;border-radius:0}
}