/* SitePass client product system: concrete white, structural graphite and steel. */
:root{
  --product-bg:#f1f1ed;
  --product-paper:#fbfbf8;
  --product-surface:#ffffff;
  --product-soft:#eeefeb;
  --product-ink:#1b1d20;
  --product-muted:#73787b;
  --product-line:#d9dbd6;
  --product-graphite:#25282b;
  --product-graphite-2:#34383b;
  --product-accent:#4e565b;
  --product-success:#566065;
  --product-success-soft:#e8ebea;
  --product-warning:#756858;
  --product-warning-soft:#f0ece6;
  --product-danger:#aa504c;
  --product-danger-soft:#f6e9e7;
  --product-count:#c9524e;
  --msg-accent:var(--product-graphite);
  --msg-accent-strong:#181a1c;
  --msg-accent-soft:#eceeeb;
  --msg-notification:var(--product-count);
  --msg-success:var(--product-success);
  --client-accent:var(--product-graphite);
  --client-accent-soft:#eceeeb;
  --client-red:var(--product-count);
  --green:var(--product-success);
  --green-bg:var(--product-success-soft);
  --amber:var(--product-warning);
  --amber-bg:var(--product-warning-soft);
  --red:var(--product-danger);
  --red-bg:var(--product-danger-soft);
}

html,body{background:var(--product-bg)}
.app,.viewOverlay{background:var(--product-paper)}

