/* CSRDB cabinet spacing/segments adapted to HH's Chaser tokens and wide shell. */
html[data-theme=light]{color-scheme:light;--bg:#F6F4FC;--panel:#FFFFFF;--surface:#EDE8F7;--text:#241C3E;--muted:#625777;--blue:#087D7B;--red:#B93350;--line:#D9D1E6;--green:#526B08;--amber:#946000}
html[data-theme=light] .primary{color:#FFFFFF}
html.signed-in main{max-width:1560px;padding-inline:32px}
.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px;min-height:68vh}
#workspace{min-width:0;padding-bottom:32px}
.picker-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;margin:28px 0}.picker-list{min-width:0}.picker-layout #alliance-list{grid-template-columns:1fr}.picker-layout #create-alliance-form{margin:0;padding:24px;border:1px solid var(--line);max-width:none}.picker-layout #create-alliance-form h2{font-size:16px}
.bank-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:32px;align-items:start;margin:24px 0}.bank-payments{min-width:0}.bank-history-block{position:sticky;top:24px}.bank-history-block h2{margin-top:0!important}.bank-history-block #bank-history{max-height:620px;overflow:auto}.bank-history-block #payment-support{margin-bottom:0}
.app-nav{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:8px 0}
.app-nav button{display:flex;align-items:center;gap:12px;text-align:left;min-height:48px;border:0;border-radius:12px;padding:12px 14px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;line-height:1.4}
.app-nav button:hover{background:var(--panel);color:var(--text)}
.app-nav button[aria-current=page]{color:var(--blue);background:var(--surface)}
.app-nav svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.session-bar{min-height:44px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:28px}
.page-heading>div{min-width:0;flex:1 1 220px}.page-heading h1{overflow-wrap:anywhere;hyphens:auto}
.page-heading p{margin:8px 0 0}.page-heading h1{margin:0}.page-heading>.button{flex:none}
.workspace-block{min-width:0;background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:18px}
.workspace-block h2{font-size:17px;margin-bottom:16px}.workspace-block>p{font-size:13px}
.workspace-block .connections{margin:0;border:0;padding:0;border-radius:0}
.workspace-block .connections summary{font-family:Unbounded,system-ui,sans-serif;font-size:17px;line-height:1.5}
.preferences-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
#preferences-connections{grid-column:1 / -1}
.profile-line{display:flex;align-items:center;gap:14px;margin:20px 0}.profile-line>div{min-width:0;overflow-wrap:anywhere}.profile-line img{flex:none}
.verified-label{display:block;font-size:12px;color:var(--green);margin-top:6px}
.preference-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.preference-row select{width:auto;max-width:58%;font-size:14px}
.view-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:0 0 24px}
.view-toolbar label{margin:0;min-width:0;flex:1;font-size:13px}.view-toolbar select{min-width:140px}.view-toolbar>.button{flex:none}
.segmented{display:flex;align-self:flex-end;padding:4px;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.segmented button{border:0;background:transparent;border-radius:8px;min-height:38px;padding:8px 16px;color:var(--muted);font-size:13px;font-weight:600}
.segmented button[aria-pressed=true]{background:var(--panel);color:var(--blue)}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:22px 0}
.metric{padding:20px 18px;border-bottom:2px solid var(--line);background:var(--panel);border-radius:12px 12px 0 0;min-width:0}
.metric:first-child{border-bottom-color:var(--blue)}.metric strong{display:block;font-size:28px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metric .muted{display:block;margin-top:8px;font-size:12px;line-height:1.4}
.stats-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:24px;align-items:start}.stats-breakdown{grid-column:1 / -1}
.chart-bars{height:180px;display:flex;gap:4px;align-items:end;border-bottom:1px solid var(--line);padding:8px 0}
.chart-column{height:164px;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:10px;padding:0 2px;border:0;background:none;color:var(--muted);border-radius:4px}
.chart-bar{display:block;background:var(--blue);opacity:.55;width:100%;max-width:48px;border-radius:4px 4px 0 0;min-height:2px}
.chart-column:hover .chart-bar,.chart-column[aria-pressed=true] .chart-bar{opacity:1}
.chart-label{height:20px;font-size:10px;white-space:nowrap}.chart-detail{min-height:40px;font-size:12px;line-height:1.5;margin:16px 0}
.data-line{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.data-line strong{font-variant-numeric:tabular-nums}
#stats-live>.button{margin-top:20px}.helper-stat{border-top:1px solid var(--line);padding:0}.helper-stat:first-child{border-top:0}
.helper-stat summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;list-style:none}.helper-stat summary::-webkit-details-marker{display:none}
.helper-stat summary:after{content:'+';color:var(--blue);margin-left:6px}.helper-stat[open] summary:after{content:'−'}
.helper-stat summary strong{flex:1;font-size:14px;overflow-wrap:anywhere}.helper-stat summary .muted{font-size:12px;max-width:48%;text-align:right}
.helper-stat summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.stat-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;padding:18px;margin:0 0 20px;background:var(--surface);border-radius:12px;font-size:13px}.stat-detail dt{color:var(--muted)}.stat-detail dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.directory-search{flex:2!important}.directory-row{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:18px 0;min-width:0}.directory-row:first-child{border:0}
.directory-identity{flex:1;min-width:0;display:grid;gap:6px;overflow-wrap:anywhere}.directory-identity strong{font-size:14px}.directory-identity .muted{font-size:12px}
.directory-values{display:grid;gap:6px;font-size:13px;text-align:right;min-width:0;flex:none}.directory-values .muted{font-size:12px}.directory-row>.button{font-size:12px;flex:none}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line);margin-top:12px}.pagination .muted{font-size:12px;text-align:center}
#admin-payment-review{margin-top:24px}#admin-payment-review #admin-panel>h2{margin-top:0}#admin-items .button{margin:8px 8px 0 0}
@media(min-width:1100px){#settings-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}#settings-panel>p{grid-column:1 / -1}#settings-form{padding-top:0;margin-top:0;max-width:none}#people-panel{min-width:0}#managers-form{padding-top:0}#alliance-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media(max-width:1050px){.app-shell{grid-template-columns:160px minmax(0,1fr);gap:24px}.app-nav button{font-size:13px;padding-inline:10px}.stats-columns,.picker-layout,.bank-layout{grid-template-columns:1fr}.bank-history-block{position:static}.stats-breakdown{grid-column:auto}.preferences-grid{grid-template-columns:1fr}#preferences-connections{grid-column:auto}#accounts{grid-template-columns:1fr}.directory-row{flex-wrap:wrap}.directory-row>.button{margin-left:auto}}
@media(max-width:768px){html.signed-in main{padding:16px 20px max(102px,calc(88px + env(safe-area-inset-bottom)))}.app-shell{display:block;min-height:60vh}.app-nav{position:fixed;z-index:20;inset:auto 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;justify-content:center;border-top:1px solid var(--line);background:var(--panel);padding:6px 6px max(10px,env(safe-area-inset-bottom));margin:0}.app-nav button{flex:1;max-width:150px;min-width:0;flex-direction:column;justify-content:center;gap:5px;font-size:11px;line-height:1.25;text-align:center;padding:8px 4px;min-height:58px;border-radius:10px}.app-nav svg{width:21px;height:21px}.app-nav button[aria-current=page]{background:var(--surface)}.session-bar{margin-bottom:20px;padding-bottom:14px}.page-heading{gap:12px;margin-bottom:20px}.page-heading p{font-size:13px}.page-heading>.button{padding:10px;font-size:12px}.workspace-block{padding:20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px}.metric strong{font-size:25px}.stats-columns,.preferences-grid{gap:16px}.view-toolbar{gap:12px}.view-toolbar label{flex-basis:100%}.segmented{width:100%}.segmented button{flex:1;padding:8px}.directory-search{flex-basis:70%!important}.directory-row{gap:12px}.directory-identity{flex-basis:60%}.directory-values{flex:1;text-align:left}.directory-row>.button{margin-left:0}.pagination .button{padding:10px;font-size:12px}#workspace{padding-bottom:16px}.site-footer{margin-top:16px}}
@media(max-width:450px){html.signed-in main{padding-inline:12px}.workspace-block{padding:18px 14px;border-radius:14px}.app-nav button{font-size:10px}.profile-line{gap:10px}.profile-line img{width:42px;height:42px}.profile-line strong{font-size:14px}.chart-bars{gap:2px}.chart-column{padding-inline:1px}.chart-label{font-size:9px}.directory-identity{flex-basis:100%}.directory-row>.button{margin-left:auto}.preference-row{font-size:13px}.helper-stat summary{gap:10px}.helper-stat summary strong{font-size:13px}.helper-stat summary .muted{font-size:11px}}