/* ═════════════════════════════════════════════════════════════════
   finance.css — Finance (public/tools/finance.js, #view-finance, classes fin-…). 13 Oct 2026, migration 186.
   The desk layout of the mock-up Ava approved on 12/10: a rail of figures, a list of work on the left, one item in
   detail on the right. Colours and fonts are the Platform's own tokens (--e-…). No coloured side bars: a chosen row
   gets a soft background. On a phone everything is one column and every tap target is 44px tall.
   ⭐ Every rule starts with #view-finance (see the top of tools.css for why).
   ═════════════════════════════════════════════════════════════════ */
#view-finance{
  --fin-surface:#fff; --fin-mist:var(--e-card); --fin-inset:var(--e-inset); --fin-ink:var(--e-ink); --fin-muted:var(--e-ink3);
  --fin-rule:var(--e-line); --fin-rule2:#dfe2e8; --fin-accent:var(--e-accent); --fin-tint:var(--e-accent-soft);
  --fin-red:#561f19; --fin-red-tint:#f7ecea; --fin-ok:#2F4A6B; --fin-ok-tint:#EAEFF5;
  --fin-c1:#2a78d6; --fin-c2:#a85e59; --fin-c3:#b8c0cd;
}
#view-finance *,#view-finance *::before,#view-finance *::after{box-sizing:border-box}
#view-finance .fin-head{display:flex;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;align-items:flex-end;margin:0 0 14px}
#view-finance .fin-head h1{font:400 clamp(28px,3.4vw,38px)/1.1 var(--e-didone);margin:2px 0 6px;color:var(--fin-ink)}
#view-finance .fin-label{font:600 10px/1.4 var(--e-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--fin-muted);margin:0}
#view-finance .fin-label.sm{margin:14px 0 6px}
#view-finance .fin-sub1{font:400 14.5px/1.5 var(--e-sans);color:var(--fin-muted);margin:0;max-width:640px}
#view-finance .fin-headact{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#view-finance .fin-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--fin-rule2);border-radius:999px;background:var(--fin-surface);font:400 12.5px var(--e-sans);color:var(--fin-ink);cursor:pointer}
#view-finance .fin-chip i{width:8px;height:8px;border-radius:50%;background:var(--fin-ok)}
#view-finance .fin-chip.off i{background:var(--fin-c3)}
#view-finance .fin-co-switch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
#view-finance .fin-co-switch>span{font:600 10px/1 var(--e-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--fin-muted)}
#view-finance .fin-co-switch>div{display:flex;gap:6px;flex-wrap:wrap}
#view-finance .fin-chipb{min-height:36px;padding:0 14px;border:1px solid var(--fin-rule2);border-radius:999px;background:transparent;font:400 13px var(--e-sans);color:var(--fin-ink);cursor:pointer}
#view-finance .fin-chipb i{font-style:normal;color:var(--fin-muted);margin-left:4px;font-size:11.5px}
#view-finance .fin-chipb.on{background:var(--fin-ink);color:#fff;border-color:var(--fin-ink)}
#view-finance .fin-chipb.on i{color:#dfe2e8}
#view-finance .fin-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--fin-rule);margin:0 0 18px}
#view-finance .fin-tabs button{background:none;border:0;padding:12px 14px;min-height:44px;font:400 14px var(--e-sans);color:var(--fin-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
#view-finance .fin-tabs button.on{color:var(--fin-ink);font-weight:600;border-bottom-color:var(--fin-accent)}
#view-finance .fin-tabs .n{margin-left:8px;font:600 10.5px var(--e-sans);color:var(--fin-red);background:var(--fin-red-tint);border-radius:999px;padding:3px 8px}

