:root { --shell-header-height: 65px; }
/* Ops Dashboard 68c6cc5: palette, spacing, typography and shell dimensions. */
:root,:root[data-theme="light"]{--bg:#f6f7f9;--surface:#fff;--surface-2:#eef0f6;--field:#fff;--panel:#e8eaf0;--border:#e8eaf0;--text:#17181f;--text-bright:#17181f;--muted:#606a7b;--faint:#98a1b2;--blue:#4b6ef5;--blue-strong:#4b6ef5;--shell-bg:#fff;--shell-shadow:0 1px 2px rgba(16,24,40,.04),0 2px 8px rgba(16,24,40,.05);--d-bg:var(--bg);--d-card:var(--surface);--d-bd:var(--border);--d-tx:var(--text);--d-mt:var(--muted);--d-bu:var(--blue)}
:root[data-theme="dark"]{--bg:#0e1015;--surface:#191c28;--surface-2:#1d2030;--field:#191c28;--panel:#272b3a;--border:#272b3a;--text:#e6eaf2;--text-bright:#e6eaf2;--muted:#96a0b2;--faint:#5f6b80;--blue:#5c7cff;--blue-strong:#5c7cff;--shell-bg:#12141d;--shell-shadow:0 1px 2px #00000047,0 3px 10px #0000004d}
body,body.dash-open{display:block;padding:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}
body>.card,body.dash-open>.card.dash-card{max-width:none;width:auto;margin:0 0 0 228px;padding:28px;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:calc(100vh - 64px)}
body:not(.authenticated)>.card{margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh}
body:not(.authenticated) #shellHeader,body:not(.authenticated) #shellSidebar{display:none}
#shellHeader{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--shell-bg);border-bottom:1px solid var(--border);min-height:64px;position:sticky;top:0;z-index:30;flex-wrap:wrap}
.shell-brand{font-size:22px;font-weight:800;color:var(--text-bright)}.shell-brand span{color:var(--blue)}
#shellHeader .spacer{flex:1}.profile-pill{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px}
#shellSidebar{position:fixed;top:65px;bottom:0;left:0;width:228px;padding:18px 12px;background:var(--shell-bg);border-right:1px solid var(--border);overflow:auto;z-index:25}
#shellSidebar button{display:flex;width:100%;gap:10px;padding:11px 14px;margin-bottom:4px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;text-align:left;border-radius:10px}
#shellSidebar button:hover{background:color-mix(in srgb,var(--blue) 6%,transparent)}#shellSidebar button.active{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent);font-weight:600}
button,input,select{font-family:inherit}button{border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600}input,select{padding:10px 14px;border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
#s_login{width:100%;max-width:520px;background:var(--surface);padding:48px;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shell-shadow);text-align:center}
#s_login .shell-brand{font-size:28px}.login-subtitle{font-size:12px;color:var(--muted);margin:12px 0 28px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.profile-choice{padding:28px;background:var(--bg);color:var(--text);border:1px solid var(--border)}.profile-choice strong{display:block;margin:12px 0}.profile-avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-size:20px}
#pinInput{width:200px;text-align:center;font-size:18px;letter-spacing:4px;margin:18px auto;display:block}#loginErr{margin-top:18px;color:var(--red);font-size:13px}
#shellPageTitle{font-size:27px;font-weight:700;margin:0 0 18px}#shellBankPage .shell-card,#shellSettingsPage .shell-card{border:1px solid var(--border);background:var(--surface);padding:28px;border-radius:14px;margin-bottom:18px;box-shadow:var(--shell-shadow)}
.shell-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.shell-table-scroll{overflow:auto}.shell-card h3{font-size:19px;margin-bottom:18px}.shell-table-scroll table{width:100%}
#shellMenu{display:none}.owner-only.hidden-role{display:none!important}.d-head h2{display:none}.d-head{flex-wrap:wrap}#syncBar{width:100%;margin:0;font-size:12px}#memStatus{font-size:11px;color:var(--muted)}
@media(max-width:850px){#shellMenu{display:block}#shellSidebar{display:none;width:228px;box-shadow:var(--shell-shadow)}body.menu-open #shellSidebar{display:block}body>.card,body.dash-open>.card.dash-card{margin-left:0;padding:18px}#shellHeader{padding:12px 18px}.shell-brand{font-size:19px}#shellHeader .profile-pill{display:none}#s_login{padding:28px}#dashCoFilter{flex-wrap:wrap}#shellPageTitle{font-size:23px}}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#shellSidebar{top:var(--shell-header-height,65px)}
.bank-balance-list{margin-bottom:12px}.bank-balance-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.bank-balance-row:last-child{border-bottom:none}.bank-balance-row strong{font-size:20px;white-space:nowrap}.bank-balance-row span{color:var(--muted);font-size:12px;text-align:right}.bank-note{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:18px}.bank-warning{color:var(--amber)!important}.bank-reference{display:block;color:var(--muted);margin-top:4px}.bank-source{padding:12px 0;border-bottom:1px solid var(--border);line-height:1.6}#bankLiquidity p,#bankLiquidity ul{margin:12px 0;line-height:1.5}#bankLiquidity ul{padding-left:18px}
