/* Secondary-page reading system. Loaded only outside home: no dashboard A/B changes.
   Local system fonts, existing semantics/data, and existing reduced-motion policy. */
body {
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;
  font-size:13px;
  line-height:1.65;
  font-variant-numeric:lining-nums tabular-nums;
}
button,input,select {font-family:inherit;letter-spacing:0}
.brand small {font-size:23px;font-weight:700;letter-spacing:.02em}
.section>h2,.calendar-panel>h2 {font-size:17px;font-weight:650;line-height:1.5;letter-spacing:.02em;padding:17px 18px}
.kpi span {font-size:13px;line-height:1.5;color:#bdcee2}
.kpi b {font-weight:650;line-height:1.3;letter-spacing:-.025em}
.kpi p {font-size:12px;line-height:1.65;color:#a7bdd5}
#metadata {font-size:11px;line-height:1.8}
.status {font-size:12px;line-height:1.65}
.note,.callout,.period-context,.filter-note {font-size:12px;line-height:1.8;color:#a9bfd8}
.section>.note,.staff-insights .section>.note {font-size:12px;line-height:1.75;padding:12px 16px}
.source-details>summary {font-size:13px;line-height:1.7;padding:14px 16px}
/* Tables keep their own horizontal scroll area; dates and amounts never collide. */
table,.care-data-table table {font-size:13px;line-height:1.65}
th,.care-data-table th {font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.015em;color:#aebfd6}
td,.care-data-table td {font-size:13px;line-height:1.65;color:#d3deee;vertical-align:middle}
th,td {padding:13px 16px}
.person-cell {gap:9px;min-width:0}
.person-cell b {font-size:13px;font-weight:550;line-height:1.55}
.scrolltable,.care-data-table {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#456585 #101d30}
body[data-page=workers] .scrolltable table {min-width:900px}
body[data-page=workers] th:nth-child(6),body[data-page=workers] td:nth-child(6) {text-align:right;white-space:nowrap}
body[data-page=temps] .scrolltable th:last-child,body[data-page=temps] .scrolltable td:last-child,
body[data-page=funds] .scrolltable th:nth-child(n+3),body[data-page=funds] .scrolltable td:nth-child(n+3) {text-align:right;white-space:nowrap}
body[data-page=temps] .scrolltable table:has(th:nth-child(4)) {min-width:660px}
body[data-page=enterprises] .scrolltable table {min-width:1240px}
body[data-page=enterprises] .scrolltable th:last-child,body[data-page=enterprises] .scrolltable td:last-child {width:240px;min-width:240px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
body[data-page=enterprises] .scrolltable td:last-child {font-size:12px;line-height:1.7}
body[data-page=care] .care-data-table table {min-width:490px}
.identity-tag,.event-badge {font-size:11px;line-height:1.6;padding:4px 6px}
/* Every filter shares one baseline and a predictable target size. */
.toolbar {gap:12px 18px;padding:14px 16px;align-items:center}
.toolbar label {font-size:13px;line-height:1.5;gap:8px;min-width:0;max-width:100%}
.toolbar input,.toolbar select,.analysis-controls select,.analysis-heading select {
  box-sizing:border-box;height:38px;min-height:38px;padding:7px 11px;font-size:13px;line-height:1.5;
  border-radius:8px;background:#142b42;border-color:#3b5673;max-width:100%;
}
.toolbar input {width:190px}
.toolbar :is(input,select):focus-visible,.analysis-controls select:focus-visible {outline:2px solid #70d9ef;outline-offset:3px}
.analysis-controls {gap:10px 16px;flex-wrap:wrap;min-width:0;width:100%;max-width:100%;padding-right:4px}
.analysis-controls>span {flex:0 1 290px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:right}
.analysis-controls label {min-width:0;max-width:100%}
.analysis-controls label {font-size:12px;white-space:normal;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.analysis-controls>span,.analysis-heading p,.analysis-window {font-size:11px;line-height:1.65}
/* Pager: quiet count badge on the left, equally sized actions on the right.
   Native disabled semantics and event bindings are unchanged. */
.pages {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding:15px 16px;background:#0b1b2c66;border-top:1px solid #2b435e;font-size:13px;line-height:1.5}
.pages>span {margin-right:auto;min-width:0;padding:7px 11px;border:1px solid #2a435d;border-radius:7px;background:#14283c;color:#bbcee4;font-size:13px;font-weight:500;letter-spacing:.025em;overflow-wrap:anywhere}
.pages button {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:80px;min-height:38px;padding:8px 14px;border:1px solid #416587;border-radius:8px;background:#18344e;color:#e0edfc;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;box-shadow:inset 0 1px #b1dfff08}
.pages button:hover:not(:disabled) {background:#214762;border-color:#72c6e0;box-shadow:0 2px 9px #0002}
.pages button:focus-visible {outline:2px solid #8ae4fa;outline-offset:3px}
.pages button:disabled,.pages button:disabled:hover {opacity:1;color:#8095ad;border-color:#2b4057;background:#102236;cursor:not-allowed;box-shadow:none;filter:none}
.pages button::after {display:none}
/* Supporting chart labels stay subordinate, but no tiny prose under metrics. */
.ring-legend>div,.section>.bars .bar-row {font-size:12px}
.ring-legend small {font-size:11px;width:44px}
.ring-legend b {font-size:15px}
.trend-figure>p,.trend-figure>.delta-badge,.metric-scope,.analysis-footnote,
.analytic-tile>small,.analytic-tile .delta-badge,.flow-tile .embedded-trend .delta-badge,
.balance-snapshot small,.balance-snapshot p,.flow-tile-main>div:first-child small,
.unique-banner small {font-size:11px;line-height:1.75}
.figure-heading {flex-wrap:wrap;gap:5px 10px}
.figure-heading h3,.trend-figure .figure-heading h3 {font-size:13px;font-weight:600}
.figure-heading span {font-size:10px;white-space:normal}
.spark-scale,.embedded-trend .spark-scale {font-size:9px;gap:8px}
.forecast-five {gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}
.forecast-five .mini {grid-column:span 2}
.forecast-five .mini:nth-child(n+4) {grid-column:span 3}
.forecast-five .mini {min-width:0;padding:11px 9px}
.forecast-five .mini span,.profit-overview .mini span {font-size:12px;line-height:1.55}
.forecast-five .mini strong {font-size:19px;line-height:1.4;overflow-wrap:anywhere}
.detail-totals {font-size:12px;flex-wrap:wrap;gap:8px 18px;padding:12px 16px}
.unique-banner {flex-wrap:wrap}
/* Employee cards have a clear identity / metadata / figures hierarchy. */
.staff-grid {gap:14px;padding:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.employee {padding:16px}
.employee .who {gap:10px;flex-wrap:wrap}
.employee .employee-identity h3 {font-size:16px;font-weight:650;line-height:1.5}
.employee .employee-identity .roles {font-size:12px;line-height:1.6;padding-top:3px}
.employee-date,.employee-date b {font-size:11px;line-height:1.7}
.employee .assignment,.employee .basic-note {font-size:12px;line-height:1.8}
.employee .stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.employee .kpi {padding:10px;min-height:70px}
.employee .kpi span {font-size:12px;line-height:1.55}
.employee .kpi b,.employee .kpi:nth-child(4) b,.employee .kpi:nth-child(5) b {font-size:20px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.employee .kpi p {font-size:11px;line-height:1.6}
.analytic-tile>strong {overflow-wrap:anywhere}
.analytic-tile.is-forecast>strong {font-size:20px}
.leader-person small,.leader-item>strong small {font-size:11px;line-height:1.6}
.calendar-legend,.calendar-events small,.calendar-alerts span {font-size:11px;line-height:1.7}
.calendar-date {font-family:inherit;font-size:13px}
.care-week-title span,.care-day time,.care-day>div {font-size:12px;line-height:1.7}
.care-day {padding:10px 9px}
.care-days {grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1250px) {
  .staff-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .staff-analytic-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}
  .analytic-tile:nth-child(2) {border-right:0}
  .care-days {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px) {
  .two-col {grid-template-columns:1fr}
  .flow-tile-main {grid-template-columns:1fr}
  .care-hero {flex-wrap:wrap;gap:14px}
  .hero-window {margin-left:0}
}
@media(max-width:700px) {
  .brand small {font-size:18px}
  .section>h2,.calendar-panel>h2 {font-size:16px;padding:15px 16px}
  .toolbar label {flex:1 1 100%;display:flex;justify-content:space-between;gap:10px}
  .toolbar input,.toolbar select {width:65%;max-width:none;min-width:0}
  .analysis-controls {justify-content:flex-start}
  .analysis-controls>span {text-align:left}
  .staff-grid {grid-template-columns:1fr;padding:12px}
  .pages {gap:8px;padding:12px}
  .pages>span {flex-basis:100%;margin-right:0;width:100%;box-sizing:border-box;font-size:12px}
  .pages button {min-height:40px;flex:1 1 0}
  .care-days {grid-template-columns:repeat(2,minmax(0,1fr))}
  .care-hero {padding:20px}
  .care-hero h2 {font-size:24px}
  .care-hero p {font-size:14px}
  .forecast-five {grid-template-columns:repeat(2,minmax(0,1fr))}
  .forecast-five .mini,.forecast-five .mini:nth-child(n+4) {grid-column:auto}
  .forecast-five .mini:last-child {grid-column:1 / -1}
  .detail-totals strong {margin-left:0}
  .ring-layout {grid-template-columns:110px minmax(0,1fr);gap:12px}
  .donut {width:110px;height:110px}
  .ring-legend span {white-space:normal}
}
@media(prefers-reduced-motion:reduce) {
  .pages button {transition:none}
}
/* Preserve the concept's illuminated blue framing without changing reading density. */
.panel{border-color:#245071;box-shadow:inset 0 1px 0 #91cfff12,inset 0 0 0 3px #04132533,0 7px 22px #020c1833;background:linear-gradient(125deg,#12283e,#0a1d2e)}
.section>h2,.calendar-panel>h2{background:linear-gradient(90deg,#153b6044,transparent);border-bottom-color:#315878;display:flex;gap:12px;align-items:center;position:relative}
.section-icon{display:inline-flex;color:#35d7ef;filter:drop-shadow(0 0 7px #27bce52c)}.section-icon .icon{width:26px;height:26px;flex:none}
.kpi{position:relative;overflow:hidden;border-color:#225478;min-height:118px;background:radial-gradient(ellipse at 95% 100%,#1576b333,transparent 65%),linear-gradient(125deg,#102a44,#0b1e33)}
.kpi>span,.kpi>b,.kpi>p{position:relative;z-index:1}.kpi-art{position:absolute;right:15px;bottom:12px;color:#32c9f4;opacity:.2;transform:rotate(-6deg);pointer-events:none}.kpi-art .icon{width:48px;height:48px}
.kpi::after{content:"";position:absolute;bottom:-25px;left:-15%;width:130%;height:48px;border-radius:50%;border-top:1px solid #30bbef77;background:linear-gradient(180deg,#1a8dd322,transparent);pointer-events:none}
.stat-grid>.kpi:nth-child(3n){border-color:#42477b}.stat-grid>.kpi:nth-child(3n) .kpi-art{color:#a081fb}
.employee{border-color:#285b80;background:linear-gradient(135deg,#12314b,#0b1c30);box-shadow:inset 0 1px 0 #73bfff18}.employee::after{height:44px;background:radial-gradient(ellipse at 20% 140%,#25c9ef44,transparent 65%),radial-gradient(ellipse at 80% 140%,#795ee84d,transparent 65%)}
.toolbar{border-color:#294f70;background:linear-gradient(90deg,#112d4844,transparent)}
input,select{border-color:#315b7f;background-color:#0d263d;box-shadow:inset 0 1px 3px #0003}input:focus,select:focus{border-color:#3fccec;outline-color:#3fccec}
.scrolltable tbody tr:nth-child(odd){background:#15344d33}.scrolltable tbody tr:hover{background:#1b497055}
.flow-tile,.forecast-five .mini,.balance-snapshot{box-shadow:inset 0 1px 0 #97d6ff12;border-color:#2f6789}.flow-tile:nth-child(2){border-color:#634f8e}.flow-tile:nth-child(3){border-color:#276f70}
body[data-page=care] .section-icon,body[data-page=care] .kpi-art{color:#fa83bc}body[data-page=care] .kpi:first-child b{color:#ff8fca}.care-hero{border-color:#644d8c;box-shadow:inset 0 1px 0 #d6b6ff33,0 0 22px #592c7c22;background:radial-gradient(ellipse at 15% 90%,#8a2b6844,transparent 55%),linear-gradient(110deg,#292247,#102c4b)}.care-hero>svg{opacity:1}.care-day{border-color:#305a7b;background:linear-gradient(135deg,#17354c,#10263d)}
@media(prefers-reduced-motion:reduce){.kpi::after{animation:none}}
/* Preserve semantic status color independently of table/chart base palettes. */
body[data-page=enterprises] .enterprise-charts>.section:first-child .bar-row:nth-child(1) stop{stop-color:#4cdcc3}
body[data-page=enterprises] .enterprise-charts>.section:first-child .bar-row:nth-child(2) stop{stop-color:#ffc05f}
body[data-page=enterprises] .enterprise-charts>.section:first-child .bar-row:nth-child(3) stop{stop-color:#ff6c89}
body[data-page=enterprises] #app>.stat-grid>.kpi:nth-child(2)>b{color:#57dfc6}
body[data-page=enterprises] #app>.stat-grid>.kpi:nth-child(3)>b{color:#f3bc66}
body[data-page=enterprises] #app>.stat-grid>.kpi:nth-child(4)>b{color:#fa8da7}
.care-tables>.section>h2::before{content:none;display:none}
body[data-page=care] .care-tables>.section:nth-child(2) .section-icon{color:#39d7f0}