#view-finance .fin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--fin-ink);background:var(--fin-ink);color:#fff;font:500 13px var(--e-sans);cursor:pointer}
#view-finance .fin-btn.sm{min-height:36px;padding:0 14px;font-size:12.5px}
#view-finance .fin-btn.out{background:transparent;color:var(--fin-ink);border-color:var(--fin-rule2)}
#view-finance .fin-btn:hover{opacity:.9}
#view-finance .fin-btn[disabled]{opacity:.45;cursor:not-allowed}
#view-finance .fin-file{cursor:pointer}
#view-finance .fin-link{background:none;border:0;padding:0;color:var(--fin-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font:inherit;cursor:pointer;text-align:left}
#view-finance .fin-link.strong{font-weight:600;text-decoration:none}
#view-finance .fin-panel{background:var(--fin-surface);border:1px solid var(--fin-rule);border-radius:12px;padding:18px 20px;margin:0 0 16px}
#view-finance .fin-wait{max-width:520px;margin:40px auto;text-align:center;color:var(--fin-muted)}
#view-finance .fin-ph{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;border-bottom:1px solid var(--fin-ink);padding-bottom:8px;margin-bottom:12px}
#view-finance .fin-ph h2{font:400 24px/1.15 var(--e-didone);margin:0;color:var(--fin-ink)}
#view-finance .fin-ph span{font:400 12.5px var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-sub{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid var(--fin-rule);padding:20px 0 6px;margin:0 0 10px;font:600 10.5px/1.3 var(--e-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--fin-muted)}
#view-finance .fin-sub .fin-link{text-transform:none;letter-spacing:0;font:400 12.5px var(--e-sans)}
#view-finance .fin-note,#view-finance .fin-lede{font:400 14px/1.5 var(--e-sans);color:var(--fin-muted);margin:6px 0 12px;max-width:760px}
#view-finance .fin-muted{font:400 12.5px/1.45 var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-tbc{color:var(--fin-accent);font-style:normal}
#view-finance small.fin-tbc{display:block}
#view-finance .fin-notice{padding:12px 16px;background:var(--fin-tint);border-radius:10px;font:400 14px var(--e-sans);margin:0 0 14px}
#view-finance .fin-empty{padding:20px 4px;color:var(--fin-muted);font:400 14px var(--e-sans)}
#view-finance .fin-msg{font:400 13px/1.45 var(--e-sans);color:var(--fin-muted);margin:8px 0}
#view-finance .fin-msg.bad{color:var(--fin-red)}
#view-finance code{font:400 12px ui-monospace,Menlo,monospace;background:var(--fin-mist);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}

/* rail of figures */
#view-finance .fin-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:10px;overflow-x:auto;margin:0 0 16px;padding-bottom:2px}
#view-finance .fin-cell{text-align:left;background:var(--fin-surface);border:1px solid var(--fin-rule);border-radius:10px;padding:12px 14px;min-height:92px;display:grid;gap:4px;align-content:start;cursor:pointer;font-family:var(--e-sans)}
#view-finance .fin-cell small{font:600 10px/1.3 var(--e-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fin-muted)}
#view-finance .fin-cell strong{font:400 22px/1.15 var(--e-didone);color:var(--fin-ink);overflow-wrap:anywhere}
#view-finance .fin-cell em{font:400 12px/1.35 var(--e-sans);font-style:normal;color:var(--fin-muted)}
#view-finance .fin-cell em.late{color:var(--fin-red)}
#view-finance .fin-cell.on{background:var(--fin-mist);border-color:var(--fin-ink)}
#view-finance .fin-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
#view-finance .fin-bar p{margin:0;font:400 13px/1.45 var(--e-sans);color:var(--fin-muted);max-width:640px}

/* the desk: list left, one item right */
#view-finance .fin-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}
#view-finance .fin-left{min-width:0}
#view-finance .fin-pane{position:sticky;top:12px;background:var(--fin-surface);border:1px solid var(--fin-rule);border-radius:12px;padding:18px 20px;min-width:0}
#view-finance .fin-queue{background:var(--fin-surface);border:1px solid var(--fin-rule);border-radius:12px;margin:0 0 16px;overflow:hidden}
#view-finance .fin-g h3{display:flex;justify-content:space-between;gap:8px;margin:0;padding:10px 16px;background:var(--fin-inset);font:600 10.5px/1.3 var(--e-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fin-muted)}
#view-finance .fin-g h3 span{font-weight:400;letter-spacing:0;text-transform:none}
#view-finance .fin-row{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;min-height:56px;padding:10px 16px;border:0;border-top:1px solid var(--fin-rule);background:transparent;text-align:left;cursor:pointer;font-family:var(--e-sans)}
#view-finance .fin-g .fin-row:first-of-type{border-top:0}
#view-finance .fin-row:hover,#view-finance .fin-row.sel{background:var(--fin-mist)}
#view-finance .fin-row>span{min-width:0}
#view-finance .fin-row b{display:block;font:500 14px/1.3 var(--e-sans);color:var(--fin-ink);overflow-wrap:anywhere}
#view-finance .fin-row small{display:block;font:400 12px/1.4 var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-row .r{text-align:right;flex:none}
#view-finance .fin-row .r small.late{color:var(--fin-red)}
#view-finance .fin-amt{font:500 14px var(--e-sans);color:var(--fin-ink);font-variant-numeric:tabular-nums}
#view-finance .fin-more{display:block;width:100%;padding:12px;border:0;border-top:1px solid var(--fin-rule);background:transparent;color:var(--fin-muted);font:400 13px var(--e-sans);cursor:pointer;min-height:44px}
#view-finance .fin-pay{padding:12px 16px;border-top:1px solid var(--fin-rule);display:grid;gap:6px}
#view-finance .fin-pay b{margin-right:10px}
#view-finance .fin-pay span{font:400 12.5px var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-pay p{margin:0;font:400 13px var(--e-sans)}
#view-finance .fin-back{display:none;background:none;border:0;padding:6px 0 12px;font:400 13px var(--e-sans);color:var(--fin-ink);cursor:pointer;min-height:44px}

