/* Compact office presentation. No data/permission/business-state changes. */
:root { --canvas:#f4f5f7; --paper:var(--canvas); --border:#dce1e6; --line:var(--border); --text-primary:#202b35; --text-secondary:#56636f; --ink:var(--text-primary); --muted:var(--text-secondary); }
body { font-size:14px; line-height:1.5; }
.topbar { min-height:56px; background:#fff; border-bottom:1px solid var(--border); color:var(--ink); }
.topbar-inner { min-height:56px; gap:24px; }
.brand,.main-nav a,.nav-actions>a,.nav-group summary { color:var(--ink); }
.brand-mark { width:26px; height:26px; border-radius:3px; background:#edf2f0; }
.main-nav a { padding:16px 10px; border-radius:0; }
.main-nav a[aria-current="page"] { background:#eef4f1; color:#0d705c; box-shadow:inset 0 -2px #0d705c; }
.page { padding:20px 0 32px; }
h1,.customer-followup h1,.simple-topbar h1 { font-size:24px; letter-spacing:0; }
h2,.simple-section-heading h2 { font-size:17px; }
.page-heading,.page-header,.cf-heading,.simple-topbar { margin-bottom:16px; gap:12px; }
.panel,.primary-panel,.card,.table-wrap,.customer-followup .cf-controls,.customer-followup .cf-table { border-radius:4px; box-shadow:none; }
.panel,.card { padding:16px; }
th,td { padding:9px 12px; }
th { background:#f1f3f5; color:#374754; }
input,select,textarea { border-radius:3px; }
button,.button,.primary,.secondary,.secondary-button,.button-link { min-height:34px; border-radius:3px; padding:6px 12px; }
small,.simple-section-heading>span,.simple-axis,.simple-check>summary span { font-size:12px; color:#56636f; }
.simple-cards { gap:10px; }
.simple-cards section { border-radius:4px; padding:15px 14px; }
.simple-cards section:nth-child(3) { background:#f1f6f3; border-color:#c9dcd2; }
.simple-cards strong { font-size:28px; margin:8px 0 6px; letter-spacing:0; }
.simple-cards small { display:block; line-height:1.5; color:#56636f; }
.simple-profit { margin:10px 0 15px; align-items:center; flex-wrap:wrap; }
.office-coverage { font-size:13px; }
.simple-trend,.simple-tasks,.simple-check { padding:16px; margin:14px 0; border-radius:4px; }
.simple-chart { height:140px; margin-top:10px; }
.simple-month-only { margin-top:10px; padding:8px 10px; border-radius:3px; }
.simple-tasks article { padding:11px 0; gap:16px; }
.simple-tasks article span,.simple-empty { color:#56636f; line-height:1.6; }
.simple-check-body { padding-top:10px; }
.customer-followup { font-size:14px; }
.customer-followup td { padding:9px 10px; font-size:14px; line-height:1.45; }
.customer-followup th,.customer-followup .cf-summary,.customer-followup .cf-import-time,.customer-followup .cf-times,.customer-followup .cf-history-link { font-size:12px; color:#56636f; }
.customer-followup .cf-badges span { font-size:12px; }
.customer-followup .cf-next { white-space:normal; }
.customer-followup .cf-tabs a,.customer-followup .cf-quick a { border-radius:3px; }
.settlement-request-card { padding:13px 0; border-bottom:1px solid var(--border); }
.settlement-request-card:last-child { border-bottom:0; }
.settlement-request-card .panel-head { margin:0 0 7px; gap:10px; flex-wrap:wrap; }
.settlement-request-card h3 { margin:0; font-size:15px; }
.request-reference { font-size:12px; font-weight:400; color:#56636f; }
.request-time { margin:4px 0 8px; font-size:12px; color:#56636f; }
.settlement-request-card .summary-list { display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:10px; margin:0 0 8px; }
.settlement-request-card .summary-list>div { min-width:0; }
.settlement-request-card dt { font-size:12px; color:#56636f; }
.settlement-request-card dd { margin:3px 0 0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.request-evidence { border-top:1px dashed var(--border); padding-top:7px; font-size:13px; }
.request-evidence summary { cursor:pointer; color:#0d705c; width:fit-content; }
.request-evidence dl { margin:8px 0; display:grid; grid-template-columns:100px 1fr; gap:6px 12px; }
.request-evidence dd { margin:0; overflow-wrap:anywhere; }
.request-evidence p { white-space:pre-wrap; overflow-wrap:anywhere; }
.media-access-hint { display:block; margin-top:5px; line-height:1.6; color:#56636f; }
.media-source-locator { display:block; color:#56636f; font-size:12px; margin-top:4px; }
.settlement-metrics-table { table-layout:fixed; margin:0; }
.settlement-metrics-table th { white-space:normal; font-size:12px; padding:7px 10px; }
.settlement-metrics-table td { font-size:19px; font-weight:600; padding:8px 10px; font-variant-numeric:tabular-nums; }
.settlement-blockers { margin-top:12px; }
.settlement-blockers th,.settlement-blockers td { padding:6px 10px; }
.settlement-blockers td:last-child { width:110px; }
.settlement-account-summary { display:flex; gap:24px; margin:8px 0 12px; }
.settlement-account-summary>div { display:flex; align-items:baseline; gap:8px; }
.settlement-account-summary dt { font-size:12px; color:#56636f; }
.settlement-account-summary dd { margin:0; font-weight:600; font-variant-numeric:tabular-nums; }
.source-link-list { padding-left:20px; margin:8px 0; }
.source-link-list li { margin:6px 0; }
@media(max-width:600px) { .settlement-overview .settlement-metrics-table { min-width:540px; } .settlement-payment-batch .settlement-metrics-table td { font-size:15px; } }
@media(max-width:600px) { .brand span:last-child { display:inline; } }
@media(max-width:900px) { .topbar-inner { flex-wrap:wrap; gap:0 16px; padding:8px 0; } .main-nav { order:3; flex-basis:100%; overflow-x:auto; } .main-nav a { padding:9px 10px; } .nav-actions { margin-left:auto; } .simple-cards { grid-template-columns:repeat(3,minmax(0,1fr)); } .customer-followup .cf-toolbar { flex-wrap:wrap; } .customer-followup .cf-search { min-width:0; width:100%; } }
@media(max-width:600px) { .page { width:calc(100% - 24px); padding-top:16px; } .topbar-inner { width:calc(100% - 24px); } .brand { font-size:14px; } .nav-actions { gap:9px; font-size:12px; } .nav-group summary { font-size:12px; } .simple-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .simple-cards section { padding:12px; } .simple-cards section:nth-child(3) { grid-column:1/-1; } .simple-cards strong { font-size:26px; } .simple-trend,.simple-tasks,.simple-check,.panel { padding:12px; } .simple-date { width:100%; flex-wrap:wrap; } .simple-date input { width:calc(50% - 4px); } .simple-section-heading { gap:10px; } .simple-tasks article { align-items:flex-start; } .simple-tasks article>a { flex-shrink:0; } .customer-followup .cf-table table { min-width:680px; } .customer-followup .cf-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } .settlement-request-card .summary-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .request-evidence dl { grid-template-columns:80px 1fr; } .panel-head { flex-wrap:wrap; } }
/* Keep today's narrow layout after workspace.css's later desktop refinement. */
@media(max-width:850px) { .today-grid { grid-template-columns:1fr; } }
/* Salary controls keep their readable size; only this table scrolls sideways. */
.staff-settlement-scroll-hint { margin:0 0 8px; font-size:12px; }
.staff-settlement-scroll { max-width:100%; overflow-x:scroll; overscroll-behavior-x:contain; scrollbar-width:auto; scrollbar-color:#9ba7b2 #edf1f4; }
.staff-settlement-scroll::-webkit-scrollbar { height:12px; }
.staff-settlement-scroll::-webkit-scrollbar-track { background:#edf1f4; }
.staff-settlement-scroll::-webkit-scrollbar-thumb { background:#9ba7b2; border:2px solid #edf1f4; border-radius:4px; }
.staff-settlement-table { min-width:1320px; table-layout:auto; }
.staff-settlement-table .staff-commission-cell { min-width:264px; width:264px; }
.staff-settlement-table .staff-commission-editor { display:grid; grid-template-columns:96px minmax(0,1fr); gap:6px 8px; min-width:240px; align-items:center; }
.staff-commission-editor select[name="commission_rate"] { grid-column:1; grid-row:1; width:96px; min-width:96px; }
.staff-commission-editor input[name="reason"] { grid-column:1/-1; grid-row:2; width:100%; min-width:240px; }
.staff-commission-editor button[type="submit"] { grid-column:2; grid-row:1; justify-self:start; }
.staff-settlement-table thead th:last-child,.staff-settlement-table tbody td:last-child:not([colspan]) { position:sticky; right:0; min-width:152px; width:152px; white-space:nowrap; background:#fff; box-shadow:-3px 0 5px rgb(32 43 53 / 10%); }
.staff-settlement-table thead th:last-child { z-index:2; background:#f1f3f5; }
.staff-settlement-table tbody td:last-child:not([colspan]) { z-index:1; }
@media(max-width:600px) { .staff-settlement-table thead th:last-child,.staff-settlement-table tbody td:last-child:not([colspan]) { position:static; min-width:136px; width:136px; padding:9px 8px; font-size:12px; box-shadow:none; } }