/* One primary action language across every module. */
.sheetPrimary,.reqCreate,.peopleInvite,.realHeaderActions .primary,.requestInlineHead button,.requestDecision button.primary,
.moduleButtons button.primary,.sigActions .primary,.swmsActionBar .primary{
  border-color:var(--product-graphite)!important;
  background:var(--product-graphite)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(28,31,33,.10)!important;
}
.tabs button.on,.reqTabs button.on,.requestInlineTabs button.on,.realFilterBar button.on,.previewRoles button.on{
  border-color:var(--product-graphite)!important;
  background:var(--product-graphite)!important;
  color:#fff!important;
}
.page:has(#messagesBody)>.tabs button.on{background:transparent!important;color:var(--product-ink)!important;border-color:transparent!important}
.page:has(#messagesBody)>.tabs button.on:after{background:var(--product-graphite)!important}
.page:has(#messagesBody) .chatAvatar{border-color:#d3d6d2!important;background:linear-gradient(145deg,#353a3d,#1e2123)!important}
.page:has(#messagesBody) .chatAvatar.site{border-color:#d4d7d2!important;background:var(--product-soft)!important;color:var(--product-graphite)!important}

/* Ordinary count badges: familiar client red only when a real action exists. */
.unread,.msgNavBadge,.navBtn[data-page="workbench"][data-alert]:after{
  background:var(--product-count)!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 0 0 2px rgba(251,251,248,.96)!important;
}
.moduleBadge{min-width:22px;height:22px;padding:0 7px;border:0!important;border-radius:999px!important;background:#e8eae7!important;color:#5c6265!important}
.moduleBadge.danger{background:var(--product-danger-soft)!important;color:var(--product-danger)!important}
.moduleBadge.warn{background:var(--product-warning-soft)!important;color:var(--product-warning)!important}

/* Workbench is a calm client index rather than a dark dashboard card. */
.wbOverview{
  width:calc(100% - 28px);
  display:block;
  margin:0 14px 18px;
  padding:18px;
  border:1px solid var(--product-line);
  border-radius:23px;
  background:linear-gradient(150deg,#fff,#f0f1ed);
  color:var(--product-ink);
  box-shadow:0 12px 34px rgba(27,29,32,.06);
  text-align:left;
}
.wbOverview small{color:var(--product-muted)}
.wbOverview strong{color:var(--product-ink)}
.wbStats{border-top-color:var(--product-line)}
.wbStats>span{display:block;text-align:center}
.wbStats>span+span{border-left:1px solid var(--product-line)}
.wbStats i{display:block;color:var(--product-muted);font-size:8px;font-style:normal}
.wbStats b{display:block;margin-top:4px;color:var(--product-ink);font-size:14px}
.wbRole{max-width:48%;height:auto;min-height:30px;padding:7px 10px;line-height:1.35;text-align:right}
.wbIcon,.tradeGlyph{border:1px solid #e1e3df;background:linear-gradient(145deg,#f7f8f5,#e9ebe7);color:#454b4f}
.wbSurface,.realRows,.financeRealLinks,.realMetrics{background:rgba(255,255,255,.82);border-color:var(--product-line)}

/* Durable module controls. */
.realHeaderActions{display:flex;gap:8px;margin-top:15px;overflow:auto}
.realHeaderActions button{min-height:39px;padding:0 13px;border:1px solid var(--product-line);border-radius:12px;background:#fff;font-size:9px;font-weight:850;white-space:nowrap}
.realHeaderActions .dangerText{color:var(--product-danger)}
.realMetrics.actionable{display:grid;grid-template-columns:repeat(3,1fr)}
.realMetrics.actionable>button{min-width:0;padding:13px 5px;border:0;border-right:1px solid var(--product-line);background:transparent;text-align:center}
.realMetrics.actionable>button:last-child{border-right:0}
.realMetrics.actionable small{display:block;color:var(--product-muted);font-size:8px}
.realMetrics.actionable b{display:block;margin-top:3px;font-size:17px}
.realFilterBar{display:flex;gap:8px;padding:0 16px 14px;overflow-x:auto;scrollbar-width:none}
.realFilterBar button{height:34px;padding:0 12px;border:1px solid var(--product-line);border-radius:999px;background:#fff;color:var(--product-muted);font-size:9px;font-weight:800}
.roleChooser{margin:0;padding:0;border:0}.roleChooser legend{margin-bottom:8px;color:var(--product-muted);font-size:9px;font-weight:750}.roleChooser>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.roleChooser label{display:flex!important;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px solid var(--product-line);border-radius:12px;background:#fff}.roleChooser input{width:17px!important;height:17px!important;margin:0}.roleChooser span{margin:0!important;color:var(--product-ink)!important;font-size:9px!important;font-weight:800!important}
.realClickableRow{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:0;border-bottom:1px solid var(--product-line);background:transparent;text-align:left}
.realClickableRow:last-child{border-bottom:0}
.realClickableRow strong,.realClickableRow span,.realClickableRow small{display:block}
.realClickableRow strong{font-size:11px}.realClickableRow span{margin-top:3px;font-size:9px}.realClickableRow small{margin-top:3px;color:var(--product-muted);font-size:8px}.realClickableRow em{font-style:normal;color:var(--product-muted);font-size:8px;font-weight:800}.realClickableRow em.accepted{color:var(--product-success)}
.realDocIcon,.realVersion{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dfe2de;border-radius:12px;background:var(--product-soft);color:#52595d;font-size:9px;font-weight:900}
.realForm{display:grid;gap:13px;padding:5px 0 12px}.realForm label>span{display:block;margin-bottom:6px;color:var(--product-muted);font-size:9px;font-weight:750}.realForm input,.realForm select,.realForm textarea{width:100%;border:1px solid var(--product-line);border-radius:13px;background:#fff;padding:11px}.realForm input,.realForm select{height:46px}.realForm textarea{resize:vertical}.realFileField small{display:block;margin-top:5px;color:var(--product-muted);font-size:8px}
.swmsVersionRow{grid-template-columns:42px minmax(0,1fr) auto!important}.realInlineActions{display:flex!important;gap:6px!important}.realInlineActions button{height:32px;padding:0 10px;border:1px solid var(--product-line);border-radius:9px;background:#fff;font-size:8px;font-weight:850}.realInlineActions button.primary{border-color:var(--product-graphite);background:var(--product-graphite);color:#fff}.swmsEvidenceSummary{margin:16px;padding:16px;border:1px solid var(--product-line);border-radius:17px;background:#fff}.swmsEvidenceSummary small{color:var(--product-muted);font-size:8px}.swmsEvidenceSummary b{display:block;margin-top:3px;font-size:25px}.swmsEvidenceSummary p{margin:9px 0 0;color:var(--product-muted);font-size:9px;line-height:1.55}.normalCount{background:#e8eae7!important;color:#596064!important}
.workerSwmsProduct{padding:22px 16px 40px}.workerSwmsProduct header small{color:var(--product-muted);font-size:9px;font-weight:850}.workerSwmsProduct header h1{margin:5px 0 0;font-size:26px;letter-spacing:-.04em}.workerSwmsProduct header p{margin:7px 0 0;color:var(--product-muted);font-size:10px;line-height:1.5}.workerSwmsFile{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:22px;padding:16px;border:1px solid var(--product-line);border-radius:18px;background:#fff}.workerSwmsFile>div{display:flex;gap:11px;align-items:center}.workerSwmsFile>div>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--product-soft);font-size:8px;font-weight:900}.workerSwmsFile strong,.workerSwmsFile small{display:block}.workerSwmsFile strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.workerSwmsFile small{margin-top:3px;color:var(--product-muted);font-size:8px}.workerSwmsFile button{height:36px;padding:0 11px;border:1px solid var(--product-graphite);border-radius:10px;background:var(--product-graphite);color:#fff;font-size:8px;font-weight:850}.workerSwmsAck{margin-top:14px;padding:17px;border:1px solid var(--product-line);border-radius:18px;background:#fff}.workerSwmsAck>label:first-child{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;font-size:10px;line-height:1.55}.workerSwmsAck input[type="checkbox"]{width:18px;height:18px;margin:1px 0}.workerSwmsAck>p{margin:10px 0 0;color:var(--product-muted);font-size:8px;line-height:1.5}.workerSwmsSigned{display:flex;gap:12px;align-items:center;margin-top:14px;padding:16px;border:1px solid #cad9d2;border-radius:17px;background:var(--product-success-soft);color:var(--product-success)}.workerSwmsSigned>span{font-size:20px}.workerSwmsSigned strong,.workerSwmsSigned small{display:block}.workerSwmsSigned small{margin-top:3px;font-size:8px}
.dashboardRanges{display:flex;gap:7px;padding:0 16px 12px;overflow:auto}.dashboardRanges button{height:34px;padding:0 12px;border:1px solid var(--product-line);border-radius:999px;background:#fff;color:var(--product-muted);font-size:8px;font-weight:850;white-space:nowrap}.dashboardRanges button.on{border-color:var(--product-graphite);background:var(--product-graphite);color:#fff}.dashboardCustom{display:grid;grid-template-columns:1fr auto 1fr auto;gap:6px;align-items:center;margin:0 16px 14px}.dashboardCustom input{min-width:0;height:39px;padding:0 8px;border:1px solid var(--product-line);border-radius:10px;background:#fff;font-size:8px}.dashboardCustom button{height:39px;padding:0 10px;border:0;border-radius:10px;background:var(--product-graphite);color:#fff;font-size:8px;font-weight:850}.dashboardMetricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 16px 16px}.dashboardMetricGrid button{position:relative;min-height:86px;padding:15px;border:1px solid var(--product-line);border-radius:17px;background:#fff;text-align:left}.dashboardMetricGrid small,.dashboardMetricGrid b{display:block}.dashboardMetricGrid small{color:var(--product-muted);font-size:8px}.dashboardMetricGrid b{margin-top:6px;font-size:20px}.dashboardMetricGrid span{position:absolute;right:13px;bottom:12px;color:var(--product-muted)}.dashboardFinanceUnavailable{margin:0 16px 14px;padding:16px;border:1px solid var(--product-line);border-radius:17px;background:var(--product-soft)}.dashboardFinanceUnavailable small,.dashboardFinanceUnavailable strong{display:block}.dashboardFinanceUnavailable small{color:var(--product-muted);font-size:8px}.dashboardFinanceUnavailable strong{margin-top:4px;font-size:25px}.dashboardFinanceUnavailable p{margin:7px 0 0;color:var(--product-muted);font-size:9px;line-height:1.5}.dashboardInsight{margin:0 16px 11px;padding:16px;border:1px solid var(--product-line);border-radius:17px;background:#fff}.dashboardInsight h2{margin:0;font-size:12px}.dashboardInsight ul{margin:10px 0 0;padding-left:18px}.dashboardInsight li{margin-top:6px;color:var(--product-muted);font-size:9px;line-height:1.5}.dashboardInsight.good{border-left:3px solid var(--product-success)}.dashboardInsight.risk{border-left:3px solid var(--product-warning)}.dashboardInsight.action{border-left:3px solid var(--product-accent)}

.reqStatus.approved,.moduleGood,.gpsClear,.realClickableRow em.accepted,.workerSwmsSigned{color:var(--product-success)!important}
.reqStatus.approved,.workerSwmsSigned{background:var(--product-success-soft)!important;border-color:#cfd5d2!important}
.roleChooser label.requiredRole{border-color:#c4c9c6;background:var(--product-soft)}
.roleChooser label.requiredRole em{margin-left:auto;color:var(--product-muted);font-size:7px;font-style:normal;font-weight:850}
.roleChooser input:disabled{opacity:1;accent-color:var(--product-graphite)}
.tradeChooser{margin:0;padding:0;border:0}.tradeChooser legend{margin-bottom:8px;color:var(--product-muted);font-size:9px;font-weight:750}.tradeChooser>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tradeChooser label{display:flex!important;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid var(--product-line);border-radius:11px;background:#fff}.tradeChooser input{width:17px!important;height:17px!important;margin:0}.tradeChooser span{margin:0!important;color:var(--product-ink)!important;font-size:8px!important;font-weight:800!important}.tradeChooser p{grid-column:1/-1;color:var(--product-muted);font-size:9px}
.paySetup{padding:15px;border:1px solid var(--product-line);border-radius:16px;background:var(--product-soft)}.paySetup>div:first-child strong,.paySetup>div:first-child small{display:block}.paySetup>div:first-child strong{font-size:10px}.paySetup>div:first-child small{margin-top:3px;color:var(--product-muted);font-size:7px}.paySetupGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.paySetupGrid label{margin:0}.paySetupGrid input{background:var(--product-surface)!important}

/* Request controls use a calm native-client hierarchy, not black or green pills. */
.requestInlineTabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:3px!important;margin:18px 0 14px!important;padding:4px!important;border:1px solid var(--product-line)!important;border-radius:15px!important;background:var(--product-soft)!important;overflow:visible!important}
.requestInlineTabs button{width:100%;height:38px!important;padding:0 8px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--product-muted)!important;box-shadow:none!important;font-size:9px!important;font-weight:800!important}
.requestInlineTabs button.on{background:var(--product-surface)!important;color:var(--product-ink)!important;box-shadow:0 3px 10px rgba(25,28,30,.07)!important}
.requestInlineTabs button span{display:inline-flex;min-width:18px;height:18px;margin-left:5px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:#dfe2df;color:#62696d;font-size:7px;font-weight:900}
.requestInlineTabs button.on span{background:#d6dad8;color:#30363a}
.requestWeekNav{display:grid;grid-template-columns:40px minmax(0,1fr) 40px auto;gap:7px;align-items:center;margin:0 14px 13px;padding:7px;border:1px solid var(--product-line);border-radius:16px;background:var(--product-soft)}.requestWeekNav>button{height:38px;border:1px solid var(--product-line);border-radius:11px;background:var(--product-surface);color:var(--product-ink);font-size:18px}.requestWeekNav>button:last-child{width:auto;padding:0 10px;font-size:8px;font-weight:850}.requestWeekNav>div{min-width:0;text-align:center}.requestWeekNav small,.requestWeekNav strong{display:block}.requestWeekNav small{color:var(--product-muted);font-size:7px}.requestWeekNav strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.reqSummary{margin-bottom:10px!important;border:1px solid var(--product-line)!important;border-radius:15px!important;background:var(--product-surface)!important;overflow:hidden}.reqSummary button{border:0!important;background:transparent!important}.reqSummary button.on{background:var(--product-soft)!important}.reqTabs{padding-bottom:14px!important}.reqTabs button{border-radius:10px!important}.reqTabs button.on{background:var(--product-soft)!important;border-color:#c5cac7!important;color:var(--product-ink)!important}

/* Unified client controls: period first, dimensions in a bottom sheet, status last. */
.clientModulePage,.rosterClient{padding-bottom:112px!important}
.clientModuleHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important}
.clientModuleHead>div{min-width:0}.clientModuleHead h1{font-size:31px!important}.clientModuleHead p{margin-top:7px!important;font-size:10px!important}
.clientPrimaryAction,.clientFilterButton{flex:0 0 auto;min-width:74px;height:44px;padding:0 14px;border:1px solid var(--product-line);border-radius:13px;background:var(--product-surface);color:var(--product-ink);font-size:9px;font-weight:900;box-shadow:0 5px 16px rgba(25,28,30,.06)}
.clientPrimaryAction{border-color:var(--product-graphite);background:var(--product-graphite);color:#fff}.clientFilterButton b{display:inline-grid;min-width:18px;height:18px;margin-left:6px;padding:0 5px;place-items:center;border-radius:999px;background:var(--product-accent);color:#fff;font-size:7px}
.clientPeriodBar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:20px 0 10px}.clientPeriodBar>button{width:100%}.clientPeriodBar label{display:block;padding:7px 11px 6px;border:1px solid var(--product-line);border-radius:14px;background:var(--product-surface)}.clientPeriodBar label>span{display:block;color:var(--product-muted);font-size:7px;font-weight:800}.clientPeriodBar select{width:100%;height:27px;padding:0;border:0;background:transparent;color:var(--product-ink);font-size:10px;font-weight:850;outline:0}
.clientWeekNavigator{display:grid;grid-template-columns:38px minmax(0,1fr) 38px auto;gap:6px;align-items:center;margin:10px 0 14px;padding:6px;border:1px solid var(--product-line);border-radius:16px;background:var(--product-soft)}.clientWeekNavigator>button{height:38px;padding:0 10px;border:1px solid var(--product-line);border-radius:11px;background:var(--product-surface);color:var(--product-ink);font-size:17px}.clientWeekNavigator>button:last-child{font-size:8px;font-weight:850}.clientWeekNavigator>div{min-width:0;text-align:center}.clientWeekNavigator small,.clientWeekNavigator strong{display:block}.clientWeekNavigator small{color:var(--product-muted);font-size:7px}.clientWeekNavigator strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.clientStatusTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0 0 14px;padding:4px;border:1px solid var(--product-line);border-radius:16px;background:var(--product-soft)}.clientStatusTabs.opsMetrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 14px!important;border:1px solid var(--product-line)!important;background:var(--product-soft)!important}.clientStatusTabs button{min-width:0;height:50px;padding:5px;border:0!important;border-radius:12px;background:transparent!important;color:var(--product-muted)!important}.clientStatusTabs button.on{background:var(--product-surface)!important;color:var(--product-ink)!important;box-shadow:0 3px 10px rgba(25,28,30,.07)}.clientStatusTabs span,.clientStatusTabs b{display:block}.clientStatusTabs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800}.clientStatusTabs b{margin-top:2px;font-size:14px}
.clientFilterSheet{display:grid;gap:12px;padding:5px 0 10px}.clientFilterSheet>label,.clientTwoFields label{display:block}.clientFilterSheet label>span{display:block;margin-bottom:5px;color:var(--product-muted);font-size:8px;font-weight:800}.clientFilterSheet input,.clientFilterSheet select,.clientFilterSheet textarea{width:100%;min-width:0;border:1px solid var(--product-line);border-radius:13px;background:var(--product-surface);padding:10px;color:var(--product-ink)}.clientFilterSheet input,.clientFilterSheet select{height:46px}.clientFilterSheet textarea{resize:vertical}.clientTwoFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clientFilterActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.clientFilterActions button{height:46px;border:1px solid var(--product-line);border-radius:13px;background:var(--product-surface);font-size:9px;font-weight:900}.clientFilterActions button.primary{border-color:var(--product-graphite);background:var(--product-graphite);color:#fff}
.clientConfirm{display:grid;gap:12px;padding:6px 0 10px}.clientConfirm>strong{font-size:34px;line-height:1;color:var(--product-ink)}.clientConfirm>p{margin:0;color:var(--product-muted);font-size:10px;line-height:1.55}
.rosterViewBar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.rosterViewBar>div{display:flex;padding:3px;border:1px solid var(--product-line);border-radius:12px;background:var(--product-soft)}.rosterViewBar button{height:34px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--product-muted);font-size:8px;font-weight:850}.rosterViewBar button.on{background:var(--product-surface);color:var(--product-ink);box-shadow:0 2px 8px rgba(25,28,30,.06)}.rosterViewBar>button{border:1px solid var(--product-line);background:var(--product-surface);color:var(--product-ink)}
.rosterClientList{border:1px solid var(--product-line);border-radius:20px;background:var(--product-surface);overflow:hidden}.rosterClientRow{display:grid;width:100%;grid-template-columns:72px minmax(0,1fr) auto 10px;gap:10px;align-items:center;min-height:84px;padding:13px 14px;border:0;border-bottom:1px solid var(--product-line);background:transparent;color:var(--product-ink);text-align:left}.rosterClientRow:last-child{border-bottom:0}.rosterClientRow time{color:var(--product-muted);font-size:8px;font-weight:800}.rosterClientRow>div{min-width:0}.rosterClientRow strong,.rosterClientRow span,.rosterClientRow small{display:block}.rosterClientRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.rosterClientRow span{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.rosterClientRow small{margin-top:3px;color:var(--product-muted);font-size:8px}.rosterClientRow em{white-space:nowrap;font-style:normal;color:var(--product-muted);font-size:8px;font-weight:850}.rosterClientRow em.draft{color:#796b58}.rosterClientRow em.accepted{color:var(--product-success)}.rosterClientRow em.declined{color:var(--product-danger)}.rosterClientRow i{color:var(--product-muted);font-style:normal;font-size:16px}
.rosterActionDock{position:sticky;bottom:0;z-index:4;margin:18px -24px -72px;padding:10px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--product-line);background:color-mix(in srgb,var(--product-paper) 92%,transparent);backdrop-filter:blur(18px)}.rosterActionDock button{width:100%;height:48px;border:0;border-radius:14px;background:var(--product-graphite);color:#fff;font-size:10px;font-weight:900}.rosterActionDock button:disabled{background:var(--product-soft);color:var(--product-muted)}
.financeSummaryUnavailable,.financeOverview .financeSummaryUnavailable{margin-top:22px;padding:20px;border:1px solid var(--product-line);border-radius:20px;background:var(--product-surface)}.financeSummaryUnavailable small,.financeSummaryUnavailable strong{display:block}.financeSummaryUnavailable small{color:var(--product-muted);font-size:8px}.financeSummaryUnavailable strong{margin-top:6px;font-size:26px}.financeSummaryUnavailable p{margin:8px 0 0;color:var(--product-muted);font-size:9px;line-height:1.55}
.requestReviewCenter.clientModulePage{padding:24px 16px 92px}.requestReviewCenter .clientModuleHead{margin-bottom:0}.requestReviewCenter .requestWeekNav{margin:0 0 14px}.requestReviewCenter .clientPeriodBar{margin-top:16px}.requestReviewCenter .clientStatusTabs{margin-bottom:15px}

@media (max-width:380px){.clientWeekNavigator,.requestWeekNav{grid-template-columns:36px minmax(0,1fr) 36px}.clientWeekNavigator>button:last-child,.requestWeekNav>button:last-child{grid-column:1/-1}.rosterClientRow{grid-template-columns:62px minmax(0,1fr) auto 8px}.clientStatusTabs.opsMetrics span{font-size:7px}}
@media (prefers-color-scheme:dark){.clientPrimaryAction,.clientFilterButton,.clientPeriodBar label,.clientWeekNavigator,.clientWeekNavigator>button,.clientStatusTabs,.clientStatusTabs.opsMetrics,.clientStatusTabs button.on,.clientFilterSheet input,.clientFilterSheet select,.clientFilterSheet textarea,.clientFilterActions button,.rosterViewBar>div,.rosterViewBar button.on,.rosterViewBar>button,.rosterClientList,.financeSummaryUnavailable{background:var(--product-surface)!important;color:var(--product-ink)!important;border-color:var(--product-line)!important}.clientPrimaryAction,.clientFilterActions button.primary,.rosterActionDock button:not(:disabled){background:#eceeea!important;color:#17191b!important}.rosterActionDock{background:rgba(23,25,27,.92)}}
.dataPresets button.on,.dataImportReview button,.settingsPanel>button{background:var(--product-graphite)!important;color:#fff!important}
.realModule>header small,.realRows em.accepted{color:var(--product-accent)!important}.realSiteCode,.realAlert,.realModuleEmpty>span{background:var(--product-soft)!important;color:var(--product-accent)!important}
.peopleJoinCode,.joinCodeValue,.companyMatch,.whiteCardReview{border-color:#c8ceca!important;background:var(--product-soft)!important;color:var(--product-accent)!important}.companyMatch em{background:var(--product-surface)!important;color:var(--product-accent)!important}.onboardingForm header small,.onboardingStatus>small,.onboardingStatusIcon{color:var(--product-accent)!important}.onboardingStatusIcon{background:var(--product-soft)!important}.onboardingForm button,.onboardingStatus button,.joinDecision .primary{border-color:var(--product-graphite)!important;background:var(--product-graphite)!important;color:#fff!important}.onboardingForm input:focus,.onboardingForm select:focus{border-color:var(--product-accent)!important;box-shadow:0 0 0 3px rgba(78,86,91,.09)!important}

@media (prefers-color-scheme:dark){
  :root{--product-bg:#111315;--product-paper:#17191b;--product-surface:#1d2022;--product-soft:#262a2c;--product-ink:#f2f3f0;--product-muted:#9ca1a3;--product-line:#34383a;--product-graphite:#e8eae6;--product-graphite-2:#f4f5f2;--msg-paper:#17191b;--msg-surface:#1d2022;--msg-ink:#f2f3f0;--msg-secondary:#abb0b1;--msg-tertiary:#888e90;--msg-line:#34383a;--msg-line-strong:#484d4f;--msg-accent:#e8eae6;--msg-accent-strong:#f4f5f2;--msg-accent-soft:#292d2f;--client-accent:#e8eae6;--client-accent-soft:#292d2f}
  html,body,.app,.viewOverlay{background:var(--product-paper);color:var(--product-ink)}
  .viewTop,.bottomNav{background:rgba(23,25,27,.92);border-color:var(--product-line)}
  .wbOverview{background:linear-gradient(145deg,#202326,#191b1d);color:var(--product-ink);border-color:var(--product-line)}
  .wbOverview strong,.wbStats b{color:var(--product-ink)}
  .wbSurface,.realRows,.financeRealLinks,.realMetrics,.realForm input,.realForm select,.realForm textarea,.realHeaderActions button,.realFilterBar button,.realInlineActions button,.swmsEvidenceSummary,.workerSwmsFile,.workerSwmsAck,.roleChooser label,.tradeChooser label,.paySetup,.paySetupGrid input,.dashboardRanges button,.dashboardCustom input,.dashboardMetricGrid button,.dashboardInsight,.requestWeekNav,.requestWeekNav>button{background:var(--product-surface)!important;color:var(--product-ink);border-color:var(--product-line)!important}
  .tabs button.on,.reqTabs button.on,.requestInlineTabs button.on,.realFilterBar button.on,.previewRoles button.on,.sheetPrimary,.reqCreate,.peopleInvite,.realHeaderActions .primary,.requestInlineHead button,.requestDecision button.primary,.moduleButtons button.primary,.sigActions .primary,.swmsActionBar .primary,.realInlineActions button.primary{background:#eceeea!important;color:#17191b!important;border-color:#eceeea!important}
  .moduleBadge{background:#2b2f31!important;color:#c2c6c4!important}
  .unread,.msgNavBadge,.navBtn[data-page="workbench"][data-alert]:after{box-shadow:0 0 0 2px #17191b!important}
  .realDocIcon,.realVersion,.wbIcon,.tradeGlyph{background:#272b2d;color:#d6d9d6;border-color:#353a3c}
  .requestInlineTabs{background:#222628!important}.requestInlineTabs button.on{background:#33383a!important;color:#f2f3f0!important}.requestInlineTabs button span{background:#34393b;color:#bfc4c2}.requestInlineTabs button.on span{background:#4a5052;color:#fff}.dataPresets button.on,.dataImportReview button,.settingsPanel>button{background:#eceeea!important;color:#17191b!important}
}