/* tags and dots */
#view-finance .fin-tag{display:inline-block;font:600 10px/1 var(--e-sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:4px;border:1px solid var(--fin-rule2);color:var(--fin-muted);white-space:nowrap}
#view-finance .fin-tag-paid{background:var(--fin-ok-tint);color:var(--fin-ok);border-color:transparent}
#view-finance .fin-tag-sent{background:var(--fin-tint);color:var(--fin-accent);border-color:transparent}
#view-finance .fin-tag-late{background:var(--fin-red-tint);color:var(--fin-red);border-color:transparent}
#view-finance .fin-tag-draft{border-style:dashed}
#view-finance .fin-tag-void{text-decoration:line-through}
#view-finance .fin-co{display:inline-block;font:600 10px/1 var(--e-sans);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border:1px solid var(--fin-rule2);border-radius:4px;color:var(--fin-muted);margin-right:4px}
#view-finance .fin-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--fin-rule2);vertical-align:middle}
#view-finance .fin-dot.paid{background:var(--fin-ok);border-color:var(--fin-ok)}
#view-finance .fin-dot.sent{background:var(--fin-accent);border-color:var(--fin-accent)}
#view-finance .fin-dot.overdue{background:var(--fin-red);border-color:var(--fin-red)}
#view-finance .fin-dot.draft{background:var(--fin-c3);border-color:var(--fin-c3)}
#view-finance .fin-dot.late{border-color:var(--fin-red);border-style:dashed}
#view-finance .fin-dot.later,#view-finance .fin-dot.none{border-color:var(--fin-rule)}
#view-finance .fin-dot.none{border-style:dotted;opacity:.5}
#view-finance .fin-mhead,#view-finance .fin-mrow{display:grid;grid-template-columns:minmax(130px,200px) minmax(0,1fr);gap:12px;align-items:center;padding:8px 0}
#view-finance .fin-mrow{border-top:1px solid var(--fin-rule)}
#view-finance .fin-mrow small{display:block;font:400 12px var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-mcells{display:grid;grid-template-columns:repeat(12,1fr);justify-items:center;font:400 11px var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-key{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font:400 12px var(--e-sans);color:var(--fin-muted);margin:12px 0 0}

/* a mandate, an invoice, an expense in detail */
#view-finance .fin-two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}
#view-finance .fin-kv{display:grid;gap:0;margin:8px 0 12px}
#view-finance .fin-kv>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid var(--fin-rule);font:400 13.5px/1.4 var(--e-sans)}
#view-finance .fin-kv dt{color:var(--fin-muted)}
#view-finance .fin-kv dd{margin:0;color:var(--fin-ink);overflow-wrap:anywhere}
#view-finance .fin-kv dd small{display:block;color:var(--fin-muted);font-size:12px}
#view-finance .fin-d h2{font:400 26px/1.15 var(--e-didone);margin:4px 0 10px;color:var(--fin-ink)}
#view-finance .fin-bigamt{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#view-finance .fin-bigamt strong{font:400 30px/1.1 var(--e-didone);color:var(--fin-ink)}
#view-finance .fin-due{font:400 13.5px var(--e-sans);color:var(--fin-muted);margin:6px 0 10px}
#view-finance .fin-due.late{color:var(--fin-red)}
#view-finance .fin-box{background:var(--fin-mist);border-radius:10px;padding:12px 14px;margin:8px 0;display:grid;gap:6px}
#view-finance .fin-box.match{background:var(--fin-ok-tint)}
#view-finance .fin-box .t{font:600 12.5px var(--e-sans);color:var(--fin-ink)}
#view-finance .fin-box p{margin:0;font:400 13px/1.45 var(--e-sans);color:var(--fin-ink)}
#view-finance .fin-actions,#view-finance .fin-row2{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
#view-finance .fin-sched{display:grid}
#view-finance .fin-prow,#view-finance .fin-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--fin-rule)}
#view-finance .fin-line{grid-template-columns:minmax(0,1fr) auto}
#view-finance .fin-prow b,#view-finance .fin-line b{display:block;font:500 13.5px var(--e-sans)}
#view-finance .fin-prow small,#view-finance .fin-line small{display:block;font:400 12px var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-prow .r{text-align:right;font:400 13.5px var(--e-sans)}
#view-finance .fin-hist{list-style:none;margin:0;padding:0}
#view-finance .fin-hist li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid var(--fin-rule);font:400 13px/1.4 var(--e-sans)}
#view-finance .fin-hist li span:first-child{color:var(--fin-muted)}
#view-finance .fin-rcpt{border:1px dashed var(--fin-rule2);border-radius:10px;padding:12px 14px;margin:8px 0;font:400 13px/1.45 var(--e-sans)}
#view-finance .fin-rcpt.empty{background:var(--fin-mist)}
#view-finance .fin-rcpt p{margin:0 0 6px}
#view-finance .fin-chk{display:flex;gap:8px;align-items:center;margin:6px 0 2px;min-height:32px}

