/* Shared shell for all server-rendered business pages. */
:root{--bg:#f3f9fc;--ink:#142b49;--muted:#72869f;--line:#e6f0f5;--soft:#f3f8fb;--accent:#008f9d;--tint:#edf9fa;--sidebar:220px}
:root[data-theme=dark]{--bg:#091921;--surface:#10242d;--ink:#e6f4f8;--muted:#8ca5b5;--line:#25414b;--soft:#132c36;--accent:#4ddde0;--tint:#16363e}
.sidebar{background:#f9fcfe;padding:24px 12px 18px}.brand{font-weight:750;letter-spacing:2px}.brand span{font-size:10px;letter-spacing:0}.sidebar nav{margin:22px 0;gap:7px}.nav-section>summary{cursor:pointer;padding:11px 10px;color:var(--ink);font-weight:600;font-size:13px;border-radius:6px}.nav-section>summary:hover{background:var(--soft)}.nav-section>a{margin:3px 0;padding:9px 12px 9px 23px!important;white-space:normal!important}.sidebar nav a.active{background:linear-gradient(110deg,#37bfc4,#53cacc);color:#fff}.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.identity-switch{border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:var(--accent);font-size:12px}.panel,.card{border-radius:10px;box-shadow:0 5px 22px #3d789d07}.page-heading h1{font-weight:650}.sidebar-bottom{letter-spacing:.3px}:root[data-theme=dark] .sidebar{background:#0c1c25}.account-nav{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}
@media(max-width:760px){.topbar-account{gap:7px;flex-wrap:wrap}.identity-switch{font-size:11px;padding:4px 6px}.topbar{height:auto;min-height:64px}.sidebar{max-width:85vw}.brand span{white-space:normal}}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:8px}.topbar-account{justify-content:flex-end;flex:1}.topbar .topbar-account .identity-switch{font-size:11px}.topbar-account>.active-work-role{display:inline;font-size:11px}.topbar-account>a:not(.identity-switch){font-size:11px}}
/* Add-on forms use the same surfaces, including the shared dark theme. */
.page-content>.card{padding:20px;margin:16px 0;background:var(--surface);border:1px solid var(--line)}
:root[data-theme=dark] .staff-ux{color:var(--ink)}
:root[data-theme=dark] .staff-ux :is(.su-card,.su-panel,.su-table,.su-filter){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .staff-ux :is(.su-request,.su-summary,.su-candidates,.su-btn.secondary,.su-filters button,.su-form input,.su-form select,.su-form textarea){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .staff-ux :is(.su-heading p,.su-kicker,.su-summary span,.su-summary p,.su-facts dt,.su-type,.su-identifiers,.su-ledger,.su-result,.su-candidate small,.su-candidates p){color:var(--muted)}
:root[data-theme=dark] .staff-ux .su-notice{background:var(--amber-bg);color:var(--amber)}
:root[data-theme=dark] .staff-ux .su-state{background:var(--tint);color:var(--accent)}
:root[data-theme=dark] .staff-ux .su-filters button[aria-pressed=true]{background:var(--teal);color:#113b3d;border-color:var(--teal)}
/* Page layouts follow the supplied Work sample; all numbers are server data. */
.work-summary-cards{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;margin:22px 0}.work-summary-card{display:grid;gap:8px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 22px #3d789d07}.work-summary-card>small{font-size:12px}.work-summary-card>strong{font-size:30px;line-height:1.2;font-weight:650}.work-summary-card>span{font-size:11px;color:var(--muted)}.work-summary-context>strong{font-size:17px;margin:7px 0}.work-clients-panel .browse-search{padding:20px 22px;gap:12px;background:var(--surface)}.work-clients-panel .browse-search input{background:var(--soft)}.work-clients-panel th{font-size:11px;color:var(--muted);background:var(--soft);font-weight:500}.work-clients-panel :is(th,td){padding:17px 22px}.work-client-name{display:flex;align-items:center;gap:10px;font-weight:600}.work-client-name .avatar{width:35px;height:35px;background:var(--tint);color:var(--accent)}.work-clients-panel .work-client-name+small{padding-left:45px;margin-top:3px;font-size:10px}.work-clients-panel .text-action{white-space:nowrap}
.work-clients-panel .browse-desktop table{min-width:760px}.work-clients-panel .browse-desktop :is(th,td){white-space:nowrap}.work-client-name{white-space:nowrap}.work-brand-portrait{position:absolute;right:0;bottom:0;width:150px;height:195px;opacity:.88;pointer-events:none}.portrait-dark{display:none}:root[data-theme=dark] .portrait-light{display:none}:root[data-theme=dark] .portrait-dark{display:block}
.work-dashboard-hero .metrics.dashboard-metrics{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}.work-dashboard-hero .metrics.dashboard-metrics .metric{border:1px solid var(--line);background:var(--surface);border-radius:10px}.work-dashboard-hero .metrics.dashboard-metrics .metric[aria-pressed=true]{border-color:var(--teal);background:var(--tint)}
.work-dashboard-hero .metrics.dashboard-metrics .metric{justify-content:flex-start}
@media(min-width:1101px){.work-brand-card{min-height:300px}.work-brand-portrait{width:115px;height:150px}.work-brand-card>a{background:var(--surface);padding:6px 9px;border-radius:6px;font-size:10px}}
@media(max-width:1100px){.work-brand-portrait,:root[data-theme=dark] .work-brand-portrait{display:none}}
.work-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:20px;align-items:stretch;margin:20px 0}.work-dashboard-hero .dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.work-dashboard-hero .metric{padding:22px;text-align:left;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:12px;box-shadow:0 5px 22px #3d789d07}.work-dashboard-hero .metric strong{font-size:30px;font-weight:650}.work-dashboard-hero .metric[aria-pressed=true]{border-color:var(--teal);background:var(--tint)}.work-brand-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface),var(--tint));display:flex;flex-direction:column;align-items:flex-start;gap:16px}.work-brand-card small{letter-spacing:1px;font-size:10px}.work-brand-card h2{font-size:27px;font-weight:700;line-height:1.55;position:relative;z-index:1}.work-brand-card p{font-size:11px;color:var(--muted);letter-spacing:1px;position:relative;z-index:1}.work-brand-card>a{font-size:11px;margin-top:auto;position:relative;z-index:1}.work-brand-rings{position:absolute;right:-100px;bottom:15px;width:240px;height:240px;border:1px solid #46c5c640;border-radius:50%;pointer-events:none}.work-brand-rings span{position:absolute;inset:20px;border:1px solid #46c5c640;border-radius:50%}.work-brand-rings span:nth-child(2){inset:40px}.work-brand-rings span:nth-child(3){inset:60px}
.work-client-profile{display:flex;align-items:center;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px 12px 0 0;margin:0}.work-profile-avatar{display:grid;place-items:center;flex:none;width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,var(--tint),#46c5c640);font-size:27px;color:var(--accent)}.work-client-profile>div{flex:1}.work-client-profile h1{font-size:24px;margin-top:4px}.work-client-profile p{margin-bottom:0}.work-detail-tabs{margin:0 0 20px!important;padding:14px 24px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;gap:10px;display:flex;flex-wrap:wrap}.work-detail-tabs a{font-size:12px}.work-detail-tabs .secondary{background:transparent;border-color:transparent;color:var(--muted)}.work-section-heading{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:24px 0 14px}.work-section-heading h2{font-weight:650}.rights-overview{gap:14px}.rights-overview>div{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:17px}
.work-calendar-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.work-calendar-sidebar{position:sticky;top:84px;margin:0}.work-calendar-date{display:grid;gap:12px;margin:20px 0 24px}.work-calendar-date input{width:100%;min-width:0}.work-status-legend{padding:0;margin:16px 0 24px;list-style:none;display:grid;gap:14px;color:var(--muted);font-size:12px}.work-status-legend li{display:flex;align-items:center;gap:10px}.work-dot{height:8px;width:8px;border-radius:50%;background:var(--teal)}.work-dot-blue{background:#3e91ff}.work-dot-green{background:#0dbd83}.work-calendar-main{min-width:0}.work-calendar-main>.week-panel{margin-top:0}
.work-workload-chart{margin:20px 0}.work-report-total{font-size:28px;font-weight:650}.work-report-total small{font-size:12px;margin-left:4px}.work-bars{padding:10px 24px 24px;display:grid;gap:18px}.work-bar-row{display:grid;grid-template-columns:100px minmax(0,1fr) 65px;gap:15px;align-items:center;font-size:13px}.work-bar-row>strong{text-align:right}.work-bar-row small{margin-left:5px}.work-bar-track{width:100%;height:12px;border:0;background:var(--soft);border-radius:10px;overflow:hidden;accent-color:var(--teal)}.work-bar-track::-webkit-progress-bar{background:var(--soft);border-radius:10px}.work-bar-track::-webkit-progress-value{background:linear-gradient(90deg,#37bfc4,#69d7d5);border-radius:10px}.work-bar-track::-moz-progress-bar{background:var(--teal);border-radius:10px}
@media(max-width:1100px){.work-dashboard-hero{grid-template-columns:minmax(0,1fr)}.work-brand-card{min-height:140px;padding:20px;gap:7px}.work-brand-card h2{font-size:22px}.work-brand-card h2 br{display:none}.work-brand-card>a{position:absolute;right:22px;bottom:22px}.work-calendar-layout{grid-template-columns:185px minmax(0,1fr);gap:14px}.work-summary-card{padding:18px}}
@media(max-width:760px){.work-summary-cards{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.work-summary-card{padding:16px;gap:6px}.work-summary-card>strong{font-size:26px}.work-summary-context{grid-column:1/-1}.work-summary-context>strong{font-size:15px;margin:0}.work-clients-panel .browse-search{padding:16px}.work-dashboard-hero{gap:12px;margin:16px 0}.work-dashboard-hero .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-dashboard-hero .metric{padding:16px;gap:9px}.work-dashboard-hero .metric strong{font-size:27px}.work-brand-card h2{font-size:21px}.work-brand-card>a{position:static}.work-client-profile{padding:18px;gap:12px;flex-wrap:wrap}.work-profile-avatar{width:50px;height:50px;font-size:22px}.work-client-profile>div{flex-basis:calc(100% - 70px)}.work-client-profile :is(button,.button){flex:1;white-space:nowrap}.work-detail-tabs{padding:10px 12px;gap:4px}.work-detail-tabs a{padding:6px 9px;min-height:38px}.work-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.work-calendar-layout{grid-template-columns:1fr}.work-calendar-sidebar{position:static;padding:16px}.work-calendar-date{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin:12px 0 0}.work-calendar-sidebar>h3,.work-status-legend,.work-calendar-sidebar>p{display:none}.work-bar-row{grid-template-columns:75px minmax(0,1fr) 45px;gap:10px}.work-bars{padding:12px 16px 20px}}