/* ============================================================================
   ToolBench — finance.css
   CTC Calculator, Tax Regime Comparison, SIP Calculator, Split the Bill.
   Loaded alongside calc.css, which already supplies .field/.fieldgrid/.inp/
   .panel/.prow/.seg/.result/.result-grid/.disclaimer/.formula — none of that
   is redeclared here. Tokens come from site.css.

   .fin-table/.chart-* below are the .amort-table/.chart-svg rules from
   advanced-emi.css, copied rather than cross-loaded — the same small-block
   duplication convention already used by image-compressor.css and aes.css.
   ============================================================================ */

/* ------------------------------------------------------------------ tables -- */
.fin-table{width:100%;margin:16px 0 0;border-collapse:collapse;font-size:14px}
.fin-table th,.fin-table td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--paper-line)}
.fin-table th:first-child,.fin-table td:first-child{text-align:left}
.fin-table th{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate-light);border-bottom:2px solid var(--paper-line)}
.fin-table tfoot td{font-weight:600;color:var(--ink);border-top:2px solid var(--paper-line);border-bottom:0}
.fin-table .is-deduction{color:var(--danger-ink)}
.fin-table .is-add{color:var(--success-ink)}
.fin-scroll{overflow-x:auto}

/* ------------------------------------------------------------------- chart -- */
.chart-block{margin:18px 0 0}
.chart-svg{display:block;width:100%;height:auto;max-height:280px}
.chart-line-a{fill:none;stroke:var(--blueprint-light);stroke-width:2.5}
.chart-line-b{fill:none;stroke:var(--amber);stroke-width:2.5}
.chart-marker-line{stroke:var(--danger);stroke-width:1.5;stroke-dasharray:4 3}
.chart-marker-label{font:500 11px var(--mono);fill:var(--danger-ink);text-anchor:middle}
.chart-year-label{font:400 9px var(--mono);fill:var(--slate-light);text-anchor:middle}
.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 0;font:400 12.5px/1.5 var(--sans);color:var(--slate)}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart-swatch{display:inline-block;width:10px;height:10px;border-radius:2px}
.chart-swatch.is-a{background:var(--blueprint-light)}
.chart-swatch.is-b{background:var(--amber)}

/* -------------------------------------------------------------- verdict card -- */
.verdict-banner{
  display:flex;align-items:flex-start;gap:14px;margin:16px 0 0;padding:16px;
  background:var(--ink);border-radius:var(--radius);
}
.verdict-banner .vmark{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--success);color:#08281a;font-size:18px;font-weight:700}
.verdict-banner h3{margin:0 0 4px;font:600 16px/1.3 var(--display);color:#fff}
.verdict-banner p{margin:0;font-size:13.5px;color:var(--slate-light-ink)}

/* ------------------------------------------------------- split-bill specific -- */
.people-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.people-chip{
  display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 14px;
  background:var(--paper);border:1px solid var(--paper-line);border-radius:999px;
  font:500 13.5px/1 var(--sans);color:var(--ink);
}
.people-chip button{
  display:grid;place-items:center;width:20px;height:20px;padding:0;
  background:rgba(192,57,43,.1);border:0;border-radius:50%;color:var(--danger-ink);
  cursor:pointer;font-size:13px;line-height:1;
}
.expense-row{
  display:grid;gap:8px;margin:0 0 10px;padding:12px;
  background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius);
}
.expense-row-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.expense-row-head .inp{flex:1 1 160px}
.among-list{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0 0}
.among-list label{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--slate);cursor:pointer}
.among-list input{accent-color:var(--blueprint)}
.share-amount-inp{width:90px;flex:none}

.balance-list{margin:16px 0 0;padding:0;list-style:none}
.balance-list li{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 14px;margin:0 0 6px;border-radius:var(--radius);font:500 14px/1.4 var(--sans);
}
.balance-list li.is-owed{background:rgba(76,175,125,.08);color:var(--success-ink)}
.balance-list li.is-owes{background:var(--danger-bg);color:var(--danger-ink)}
.balance-list li.is-even{background:var(--paper);color:var(--slate-light)}

.settle-list{margin:16px 0 0;padding:0;list-style:none}
.settle-list li{
  display:flex;align-items:center;gap:10px;padding:11px 14px;margin:0 0 6px;
  background:var(--paper);border-radius:var(--radius);font:400 14px/1.4 var(--mono);
}
.settle-list .arrow{color:var(--blueprint-light);font-weight:700}
.settle-list b{color:var(--ink)}