/* forms */
#view-finance .fin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:10px 0}
#view-finance .fin-field{display:grid;gap:5px;min-width:0}
#view-finance .fin-field.fin-wide{grid-column:1/-1}
#view-finance .fin-field>span{font:600 10px/1.2 var(--e-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fin-muted)}
#view-finance .fin-in{width:100%;min-height:44px;border:1px solid var(--fin-rule2);border-radius:6px;background:var(--fin-surface);padding:8px 10px;font:400 14px var(--e-sans);color:var(--fin-ink)}
#view-finance textarea.fin-in{min-height:70px;resize:vertical}
#view-finance .fin-in.short{width:150px}
#view-finance .fin-lrow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 110px auto;gap:8px;align-items:center;margin:6px 0}
#view-finance .fin-total{font:400 14px var(--e-sans);margin:10px 0}
#view-finance .fin-drop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed var(--fin-rule2);border-radius:10px;padding:12px 14px;margin:6px 0;font:400 13.5px var(--e-sans)}

/* money */
#view-finance .fin-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 14px}
#view-finance .fin-figs>div{display:grid;gap:3px}
#view-finance .fin-figs small,#view-finance .fin-also small{font:600 10px/1.3 var(--e-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fin-muted)}
#view-finance .fin-figs strong{font:400 26px/1.1 var(--e-didone);color:var(--fin-ink);overflow-wrap:anywhere}
#view-finance .fin-figs strong.neg{color:var(--fin-red)}
#view-finance .fin-figs span,#view-finance .fin-also span{font:400 12px/1.4 var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-also{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}
#view-finance .fin-also>div{display:grid;gap:3px;padding:12px 14px;background:var(--fin-mist);border-radius:10px}
#view-finance .fin-also b{font:400 20px var(--e-didone)}
#view-finance .fin-scroll{overflow-x:auto}
#view-finance .fin-table{width:100%;border-collapse:collapse;font:400 13px var(--e-sans);min-width:520px}
#view-finance .fin-table th{font:600 10px/1.2 var(--e-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fin-muted);text-align:left;padding:8px 8px;border-bottom:1px solid var(--fin-ink)}
#view-finance .fin-table td{padding:8px;border-bottom:1px solid var(--fin-rule);font:400 13px var(--e-sans);color:var(--fin-ink)}
#view-finance .fin-table .num{text-align:right;font-variant-numeric:tabular-nums}
#view-finance .fin-table tr.tot td{font-weight:600;border-bottom:0}
#view-finance .fin-table th{font-size:10px}
#view-finance .fin-vrow{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--fin-rule)}
#view-finance .fin-vrow small{display:block;font:400 12px var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-linecols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-finance .fin-linecols h4,#view-finance .fin-fbody h4{font:600 10.5px/1.3 var(--e-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fin-muted);margin:12px 0 4px}
#view-finance .fin-linecols ul,#view-finance .fin-fbody ul{margin:0;padding-left:18px;font:400 13.5px/1.5 var(--e-sans)}
#view-finance .fin-fbody p{margin:0 0 6px;font:400 13.5px/1.5 var(--e-sans)}

