/* [claude-opus-5-5 2026-09-29] Operator Finances page (finance.js). Compact desktop workbench: the dashboard's own
   panels, tabs, stat tiles and u-table, with inset input wells, glossy capacity bars and bevelled cover chips in the
   2000s-2010s light-skeuomorphic register. Chart hues come from usage.css (--viz-*). */
@layer refined {
  .fin{display:flex;flex-direction:column;gap:12px;min-width:0}
  .fin-tabs{margin-bottom:-4px}
  .fin-body{display:flex;flex-direction:column;gap:12px;min-width:0}
  .fin-stamp{font-size:11px;color:var(--muted);margin-right:4px;white-space:nowrap}
  .fin h2{font-size:13.5px}.fin h2 small,.fin-dim{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}
  .fin-lede{font-size:12px;color:var(--muted);max-width:980px;line-height:1.5;margin:0}.fin-lede b{color:var(--text);font-weight:500}
  .fin-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
  .fin-stack{display:flex;flex-direction:column;gap:12px;min-width:0}
  .fin-panel{min-width:0}.fin-panel .panel-top{padding-top:11px;padding-bottom:9px}
  .fin-panel>.table-wrap{border-top:1px solid var(--line)}
  .fin-empty{padding:14px;text-align:center;font-size:12px;color:var(--muted)}
  .fin-note{padding:8px 14px 11px;font-size:11px;color:var(--muted);margin:0}
  .fin .pos{color:#5fcf85}.fin .neg{color:#f08a6c}

  /* KPI tiles */
  .fin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .fin-kpi strong{font-variant-numeric:tabular-nums;white-space:nowrap}
  .fin-kpi p{font-size:11px;color:var(--muted)}
  .fin-kpi.pos strong{color:#6fd896}.fin-kpi.neg strong{color:#f39a7c}

  /* alerts */
  .fin-alerts{display:grid;gap:6px}
  .fin-alert{margin:0;padding:7px 11px;font-size:12px}.fin-alert p{margin:0}
  .fin-alert.critical{border-color:#8a3b30;background:linear-gradient(#3a1d19,#2a1613)}

  /* tables */
  .fin-table th,.fin-table td{padding:6px 12px;font-size:12px}
  .fin-table thead th{background:linear-gradient(#202227,#191b1f);border-bottom:1px solid var(--line);color:var(--muted);font-weight:500;letter-spacing:.2px;box-shadow:inset 0 1px 0 #ffffff08}
  .fin-table tbody tr{border-top:1px solid #ffffff0b}
  .fin-table tbody tr:nth-child(even){background:#ffffff04}
  .fin-table tbody tr:hover{background:#ffffff09}
  .fin-table tbody th{font-weight:450}
  .fin-table tfoot td,.fin-table tfoot th,.fin-table .fin-total th,.fin-table .fin-total td{border-top:1px solid var(--line);background:linear-gradient(#1c1e22,#17191c);font-weight:500}
  .fin-table small{display:block;font-size:10px;color:var(--muted);font-weight:400}
  .fin-table .num small{display:inline;margin-left:4px}
  .fin-quiet{opacity:.55}
  .fin-role-cell{white-space:nowrap}.fin-table th.fin-node{white-space:nowrap}.fin-role-cell .fin-role{margin-left:6px;font-size:11px}.fin-test-rigs .fin-facts{padding:10px 14px 4px}
  .fin-table small.fin-tag{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid #4a4030;border-radius:3px;color:#d9b774;background:#2a2418;font-size:9.5px}
  .fin-share{min-width:150px}.fin-share .fin-bar{display:inline-flex;width:90px;height:8px;vertical-align:middle;margin-right:8px}.fin-share span{font-size:11px;color:var(--muted)}.fin-warnrow th{color:var(--amber)}
  .fin-sort{cursor:pointer;user-select:none}.fin-sort:hover{color:var(--text)}
  .fin-row-actions{white-space:nowrap}.fin-row-actions .text-button{font-size:11px;margin-left:10px}
  .fin-statement tbody th{color:var(--text)}
  .fin-statement .fin-total th,.fin-statement .fin-total td{font-size:13px}

  /* capacity bar: glossy track with committed / free / reserve */
  .fin-cap{display:flex;align-items:center;gap:10px;min-width:180px}
  .fin-cap>span{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.fin-cap small{color:var(--muted)}
  .fin-bar{flex:1;display:flex;height:10px;border-radius:5px;overflow:hidden;background:linear-gradient(#0d0e10,#1a1c20);border:1px solid #2c2e33;box-shadow:inset 0 1px 2px #000a}
  .fin-bar i{display:block;height:100%}
  .fin-bar .used{background:linear-gradient(#6aa6ef,#3374c9 55%,#2a64b0)}
  .fin-bar .over{background:linear-gradient(#f0936f,#cf5a36 55%,#b44a2a)}
  .fin-bar .free{background:linear-gradient(#3e8a5f,#2a6a46 55%,#245d3d);opacity:.85}
  .fin-bar .reserve{background:repeating-linear-gradient(135deg,#ffffff10 0 4px,#0000 4px 8px)}

  /* unit economics */
  .fin-unit{padding:0 14px 12px;display:flex;flex-direction:column;gap:10px}
  .fin-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .fin-fact{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(#1b1d21,#15171a);box-shadow:inset 0 1px 0 #ffffff07,0 1px 0 #0006;min-width:0}
  .fin-fact small{display:block;font-size:10px;color:var(--muted)}
  .fin-fact b{display:block;font-size:14px;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
  .fin-fact b small{display:inline;font-size:10px;margin-left:4px}
  .fin-callout{margin:0;font-size:12px;line-height:1.5;padding:8px 11px;border-radius:5px;border:1px solid var(--line);background:#0000001f}
  .fin-callout.neg{border-color:#6d3a2e;color:#f3b39f}.fin-callout.pos{border-color:#2f5c41;color:#a9e2bd}.fin-callout b{color:var(--text)}
  .fin-unit .table-wrap{border:1px solid var(--line);border-radius:5px}
  .fin-unit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;align-items:start}
  .fin-unit>.fin-facts,.fin-unit>.fin-cap,.fin-unit>.fin-callout{grid-column:1}
  .fin-unit>.table-wrap{grid-column:2;grid-row:1 / span 3}
  .fin-unit>.fin-unit-levels{grid-column:1 / -1}.fin-unit>.fin-nodes{grid-column:1 / -1}
  .fin-unit-levels .fin-h3{margin-left:0}
  @media (max-width:1180px){.fin-unit{grid-template-columns:minmax(0,1fr)}.fin-unit>*{grid-column:1 !important;grid-row:auto !important}}
  .fin-cover{display:inline-block;min-width:46px;text-align:center;padding:1px 7px;border-radius:9px;font-size:11px;font-weight:600;border:1px solid;box-shadow:inset 0 1px 0 #ffffff26,0 1px 1px #0008}
  .fin-cover.bad{color:#ffd8cc;background:linear-gradient(#b8492c,#8d331e);border-color:#6f2716}
  .fin-cover.warn{color:#fff1cc;background:linear-gradient(#b98518,#8d630e);border-color:#6a4a08}
  .fin-cover.ok{color:#e3f0ff;background:linear-gradient(#3c78c2,#295a98);border-color:#1f467a}
  .fin-cover.good{color:#dcffe8;background:linear-gradient(#2f955a,#216e41);border-color:#185432}
  .fin-nodes summary{font-size:11px;color:var(--muted);cursor:pointer}.fin-nodes ul{margin:6px 0 0;padding-left:18px;font-size:11.5px;color:var(--muted)}

  /* charts */
  .fin-chart{padding:4px 12px 8px;min-height:60px}
  .fin-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:0 0 4px 58px}
  .fin-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px;box-shadow:inset 0 1px 0 #ffffff30}
  .fin-zero{stroke:#ffffff30}

  /* forms: inset wells */
  .fin input,.fin select{height:26px;padding:3px 7px;font-size:12px;border-radius:4px;background:linear-gradient(#111215,#17191c);border:1px solid #3a3d43;box-shadow:inset 0 2px 3px #0007,0 1px 0 #ffffff08;color:var(--text)}
  .fin input:focus,.fin select:focus{border-color:#4f73a6;outline:none;box-shadow:inset 0 2px 3px #0007,0 0 0 2px #4f73a640}
  .fin input[type=number]{text-align:right;font-variant-numeric:tabular-nums}
  .fin input::placeholder{color:#6b6f78;font-style:italic}
  .fin label{font-size:11px;color:var(--muted);margin:0;display:flex;flex-direction:column;gap:4px}
  .fin label small{font-size:10px;color:var(--subtle)}
  .fin-input-wrap{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}
  .fin-input-wrap input{width:90px}
  .fin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:2px 14px 14px}
  .fin-form-actions{display:flex;gap:8px;align-items:flex-end}
  .fin-settings-save{justify-content:flex-end;margin-top:12px}
  .fin-ledger-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px;padding:2px 14px 14px;align-items:end}
  .fin-ledger-form label.wide{grid-column:span 2}
  .fin-ledger-form input,.fin-ledger-form select{width:100%}

  /* planner */
  .fin-planner{display:flex;flex-direction:column;gap:12px}
  .fin-plan-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
  .fin-plan-body>div:first-child{border-right:1px solid var(--line);min-width:0}
  .fin-plan-inputs{display:flex;gap:14px;flex-wrap:wrap;padding:0 14px 10px}
  .fin-plan-inputs input{width:80px}
  .fin-plan-table th,.fin-plan-table td{padding:5px 8px}
  .fin-plan-table input{width:54px}
  .fin-plan-table .fin-input-wrap{gap:2px}.fin-plan-table .fin-input-wrap input{width:62px}
  .fin-plan-out{padding:12px 14px 14px}
  .fin-plan-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fin-plan-facts .fin-fact b{white-space:normal}

  /* targets */
  .fin-pad{padding:0 14px 10px}
  .fin-h3{font-size:12.5px;font-weight:500;margin:6px 14px 6px}
  .fin-levels th,.fin-levels td{padding:5px 12px}
  .fin-levels thead th:not(:first-child){min-width:130px}
  .fin-goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;padding:0 14px 12px}
  .fin-goals.compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .fin-goal{padding:9px 11px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(#1b1d21,#15171a);box-shadow:inset 0 1px 0 #ffffff07,0 1px 0 #0006;display:flex;flex-direction:column;gap:6px}
  .fin-goal.met{border-color:#2f5c41}
  .fin-goal .fin-bar{flex:none;height:8px}
  .fin-growth-facts .fin-fact b{white-space:normal;font-size:13px}
  .fin-goal-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}.fin-goal-head b{font-weight:500}.fin-goal-head span{font-variant-numeric:tabular-nums;white-space:nowrap}.fin-goal-head small{color:var(--muted)}
  .fin-goal-foot{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--muted)}
  .fin-goal-actions{display:flex;gap:10px;justify-content:flex-end}.fin-goal-actions .text-button{font-size:11px}
  .fin-goal-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.9fr) auto;gap:10px;padding:4px 14px 14px;align-items:end;border-top:1px solid var(--line);padding-top:12px}
  .fin-goal-form input,.fin-goal-form select{width:100%}
  .fin-growth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);border-top:1px solid var(--line)}
  .fin-growth>form{border-right:1px solid var(--line);min-width:0;padding-top:10px}
  .fin-growth-out{min-width:0;padding:10px 0 0}
  .fin-growth-facts{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 14px 8px}
  .fin-growth-plans th,.fin-growth-plans td{padding:4px 12px}.fin-growth-plans input{width:64px}
  .fin .fin-check{flex-direction:row;align-items:center;gap:6px;color:var(--text)}.fin .fin-check input{width:auto;height:auto}
  .fin-levels-pick{display:flex;flex-direction:column;gap:4px}.fin-levels-pick small{font-size:11px;color:var(--muted)}
  .fin-levels-pick .segmented button.selected{color:var(--text)}
  .fin-compare{display:flex;gap:10px;align-items:flex-end;padding:10px 14px}.fin-compare>span{font-size:11px;color:var(--muted);padding-bottom:6px}
  .fin-compare select{min-width:180px}
  .fin-compare-table th,.fin-compare-table td{padding:5px 12px}
  @media (max-width:1180px){.fin-growth{grid-template-columns:minmax(0,1fr)}.fin-growth>form{border-right:0}.fin-goal-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:1180px){.fin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-grid-2,.fin-plan-body{grid-template-columns:minmax(0,1fr)}.fin-ledger-form{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media (max-width:640px){.page-head:has(.fin-head-actions){flex-direction:column;align-items:stretch;gap:10px}.fin-head-actions{flex-wrap:wrap}.fin-kpis,.fin-facts,.fin-plan-facts,.fin-form-grid{grid-template-columns:minmax(0,1fr)}.fin-ledger-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
}

/* [claude-opus-5-5 2026-10-12] The all-time column of the profit and loss statement. */
.fin-statement th.fin-alltime,.fin-statement td:last-child{border-left:1px solid var(--line)}
.fin-statement th.fin-alltime small{display:block;font-size:9.5px;font-weight:400;color:var(--subtle)}

/* [claude-opus-5-5 2026-10-12] Figures editable where they are shown. */
.fin-ed{all:unset;cursor:pointer;border-bottom:1px dotted color-mix(in srgb,var(--mint) 60%,transparent);font:inherit;color:inherit}
.fin-ed i{font-style:normal;font-size:.8em;margin-left:3px;opacity:.45}
.fin-ed:hover{color:var(--text);border-bottom-style:solid}.fin-ed:hover i,.fin-ed:focus-visible i{opacity:1}
.fin-ed:focus-visible{outline:1px solid var(--mint);outline-offset:2px}
.fin-ed-box{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.fin-ed-box input{width:84px;height:24px;padding:2px 6px;font-size:12px;text-align:right}
.fin-ed-box .button{min-height:24px;padding:2px 9px}