/* Finance View — scoped CFO-board treatment; Command View styles remain untouched. */
.finance-board { --fin-bg:#0b0b0e; --fin-tile:#141417; --fin-line:#27272a; --fin-text:#f4f4f5;
  --fin-muted:#9ca3af; --fin-green:#16a34a; --fin-yellow:#ca8a04; --fin-red:#dc2626;
  --fin-neutral:#6b7280; background:var(--fin-bg); border-color:#1f1f23; }
.fin-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.fin-head h2 { color:#ca8a04; letter-spacing:.02em; }
.fin-subtitle { color:var(--fin-muted); font-size:13px; }
.fin-body { margin-top:14px; position:relative; }
.fin-body[data-updating] > * { opacity:.45; pointer-events:none; transition:opacity .15s ease; }
.fin-body[data-updating]::after { content:"updating…"; position:absolute; top:6px; right:8px; z-index:3;
  font-size:11px; color:#ca8a04; background:var(--fin-tile); border:1px solid var(--fin-line);
  padding:2px 10px; border-radius:999px; }
.fin-so-what { margin-bottom:12px; padding:10px 13px; border-left:3px solid #ca8a04;
  background:rgba(202,138,4,.12); color:#fef3c7; border-radius:0 8px 8px 0; font-weight:700; font-size:13px; }
.fin-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; }
.fin-tile { min-height:136px; padding:14px 16px; display:flex; flex-direction:column; gap:5px;
  background:var(--fin-tile); border:1px solid var(--fin-line); border-left:4px solid var(--fin-neutral);
  border-radius:10px; overflow:hidden; }
.fin-tile-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.fin-label { flex:1; min-width:0; color:var(--fin-muted); font-size:11px; text-transform:uppercase; letter-spacing:.045em; }
.fin-num { color:var(--fin-text); font-size:24px; line-height:1.1; font-weight:800; font-variant-numeric:tabular-nums; }
.fin-chip { flex-shrink:0; border-radius:999px; padding:2px 7px; font-size:9px; font-weight:800;
  letter-spacing:.045em; text-transform:uppercase; background:rgba(107,114,128,.18); color:#cbd5e1; }
.fin-band { color:var(--fin-muted); font-size:10px; line-height:1.3; }
.fin-note { color:var(--fin-muted); font-size:11px; line-height:1.35; margin-top:auto; }
.fin-trend { font-size:12px; font-weight:800; font-variant-numeric:tabular-nums; }
.fin-trend-good { color:#4ade80; } .fin-trend-bad { color:#f87171; } .fin-trend-flat { color:var(--fin-muted); }
.fin-st-green { border-left-color:var(--fin-green); } .fin-st-green .fin-num { color:#4ade80; }
.fin-st-yellow { border-left-color:var(--fin-yellow); } .fin-st-yellow .fin-num { color:#facc15; }
.fin-st-red { border-left-color:var(--fin-red); } .fin-st-red .fin-num { color:#f87171; }
.fin-st-unavailable { border-left-color:var(--fin-red); } .fin-st-unavailable .fin-num,
.fin-st-no_data .fin-num { color:var(--fin-neutral); }
.fin-st-unavailable .fin-chip { background:rgba(220,38,38,.15); color:#f87171; }
.fin-not-wired { opacity:.62; border-left-color:var(--fin-neutral); }
.fin-not-wired .fin-chip { background:rgba(107,114,128,.18); color:#cbd5e1; }
.fin-stamp { margin-top:14px; color:var(--fin-muted); font-size:11px; }
.fin-stale { color:#facc15; } .fin-empty { color:var(--fin-muted); font-size:13px; padding:8px 0; }
@media (max-width:520px) { .fin-grid { grid-template-columns:1fr; } .fin-num { font-size:22px; } }
