/* Management typography and status surfaces extend game.css's shared tokens. */
:root{
  --ops-amber:#ffc162;--ops-danger:#ff9a91;--ops-calm:#91d6e9;
  --ui-meta:.75rem;--ui-caption:.8125rem;--ui-label:.875rem;--ui-copy:1rem;
  --ui-title:1.125rem;--ui-section:1.375rem;--ui-metric:2rem;
  --text-quiet:#9aaeb8;--card-bg:#272727;--card-hover:#313131;--card-line:#4d4d4d;
  --facility-panel-width:390px;
}
button,input,select{font-family:var(--body)}
.button,.small-button{font-weight:650;letter-spacing:0;line-height:1.35}
.button:disabled,.small-button:disabled{opacity:1;background:#262626;color:#8d9fa8;border-color:#434343}
#business-bar{gap:12px}
#business-bar .credit-balance{min-width:150px}
.credit-balance>span{font:600 var(--ui-caption)/1.4 var(--body);letter-spacing:.02em;color:var(--muted)}
.credit-balance>strong{font:750 1.8rem/1.15 var(--body);letter-spacing:-.055em;margin-top:3px}
#business-credits small{font-size:var(--ui-caption);font-weight:650;letter-spacing:0;margin-left:4px;color:var(--text-quiet)}
.payroll-summary strong{font-size:var(--ui-label);font-weight:650}
.payroll-summary>span{font-size:var(--ui-meta);line-height:1.5;color:var(--text-quiet)}
#season-badge{font:650 var(--ui-caption) var(--body)}
#facility-heading h1{font:750 1.45rem/1.25 var(--body);letter-spacing:-.035em;text-transform:none}
#facility-heading .eyebrow{font:600 var(--ui-caption)/1.4 var(--body);letter-spacing:.02em}
#facility-panel{padding:24px}
.facility-payroll .eyebrow{font:650 var(--ui-label)/1.5 var(--body);letter-spacing:0;text-transform:none}
.facility-payroll>strong{font:750 2.2rem/1.2 var(--body);letter-spacing:-.05em;margin:10px 0 18px}
.facility-payroll>strong .stock-fraction{font-size:.77em;font-weight:500;color:var(--muted);letter-spacing:-.035em}
.facility-footnote,.upgrade-help,.upgrade .upgrade-help{font:400 var(--ui-caption)/1.65 var(--body);color:var(--text-quiet)}
.facility-counts{gap:12px;padding:20px 0}
.facility-counts span{font:500 var(--ui-caption)/1.45 var(--body);gap:5px}
.facility-counts b{font:700 1.125rem/1.3 var(--body)}
.facility-counts b small{font:500 var(--ui-caption) var(--body);color:var(--text-quiet)}
.facility-production{padding:24px 0}
.production-header strong{font:700 var(--ui-copy)/1.4 var(--body)}
.production-header>span{font:700 var(--ui-copy)/1.4 var(--body)}
.throughput{height:8px;margin:14px 0}
.facility-production .capacity-readout{font:400 var(--ui-caption)/1.6 var(--body)}
#facility-bottleneck{padding:12px 14px;background:#302d24;border-left:2px solid var(--ops-amber);font:500 var(--ui-label)/1.6 var(--body);color:#e9d4ad}
#facility-boost{font:400 var(--ui-caption)/1.6 var(--body);margin-top:12px}
.facility-sections{gap:5px}
.facility-sections button{font-size:var(--ui-label);font-weight:650;padding:11px 7px;line-height:1.4}
.upgrade{padding:23px 0}
.upgrade-title>strong{font-size:var(--ui-copy);font-weight:700;line-height:1.45}
.upgrade-title>span{font:500 var(--ui-caption)/1.6 var(--body)}
.upgrade>p{font:400 var(--ui-label)/1.65 var(--body);margin:8px 0 12px}
.upgrade .upgrade-effects{font:600 var(--ui-caption)/1.65 var(--body);color:var(--accent)}
.management-card>strong{font:700 var(--ui-copy)/1.5 var(--body)}
.management-card>p{font:400 var(--ui-label)/1.65 var(--body)}
.business-modal{font-size:var(--ui-copy);line-height:1.65}
.business-modal>p{font-size:var(--ui-copy);line-height:1.65}
.business-modal .modal-kicker{font:650 var(--ui-caption)/1.5 var(--body);letter-spacing:.035em;color:var(--accent);margin:0 32px 20px 0;text-transform:none}
.business-modal h2{letter-spacing:-.025em}
.business-modal .modal-note{font:400 var(--ui-meta)/1.6 var(--body)!important;letter-spacing:0!important;text-transform:none;color:var(--text-quiet);margin-top:24px}
.business-modal .small-button,.business-modal .button{font-size:var(--ui-label);min-height:46px}

.facility-locked .roster-photo{filter:saturate(.65);opacity:.78}
.facility-locked .roster-text em{color:#c4cdd1}
.facility-locked[aria-pressed=true]{border-color:#a7b1b8}
.city-services{position:absolute;top:100px;right:24px;display:flex;gap:8px;z-index:3}
.city-services .small-button{background:var(--panel-deep);font-size:var(--ui-caption);min-height:40px}
body:not([data-mode=city]) .city-services{display:none}

#operations-section{border-bottom:1px solid var(--line);padding:22px 0}
.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.ops-heading h2{font:750 var(--ui-title)/1.4 var(--body);margin:0;letter-spacing:-.025em}
.ops-heading>span{font:500 var(--ui-caption)/1.4 var(--body);color:var(--muted)}
.care-check{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--card-line);background:var(--panel-deep);border-radius:10px;margin-bottom:20px}
.care-check>div{display:flex;flex-direction:column;gap:3px}
.care-check span{font:650 var(--ui-label)/1.45 var(--body)}
.care-check small{font-size:var(--ui-meta);line-height:1.5;color:var(--text-quiet)}
.care-check time{font:750 1.35rem/1.2 var(--body);color:var(--ops-calm);letter-spacing:-.035em;font-variant-numeric:tabular-nums;min-width:4.1ch;text-align:right}
.ops-tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--line);background:var(--panel-deep);border-radius:10px}
.ops-tabs button{flex:1;min-height:42px;padding:9px 6px;border:1px solid transparent;background:transparent;color:var(--muted);font:600 var(--ui-label)/1.4 var(--body);border-radius:7px}
.ops-tabs button[aria-pressed=true]{color:var(--ink);background:var(--card-hover);border-color:#5e5e5e;box-shadow:0 2px 6px #0c0c0c26}
.ops-tabs button:hover{background:var(--card-hover);color:var(--ink)}
.ops-intro,.ops-legend,.ops-empty{font:400 var(--ui-caption)/1.65 var(--body);color:var(--muted);margin:16px 0}
.ops-legend{font-size:var(--ui-meta);color:var(--text-quiet);margin-bottom:0}
.employee-list,.asset-list{display:flex;flex-direction:column;gap:12px;max-height:540px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 4px 3px 1px}
.employee-row,.asset-row{display:grid;grid-template-columns:60px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;padding:16px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:12px;text-align:left;transition:background .15s,border-color .15s}
.employee-row:hover,.asset-row:hover{background:var(--card-hover);border-color:#7b929e}
.employee-row:focus-visible,.asset-row:focus-visible{outline-offset:-3px}
.employee-avatar{display:block;object-fit:cover;width:60px;height:72px;border-radius:8px;background:#313131;border:1px solid #636363}
.avatar-fallback{display:grid;place-items:center;font:700 var(--ui-section) var(--body);color:var(--accent)}
.employee-summary,.asset-summary{display:flex;flex-direction:column;gap:5px;min-width:0}
.employee-summary>strong,.asset-summary>strong{font:750 var(--ui-copy)/1.35 var(--body);letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}
.employee-summary>small,.asset-summary>small{font:400 var(--ui-meta)/1.45 var(--body);color:var(--muted)}
.row-arrow{font-size:20px;color:var(--muted);align-self:start;line-height:1.3}
.person-state{display:inline-flex;align-self:flex-start;align-items:center;font:600 var(--ui-meta)/1.45 var(--body);padding:3px 7px;border-radius:5px;color:#c1e5b7;background:#263d32;letter-spacing:0;text-transform:none}
.state-resting,.state-listed{color:#bbe5f1;background:#3b3b3b}
.state-worn{color:#ffe0a0;background:#493c25}
.state-exhausted,.state-resigned,.state-broken{color:#ffc2ba;background:#4a2d2d}
.employee-vitals{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px;border-top:1px solid var(--card-line)}
.asset-code{display:grid;place-items:center;width:52px;height:60px;color:var(--accent);background:var(--panel-deep);font:750 var(--ui-label) var(--body);border:1px solid var(--card-line);border-radius:8px}
.asset-health{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 65px;align-items:end;gap:24px;padding-top:10px;border-top:1px solid var(--card-line)}
.asset-output{display:flex;flex-direction:column;gap:5px;text-align:right}
.asset-output>span{font:500 var(--ui-meta)/1.4 var(--body);color:var(--muted)}
.asset-output>b{font:750 var(--ui-copy)/1.4 var(--body)}

.wellbeing-meter{--meter-fill:#90d8aa;display:block;min-width:0}
.wellbeing-meter[data-tone=energy]{--meter-fill:#f0c672}
.wellbeing-meter[data-tone=wellbeing]{--meter-fill:#91d6e9}
.wellbeing-meter[data-level=low]{--meter-fill:#ffc162}
.wellbeing-meter[data-level=critical]{--meter-fill:#ff9a91}
.meter-label{display:flex;flex-direction:column;gap:10px;font:550 var(--ui-label)/1.45 var(--body);color:var(--muted)}
.meter-label b{font:750 1.8rem/1.25 var(--body);color:var(--ink);letter-spacing:-.04em}
.meter-label small{font:500 var(--ui-meta)/1.4 var(--body);color:var(--text-quiet);letter-spacing:0}
.wellbeing-meter[data-level=critical] .meter-label b{color:var(--ops-danger)}
meter{display:block;width:100%;height:9px;margin-top:10px;appearance:none;border:0;background:#464646;border-radius:5px;overflow:hidden}
meter::-webkit-meter-bar{height:9px;border:0;background:#464646;border-radius:5px}
meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value{background:var(--meter-fill,var(--green));border-radius:5px}
meter::-moz-meter-bar{background:var(--meter-fill,var(--green))}
.compact-meter .meter-label{font-size:var(--ui-caption);gap:5px}
.compact-meter .meter-label b{font-size:var(--ui-label);font-weight:750;letter-spacing:-.02em}
.compact-meter .meter-label small{font-size:var(--ui-meta);margin-left:1px}
.compact-meter meter{margin-top:7px;height:6px}
.compact-meter meter::-webkit-meter-bar{height:6px}

.service-card{padding:20px 16px;border:1px solid var(--card-line);background:var(--card-bg);border-radius:12px;margin-bottom:12px}
.service-card-heading{display:flex;align-items:center;gap:10px}
.service-card-heading>span{font:600 var(--ui-meta) var(--body);color:var(--text-quiet)}
.service-card-heading h3{font:750 var(--ui-copy)/1.4 var(--body);margin:0;letter-spacing:-.02em}
.service-card-heading>b{margin-left:auto;white-space:nowrap;color:var(--accent);font:750 1.4rem/1.2 var(--body)}
.service-card-heading b small{font:500 var(--ui-meta) var(--body);color:var(--muted)}
.service-card p{font:400 var(--ui-label)/1.65 var(--body);color:var(--muted);margin:14px 0}
.service-card>.small-button{width:100%;min-height:46px;font-size:var(--ui-label)}
.service-footnote{display:block;font:400 var(--ui-meta)/1.6 var(--body);color:var(--text-quiet);margin-top:10px}
.hired-service{display:flex;gap:10px;align-items:center}
.hired-service .employee-avatar{width:42px;height:50px}
.hired-service>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.hired-service strong{font-size:var(--ui-label)}
.hired-service span{font-size:var(--ui-meta);color:var(--muted)}
.hired-service button{margin-left:auto;font-size:var(--ui-caption);padding-inline:10px}

.detail-identity{display:flex;align-items:center;gap:20px;margin:22px 0 28px}
.detail-identity .employee-avatar{width:92px;height:108px;flex-shrink:0;border-radius:12px}
.detail-identity>div{min-width:0}
.detail-identity h2,.business-modal .detail-identity h2{font:750 clamp(1.5rem,3vw,1.85rem)/1.2 var(--body);margin:0;letter-spacing:-.045em;text-transform:none;overflow-wrap:anywhere}
.detail-identity p{font:500 var(--ui-label)/1.5 var(--body);color:var(--muted);margin:8px 0 10px}
.equipment-mark{display:grid;place-items:center;width:92px;height:108px;flex-shrink:0;font:750 1.5rem var(--body);color:var(--accent);background:var(--card-bg);border:1px solid var(--card-line);border-radius:12px}
.wellbeing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.wellbeing-grid>.wellbeing-meter{padding:16px 14px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:10px}
.wellbeing-grid .meter-label{min-height:77px}
.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;padding:20px 0;border-block:1px solid var(--line)}
.summary-metrics>div{display:flex;flex-direction:column;gap:5px}
.summary-metrics>div+div{border-left:1px solid var(--line);padding-left:24px}
.summary-metrics span{font-size:var(--ui-label);font-weight:500;color:var(--muted)}
.summary-metrics strong{font:750 var(--ui-metric)/1.2 var(--body);letter-spacing:-.045em;color:var(--ink)}
.summary-metrics>div:first-child strong{color:var(--green)}
.summary-metrics strong.metric-danger{color:var(--ops-danger)!important}
.summary-metrics small{font-size:var(--ui-meta);color:var(--text-quiet)}
.recovery-notice{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 15px;padding:16px;background:#303030;border:1px solid #555555;border-radius:10px}
.recovery-notice>span{font-size:var(--ui-label);font-weight:600}
.recovery-notice time{font:750 var(--ui-title)/1.3 var(--body);color:var(--ops-calm)}
.recovery-notice small{grid-column:1/-1;font-size:var(--ui-caption);color:var(--muted)}
.care-notice{font:500 var(--ui-label)/1.65 var(--body);color:var(--ops-calm);padding:14px 16px;background:var(--panel-deep);border-left:2px solid var(--ops-calm)}
.care-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}
.care-option{flex:1;min-width:180px}
.care-option .button,.care-option .small-button{display:flex;flex-direction:column;gap:4px;width:100%;min-height:62px;font-size:var(--ui-label);font-weight:700;padding:12px 14px}
.care-option button small{font-size:var(--ui-caption);font-weight:500;opacity:.85}
.care-action-help{display:block;font:400 var(--ui-meta)/1.5 var(--body);color:var(--text-quiet);margin:8px 2px 0}
.care-actions>.small-button{flex:1;min-height:46px}
.care-actions .care-notice{width:100%;margin-top:0}
.condition-display{padding:18px 20px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:10px}
.condition-display .meter-label{flex-direction:row;align-items:center;justify-content:space-between}
.condition-display p{font:400 var(--ui-caption)/1.6 var(--body);color:var(--muted);margin:12px 0 0}
.detail-stats{margin:20px 0;padding:4px 0;border-block:1px solid var(--line)}
.detail-stats>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font:500 var(--ui-label)/1.55 var(--body)}
.detail-stats dt{color:var(--muted)}
.detail-stats dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0;font:650 var(--ui-label)/1.55 var(--body);font-variant-numeric:tabular-nums}
#operations-section .detail-stats>div{font-size:var(--ui-caption)}
.record-details{border-block:1px solid var(--line)}
.record-details summary{cursor:pointer;padding:17px 0;color:var(--muted);font:600 var(--ui-caption)/1.5 var(--body)}
.record-details summary:hover{color:var(--ink)}
.record-details summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.record-details .detail-stats{margin:0 0 12px;border:0}
.record-details .detail-stats>div{font-size:var(--ui-caption);padding:7px 0}
.record-details .detail-stats dd{font-size:var(--ui-caption)}
.record-details .record-id{font:500 var(--ui-meta)/1.6 var(--code)}
.resale-section{padding-top:24px;margin-top:4px}
.resale-section h3{font:700 var(--ui-copy)/1.5 var(--body);margin:0}
.resale-section p{font:400 var(--ui-caption)/1.65 var(--body);color:var(--muted);margin:8px 0 14px}
.resale-section>.small-button{min-height:44px}
.listing-price-row{display:flex;gap:12px;margin-top:10px}
#listing-form label{font-size:var(--ui-label);font-weight:600}
#listing-form label span{color:var(--muted);font-weight:400}
#listing-price{width:145px;min-height:48px;border:1px solid #778994;border-radius:var(--radius);padding:10px 14px;background:var(--panel-deep);color:var(--ink);font:650 var(--ui-copy) var(--body)}

.license-art{position:relative;margin:20px 0;overflow:hidden;border:1px solid var(--line);border-radius:10px}
.license-art img{display:block;width:100%;height:170px;object-fit:cover;filter:saturate(.7);opacity:.85}
.license-art>span{position:absolute;bottom:15px;left:15px;background:var(--panel-deep);padding:8px 12px;font:650 var(--ui-caption) var(--body);color:var(--ops-amber)}
.license-modal>.button{width:100%;justify-content:center}
.license-modal .detail-stats>div:first-child dd{font-size:1.2rem;color:var(--accent);font-weight:750}
.coming-soon-label{display:inline-block;padding:10px 18px;border:1px solid var(--ops-amber);border-radius:6px;color:var(--ops-amber);font:650 var(--ui-label) var(--body);letter-spacing:.04em;margin:15px}
.market-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.market-title h2{font-size:clamp(34px,4vw,48px);margin:10px 0}
.demo-exchange-tag{font:600 var(--ui-meta)/1.5 var(--body);color:var(--ops-amber);border:1px solid #786040;padding:9px 12px;flex-shrink:0;border-radius:6px}
.market-tabs{margin-top:24px}
.market-filter{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:var(--ui-label);color:var(--muted)}
.market-filter select{min-width:0;max-width:240px;min-height:44px;padding:8px 30px 8px 12px;background:var(--panel-deep);color:var(--ink);border:1px solid #687b85;border-radius:var(--radius);font:500 var(--ui-label) var(--body)}
.market-filter>span{margin-left:auto;white-space:nowrap;font-size:var(--ui-caption)}
.market-list{max-height:460px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px}
.market-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--card-line);background:var(--card-bg);border-radius:12px;padding:18px;margin-bottom:12px}
.market-stock-code{display:grid;place-items:center;height:72px;width:60px;font:750 var(--ui-copy) var(--body);color:var(--accent);border:1px solid var(--card-line);border-radius:8px;background:var(--panel-deep)}
.market-row-copy>small{font:500 var(--ui-meta)/1.5 var(--body);color:var(--text-quiet)}
.market-row h3{font:750 var(--ui-copy)/1.4 var(--body);margin:6px 0;letter-spacing:-.025em}
.market-row p{font:400 var(--ui-caption)/1.6 var(--body);color:var(--muted);margin:0}
.market-row-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.market-row-price>strong{font:750 1.35rem/1.4 var(--body);letter-spacing:-.03em}
.market-row-price strong small{font-size:var(--ui-meta);font-weight:500;letter-spacing:0;color:var(--muted)}
.market-row-price>span{font-size:var(--ui-meta);color:var(--text-quiet)}
.market-row-price .small-button{font-size:var(--ui-caption);min-height:42px;margin-top:6px}
.demo-sale-control{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--panel-deep);border:1px dashed var(--line);font-size:var(--ui-meta);color:var(--muted)}
.demo-sale-control .small-button{font-size:var(--ui-caption)}
.market-empty{padding:38px 20px;text-align:center;color:var(--ink)}
.market-empty strong{font-size:var(--ui-title);font-weight:700}
.market-empty p{font-size:var(--ui-label);line-height:1.65;color:var(--muted)}
.sale-receipt{display:grid;grid-template-columns:1fr auto;padding:20px 4px;border-bottom:1px solid var(--line);gap:10px;font-size:var(--ui-label)}
.sale-receipt span{color:var(--green);font:700 var(--ui-copy) var(--body)}
.sale-receipt small{grid-column:1/-1;color:var(--text-quiet);font-size:var(--ui-meta)}

@media(max-width:1150px){
  :root{--facility-panel-width:360px}
  #facility-panel{padding:20px}
  #business-bar{gap:7px;padding-inline:18px}
  #business-bar .button,#business-bar .small-button{font-size:var(--ui-caption);padding-inline:10px}
  .payroll-summary{display:none}
  .credit-balance{margin-right:auto}
  .employee-row,.asset-row{padding:13px;gap:10px}
  .employee-vitals{gap:9px}
}
@media(max-width:650px){
  #business-bar{grid-template-columns:1.2fr 1fr .95fr 1fr;min-height:124px;padding:10px 12px;gap:8px 5px}
  .credit-balance{grid-column:1/3!important}
  .credit-balance>strong{font-size:1.65rem}
  .payroll-summary{display:none!important}
  #business-bar .button,#business-bar .small-button{grid-row:2;grid-column:auto!important;font-size:var(--ui-meta);padding:8px 3px;min-height:42px;white-space:normal}
  #season-badge{font-size:var(--ui-meta)}
  #business-bar #collect-all{grid-row:1;grid-column:3/5!important}
  #business-bar #aftermarket-button{grid-column:1!important}
  #business-bar #portfolio-button{grid-column:2!important}
  #business-bar #season-button{grid-column:3!important}
  #business-bar #demo-lab-button{grid-column:4!important}
  body[data-mode=city] #viewport{top:124px}
  .city-heading,.city-tools{top:141px}
  #facility-heading{top:124px}
  body[data-mode=facility] #viewport{top:230px}
  body[data-mode=facility] #game-shell{padding-top:544px}
  body[data-mode=facility].room-inspect #game-shell{padding-top:0}
  body[data-mode=facility].room-inspect #viewport{height:calc(100dvh - 291px)}
  .city-services{top:126px;right:12px;gap:6px}
  .city-services .small-button{font-size:var(--ui-meta);padding:8px 10px;min-height:40px}
  #facility-panel{width:auto;padding:22px 18px}
  #facility-heading h1{font-size:1.3rem}
  #facility-heading .eyebrow{font-size:var(--ui-meta)}
  #facility-heading .small-button{font-size:var(--ui-caption)}
  .facility-payroll>strong{font-size:2.2rem}
  .business-modal{padding:30px 20px}
  .employee-list,.asset-list{max-height:540px}
  .employee-row,.asset-row{padding:16px}
  .wellbeing-grid{gap:8px}
  .wellbeing-grid>.wellbeing-meter{padding:14px 10px}
  .wellbeing-grid .meter-label{font-size:var(--ui-caption);min-height:78px;gap:10px}
  .wellbeing-grid .meter-label b{font-size:1.55rem}
  .wellbeing-grid .meter-label small{font-size:var(--ui-meta)}
  .detail-identity{gap:16px;margin-top:20px}
  .detail-identity .employee-avatar,.equipment-mark{width:76px;height:92px}
  .care-option{min-width:150px}
  .market-title{gap:12px;align-items:flex-start}
  .market-title h2{font-size:34px}
  .demo-exchange-tag{font-size:var(--ui-meta);padding:7px}
  .market-row{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:15px}
  .market-row .employee-avatar,.market-stock-code{width:52px;height:64px}
  .market-row-price{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap}
  .market-row-price>span{display:none}
  .market-row-price .small-button{margin-left:auto}
  .market-filter{flex-wrap:wrap;gap:8px}
  .market-filter select{flex:1}
  .listing-price-row{gap:8px}
  #listing-price{width:110px}
  .listing-price-row .button{font-size:var(--ui-label);padding:10px}
  .sale-receipt{grid-template-columns:1fr}
  .sale-receipt small{grid-column:auto}
}
@media(max-width:380px){
  .wellbeing-grid{grid-template-columns:1fr}
  .wellbeing-grid .meter-label{flex-direction:row;align-items:center;min-height:0}
  .wellbeing-grid .meter-label b{font-size:1.45rem;white-space:nowrap}
  .care-option{min-width:100%}
  .employee-row,.asset-row{padding:13px;gap:10px}
  .employee-vitals{gap:9px}
  .market-title{flex-wrap:wrap}
  .listing-price-row{flex-wrap:wrap}
  #listing-price{flex:1;min-width:0}
}
@media(prefers-reduced-motion:reduce){.employee-row,.asset-row{transition:none}}
@media(forced-colors:active){
  .person-state,.ops-tabs button[aria-pressed=true]{color:CanvasText;background:Canvas}
  meter{appearance:auto;forced-color-adjust:auto}
  .employee-avatar,.equipment-mark,.asset-code,.employee-row,.asset-row,.care-check,.wellbeing-grid>.wellbeing-meter{border-color:CanvasText}
  .facility-locked .roster-photo{opacity:.8}
}

.paycheck-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:10px 0 18px}.paycheck-value strong{font:750 2.15rem/1.25 var(--body);letter-spacing:-.05em}.paycheck-value>span{font:650 var(--ui-label) var(--body);color:var(--accent)}.facility-payroll .eyebrow{display:flex;justify-content:space-between;gap:8px}.facility-payroll .eyebrow small{font:500 var(--ui-meta)/1.6 var(--body);color:var(--text-quiet)}

.asset-code svg{width:25px;height:25px;stroke-width:1.5}.equipment-mark svg{width:38px;height:38px;stroke-width:1.35}