/* BNPL Recovery Desk — scoped styles (generated from the stand-alone desk) */
#bnplDesk{--surface:#fff;--muted:var(--mut);--field:#fff;--red-ink:#fff;--red-soft:var(--red3);--amber:var(--warn);--amber-soft:var(--warnb);--green:var(--ok);--green-soft:var(--okb);--blue-soft:var(--blueb);--grey-soft:var(--greyb);font-size:14px}
#bnplDesk label{flex-direction:row;display:block}
#bnplDesk nav.bn-nav{display:flex;gap:2px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto}
#bnplDesk nav.bn-nav button{border:none;background:none;padding:11px 14px;font:inherit;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
#bnplDesk nav.bn-nav button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--red);font-weight:600}
#bnplDesk .bn-main{padding:16px;max-width:1700px;margin:0 auto}
#bnplDesk section.panel{display:none}
#bnplDesk section.panel.on{display:block}
#bnplDesk .card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:14px 16px;margin-bottom:14px}
#bnplDesk h2{font-size:1rem;margin:0 0 10px}
#bnplDesk .slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
#bnplDesk .slot{border:1px dashed var(--line);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#bnplDesk .slot.ok{border-style:solid;border-color:var(--green)}
#bnplDesk .slot .st{font-size:.82rem;color:var(--muted)}
#bnplDesk .slot.ok .st{color:var(--green)}
#bnplDesk label.btn{display:inline-block}
#bnplDesk details summary{cursor:pointer;color:var(--blue);margin:6px 0}
#bnplDesk .flow{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;margin-bottom:14px}
#bnplDesk .flow div{flex:1 1 150px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px}
#bnplDesk .flow b{display:block;font-size:1.35rem}
#bnplDesk .flow span{font-size:.8rem;color:var(--muted)}
#bnplDesk .row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
#bnplDesk .row label{font-size:.8rem;color:var(--muted);display:block;margin-bottom:2px}
#bnplDesk input,#bnplDesk select,#bnplDesk textarea{padding:6px 7px;border:1px solid var(--line);border-radius:4px;background:var(--field);color:var(--ink);font:inherit}
#bnplDesk textarea{width:100%;min-height:70px}
#bnplDesk input:focus-visible,#bnplDesk select:focus-visible,#bnplDesk textarea:focus-visible,#bnplDesk button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
#bnplDesk .btn{border:1px solid var(--red);background:var(--surface);color:var(--red);padding:6px 12px;border-radius:4px;font:inherit;cursor:pointer}
#bnplDesk .btn.primary{background:var(--red);color:#fff}
#bnplDesk .btn:disabled{opacity:.45;cursor:not-allowed}
#bnplDesk button.mini{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:3px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;white-space:nowrap}
#bnplDesk button.mini.go{border-color:var(--red);color:var(--red)}
#bnplDesk button.x{border:none;background:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:2px 6px}
#bnplDesk .tw{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
#bnplDesk table{border-collapse:collapse;width:100%}
#bnplDesk th,#bnplDesk td{border-bottom:1px solid var(--line);padding:5px 6px;text-align:left;vertical-align:middle}
#bnplDesk th{font-size:.76rem;color:var(--muted);font-weight:600;background:var(--grey-soft);position:sticky;top:0}
#bnplDesk td input,#bnplDesk td select{padding:4px 5px;font-size:.84rem;width:100%}
#bnplDesk td.n,#bnplDesk th.n{text-align:right}
#bnplDesk .chip{display:inline-block;padding:2px 7px;border-radius:3px;font-size:.76rem;white-space:nowrap}
#bnplDesk .c-grey{background:var(--grey-soft);color:var(--muted)}
#bnplDesk .c-blue{background:var(--blue-soft);color:var(--blue)}
#bnplDesk .c-amber{background:var(--amber-soft);color:var(--amber)}
#bnplDesk .c-red{background:var(--red-soft);color:var(--red)}
#bnplDesk .c-green{background:var(--green-soft);color:var(--green)}
#bnplDesk .small{font-size:.8rem;color:var(--muted)}
#bnplDesk .rule{border-left:3px solid var(--red);padding:6px 10px;background:var(--red-soft);border-radius:0 4px 4px 0;font-size:.88rem}
#bnplDesk .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
#bnplDesk .grid label{font-size:.8rem;color:var(--muted);display:block;margin-bottom:2px}
#bnplDesk .grid input,#bnplDesk .grid select{width:100%}
#bnplDesk #bn_toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:5px;font-size:.88rem;display:none;z-index:9}
@media (max-width:600px){#bnplDesk .bn-main{padding:10px}
}
#bnplDesk .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
#bnplDesk .step{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:6px;padding:9px 11px;display:flex;flex-direction:column;gap:2px}
#bnplDesk .step:hover{border-color:var(--muted)}
#bnplDesk .step:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
#bnplDesk .step[aria-selected="true"]{background:var(--blue-soft);border-color:var(--blue)}
#bnplDesk .step .lbl{font-size:.8rem;color:var(--muted)}
#bnplDesk .step .cnt{font-size:1.4rem;font-weight:600;line-height:1.2}
#bnplDesk .step .amt{font-size:.78rem;color:var(--muted)}
#bnplDesk .step.k-red{border-left-color:var(--red)}
#bnplDesk .step.k-amber{border-left-color:var(--amber)}
#bnplDesk .step.k-green{border-left-color:var(--green)}
#bnplDesk .step.k-blue{border-left-color:var(--blue)}
#bnplDesk .step.k-grey{border-left-color:var(--muted)}
#bnplDesk .toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px}
#bnplDesk .tb-left,#bnplDesk .tb-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#bnplDesk .tb-left input{width:240px}
#bnplDesk .tb-left select{max-width:260px}
#bnplDesk .tb-right label{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:6px}
#bnplDesk .tb-right .chk{gap:4px}
#bnplDesk .actionbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:6px;padding:10px 14px;margin-bottom:12px;font-size:.9rem}
#bnplDesk .actionbar.hide{display:none}
#bnplDesk .ab-btns{display:flex;gap:8px;flex-wrap:wrap}
#bnplDesk #bn_reg{min-width:1000px}
#bnplDesk #bn_reg td{padding:8px 10px;border-bottom:1px solid var(--line)}
#bnplDesk #bn_reg th{padding:8px 10px}
#bnplDesk #bn_reg tbody tr:hover{background:var(--grey-soft)}
#bnplDesk #bn_reg .nm{font-weight:600}
#bnplDesk #bn_reg .sub{font-size:.78rem;color:var(--muted)}
#bnplDesk #bn_reg td.dt{white-space:nowrap}
#bnplDesk #bn_reg input[type=date]{width:140px;padding:4px 6px}
#bnplDesk #bn_reg tfoot td{font-weight:600;background:var(--grey-soft);border-bottom:none}
#bnplDesk .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
#bnplDesk .btn.danger{border-color:var(--red);color:var(--red)}
#bnplDesk dialog{border:1px solid var(--line);border-radius:8px;padding:0;width:min(720px,94vw);background:var(--surface);color:var(--ink)}
#bnplDesk dialog::backdrop{background:rgba(0,0,0,.45)}
#bnplDesk #bn_dlgForm{padding:16px 18px}
#bnplDesk .dlg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
#bnplDesk fieldset{border:1px solid var(--line);border-radius:6px;margin:10px 0;padding:8px 12px 12px}
#bnplDesk legend{font-size:.8rem;color:var(--muted);padding:0 4px}
#bnplDesk .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
#bnplDesk .fgrid label{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--muted)}
#bnplDesk .fgrid .span2{grid-column:1/-1}
#bnplDesk .fgrid input,#bnplDesk .fgrid select{font-size:.9rem;color:var(--ink)}
#bnplDesk .dlg-foot{display:flex;gap:8px;align-items:center;margin-top:12px}

#bnplDesk #bn_reg{min-width:0!important;table-layout:auto}#bnplDesk #bn_reg td,#bnplDesk #bn_reg th{padding:7px 8px;font-size:13px}
#bnplDesk #bn_reg .acts{flex-wrap:wrap;justify-content:flex-start}#bnplDesk #bn_reg input[type=date]{width:128px}
#bnplDesk .tw{max-height:none;overflow-x:auto}#bnplDesk .card{border-radius:14px;box-shadow:var(--sh)}