.billing-flow{overflow:hidden}.flow-rail{display:flex;gap:10px;overflow-x:auto;list-style:none;margin:0;padding:4px 0 12px;scroll-snap-type:x mandatory}.flow-rail li{display:flex;align-items:center;gap:8px;min-width:150px;padding:10px 12px;border:1px solid var(--line,#c9d2c6);border-radius:12px;background:color-mix(in srgb,var(--surface,#fff) 92%,#6fb7ad 8%);font-size:13px;font-weight:750;scroll-snap-align:start}.flow-rail li span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#6fb7ad;color:#102c28;font:800 11px/1 ui-monospace,monospace}.billing-metrics .metric strong{font-variant-numeric:tabular-nums}.billing-actions textarea{min-height:92px}.billing-actions .subpanel,.subpanel{padding:16px;border:1px solid var(--line,#c9d2c6);border-radius:14px;background:color-mix(in srgb,var(--surface,#fff) 97%,#a8c83e 3%)}.billing-actions fieldset,form fieldset{margin:12px 0;padding:14px;border:1px solid var(--line,#c9d2c6);border-radius:12px}.billing-actions legend,form legend{padding:0 8px;font-weight:800}.record-list{display:grid;gap:8px}.record-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line,#c9d2c6);border-radius:11px}.record-list article div{display:grid;gap:2px}.record-list article span{color:var(--muted,#667266);font-size:13px}.inline-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.inline-form label{margin:0;min-width:180px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-chip.working{border-color:#75982f;background:rgba(168,200,62,.14)}.status-chip.attention{border-color:#b8893b;background:rgba(239,188,81,.13)}[data-core-colour-scheme$="-dark"] .flow-rail li,[data-core-colour-scheme$="-dark"] .subpanel{background:rgba(111,183,173,.08)}@media(max-width:760px){.billing-actions.grid,.billing-metrics,.parties{grid-template-columns:1fr}.flow-rail li{min-width:132px}.record-list article{align-items:flex-start}.inline-form{display:grid}.header-actions{width:100%}.header-actions .button{flex:1}.billing-flow{margin-inline:-3px}.table-wrap{overflow:auto}.table-wrap table{min-width:680px}}
