/* Aktsyn | facturatie uit demo v14 (src/92-v14-facturen.js 947, de stijl die v14 in de pagina zet), letterlijk overgenomen
   zodat de markup van v14 werkt (U3, UI-REGELS.md: de stijl van de demo). Na v13.css en voor aktsyn.css. */
.fx-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.fx-st{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--veld)}
.fx-st .n{width:22px;height:22px;border-radius:50%;background:#fff;font:500 11px/22px var(--mono);text-align:center;flex:none;color:var(--zacht)}
.fx-st.done .n{background:var(--petrol);color:#fff}
.fx-st.done .n svg{width:12px;height:12px;stroke-width:2.4;margin-top:5px}
.fx-st.nu{background:var(--ijsl);box-shadow:inset 0 0 0 1.5px var(--petrol)}
.fx-st.nu .n{color:var(--petrol-d)}
.fx-st b{display:block;font-weight:500;font-size:13px;line-height:1.3}
.fx-st span{font-size:12px;color:var(--zacht)}
@media (max-width:1100px){.fx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.fx-chip{display:inline-block;font:500 11px/1 var(--sans);padding:4px 7px;border-radius:4px;background:var(--veld);color:var(--zacht);margin:1px 4px 1px 0;white-space:nowrap}
.fx-chip.los,.fx-chip.credit{background:var(--ijsl);color:var(--petrol-d)}
.tag.fx-amber{background:#F7EBD3;color:#7A5410}
.tag.ink svg{width:11px;height:11px;margin-right:2px;vertical-align:-1px}
.fx-let{color:#8A5A12}
.fx-bulk{display:flex;align-items:center;gap:18px;background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;margin-bottom:10px;flex-wrap:wrap}
.fx-bulk .lnk{color:var(--ijs)}
.fx-bulk .lnk.muted{color:#B9C8CE}
.fx-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(6px);padding:10px 4px;margin:-6px 0 12px;border-bottom:1px solid var(--haar)}
.fx-bar .mono{font-size:13px}
.fx-bar b{font-weight:600}
.fx-doc .fx-adr{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.fx-meta{display:grid;grid-template-columns:auto auto;gap:3px 14px}
.fx-meta span{color:var(--zacht)}
.fx-meta b{font-weight:500;text-align:right}
.fx-tot{display:grid;grid-template-columns:1fr auto;gap:5px 24px;max-width:360px;margin:12px 0 0 auto;font-size:12.5px}
.fx-tot span{color:var(--zacht)}
.fx-tot b{font-weight:500;text-align:right}
.fx-tot .g{color:var(--ink);font-weight:600;border-top:1px solid var(--ink);padding-top:6px;font-size:14px}
.fx-voet{margin-top:22px;padding-top:10px;border-top:1px solid var(--haar)}
.fx-spec{margin-top:26px;padding-top:14px;border-top:1px dashed var(--haar)}
.fx-sph{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px}
.fx-sph b{font-weight:600}
.fx-sph span{color:var(--zacht)}
.fx-spec table{margin-top:4px}
.fx-sub td{color:var(--zacht);border-bottom:0;font-size:11.5px}
.fx-sptot{display:flex;justify-content:flex-end;gap:24px;margin-top:10px;padding-top:6px;border-top:1px solid var(--ink);font-size:12.5px}
.fx-sptot b{font-weight:600}
.fx-edit{table-layout:fixed}
.fx-edit input[data-k="oms"],.fx-edit input[data-k="reden"]{text-align:left}
.fx-edit td{vertical-align:middle}
.fx-edit .cell-in{background:var(--veld);border:0;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px}
.fx-edit .cell-in.num{text-align:right}
.fx-af td{background:var(--veld);border-top:0}
.fx-afrij{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.fx-afrij .small{white-space:nowrap}
.fx-afrij .fx-reden{flex:1;min-width:180px;background:#fff!important}
.fx-afrij .fx-reden.leeg{box-shadow:inset 0 0 0 1.5px var(--err)}
.fx-weg td{color:var(--zacht)}
.fx-spect{table-layout:fixed}
.fx-spect td,.fx-spect th{vertical-align:middle;padding-left:6px!important;padding-right:6px!important}
.fx-spect select.cell-in{font-size:12.5px;padding-right:2px}
.fx-spect .cell-in{width:100%;background:var(--veld);border:0;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;text-align:left}
.fx-add{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--haar);flex-wrap:wrap}
.fx-opt{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.fx-opt .pzet{display:flex;align-items:center;gap:10px}
.fx-opt .pzet.ro{opacity:.75}
.fx-ctl{display:flex;gap:9px;align-items:flex-start;padding:6px 0;font-size:13px;line-height:1.4}
.fx-ctl svg{flex:none;margin-top:2px}
.fx-ctl.ok svg{color:var(--ok)}
.fx-ctl.err{color:var(--err)}
.fx-ctl.let svg{color:#B07A1A}
.fx-mailtxt{background:var(--veld);border-radius:8px;padding:10px 12px;margin-top:10px;line-height:1.55}
.fx-log>div{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:10px;padding:7px 0;border-bottom:1px solid var(--haar)}
.fx-log>div:last-child{border-bottom:0}
.fx-lg-bg{fill:var(--petrol)}
.fx-acc-ink .fx-lg-bg{fill:var(--ink)}
.fx-acc-kantoor .fx-lg-bg{fill:#2E5E4E}
.fx-acc-petrol .fx-tot .g{border-top-color:var(--petrol)}
.fx-acc-kantoor .fx-tot .g{border-top-color:#2E5E4E}
.fx-acc-kantoor h2{color:#2E5E4E}
.fx-inc{width:34px;height:34px;border-radius:8px;background:var(--ijsl);color:var(--petrol-d);display:flex;align-items:center;justify-content:center;flex:none}
.fx-spect th{white-space:normal;line-height:1.25}
.fx-edit th:nth-child(6),.fx-edit td:nth-child(6){text-align:left}
.fx-btwaf{opacity:1}
.fx-edit tr:hover .fx-btwaf,.fx-btwaf:focus{opacity:1}
.fx-tot .fx-ex{font-size:11.5px;color:var(--zacht);font-weight:400;padding-top:2px}
.fx-betaal{display:flex;gap:14px;align-items:center;margin-top:14px;padding:10px 12px;border:1px solid var(--haar);border-radius:8px}
.fx-betaal svg{flex:none}
.fx-terug{flex-basis:100%;display:flex;gap:9px;align-items:flex-start;font-size:13px;background:#FBEDEA;color:#7A2E22;border-radius:8px;padding:8px 12px}
.fx-terug.p{background:var(--ijsl);color:var(--petrol-d)}
.fx-terug svg{flex:none;margin-top:2px}
.fx-ctl.info svg{color:var(--petrol)}
.fx-ctl.info{color:var(--ink,#1E2B33)}
.fx-bar .fx-peil{margin-left:-4px}