/* chart */
#view-finance .fin-legend{display:flex;gap:6px 16px;flex-wrap:wrap;font:400 12px var(--e-sans);color:var(--fin-muted);margin:2px 0 6px}
#view-finance .fin-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
#view-finance .fin-legend i.c1,#view-finance .fin-chart rect.c1{fill:var(--fin-c1);background:var(--fin-c1)}
#view-finance .fin-legend i.c2,#view-finance .fin-chart rect.c2{fill:var(--fin-c2);background:var(--fin-c2)}
#view-finance .fin-legend i.c3,#view-finance .fin-chart rect.c3{fill:var(--fin-c3);background:var(--fin-c3)}
#view-finance .fin-chart{width:100%;height:auto;display:block;margin:0 0 10px}
#view-finance .fin-chart .grid{stroke:var(--fin-rule);stroke-width:1}
#view-finance .fin-chart .ax{font:400 10.5px var(--e-sans);fill:var(--fin-muted)}

/* deadlines */
#view-finance .fin-flist{border-top:1px solid var(--fin-rule)}
#view-finance .fin-frow{border-bottom:1px solid var(--fin-rule)}
#view-finance .fin-frow.open{background:var(--fin-mist)}
#view-finance .fin-fhead{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr) 24px;gap:14px;align-items:center;width:100%;min-height:56px;padding:12px 8px;background:none;border:0;text-align:left;cursor:pointer;font-family:var(--e-sans)}
#view-finance .fin-fhead b{display:block;font:500 14px/1.3 var(--e-sans);color:var(--fin-ink)}
#view-finance .fin-fhead small{display:block;font:400 12px/1.4 var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-fhead .chev{font-size:18px;color:var(--fin-muted);text-align:center}
#view-finance .fin-fbody{padding:4px 8px 16px}
#view-finance .fin-fcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-finance .fin-fctl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
#view-finance .fin-todo{background:var(--fin-red-tint);border-radius:10px;padding:10px 14px;margin:10px 0}
#view-finance .fin-todo ul{margin:0;padding-left:18px;font:400 13px/1.5 var(--e-sans)}
#view-finance .fin-todo h4{margin:0 0 4px;font:600 12px var(--e-sans)}
#view-finance .fin-krow{display:grid;grid-template-columns:minmax(0,1fr) auto 60px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--fin-rule)}
#view-finance .fin-krow b{display:block;font:500 14px var(--e-sans)}
#view-finance .fin-krow small{display:block;font:400 12.5px/1.4 var(--e-sans);color:var(--fin-muted)}
#view-finance .fin-built{margin-top:14px;background:var(--fin-mist);border-radius:10px;padding:12px 14px}
#view-finance .fin-built h4{margin:0 0 6px;font:600 13px var(--e-sans)}
#view-finance .fin-built ul{list-style:none;margin:0;padding:0}
#view-finance .fin-built li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font:400 13px var(--e-sans)}

@media (max-width:900px){
  #view-finance .fin-split{grid-template-columns:minmax(0,1fr)}
  #view-finance .fin-split .fin-pane{display:none;position:static}
  #view-finance .fin-split.show-detail .fin-pane{display:block}
  #view-finance .fin-split.show-detail .fin-left{display:none}
  #view-finance .fin-back{display:inline-block}
  #view-finance .fin-two,#view-finance .fin-linecols,#view-finance .fin-fcols{grid-template-columns:minmax(0,1fr)}
  #view-finance .fin-figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-finance .fin-also{grid-template-columns:minmax(0,1fr)}
  #view-finance .fin-vrow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #view-finance .fin-grid,#view-finance .fin-fctl{grid-template-columns:minmax(0,1fr)}
  #view-finance .fin-lrow{grid-template-columns:minmax(0,1fr)}
  #view-finance .fin-fhead{grid-template-columns:minmax(0,1fr) 24px}
  #view-finance .fin-fhead .d,#view-finance .fin-fhead .s{grid-column:1}
  #view-finance .fin-kv>div{grid-template-columns:minmax(0,1fr)}
  #view-finance .fin-krow{grid-template-columns:minmax(0,1fr) auto}
  #view-finance .fin-krow .fin-link{grid-column:2}
  #view-finance .fin-mhead,#view-finance .fin-mrow{grid-template-columns:minmax(0,1fr)}
  #view-finance .fin-prow{grid-template-columns:minmax(0,1fr) auto}
  #view-finance .fin-prow .r:last-child{grid-column:1/-1;text-align:left}
}