dialog.liability-dialog { width:min(1060px,calc(100vw - 36px)); max-height:90vh; padding:24px; }
dialog.liability-detail { width:min(740px,calc(100vw - 36px)); }
dialog.liability-payment { width:min(680px,calc(100vw - 36px)); }
.liability-dialog .dialog-heading { margin-bottom:18px; }
.liability-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:16px 0; }
.liability-summary > div { background:var(--canvas); border:1px solid var(--light-gray); border-radius:12px; padding:12px 15px; }
.liability-summary span { display:block; font-size:12px; color:var(--muted); }
.liability-summary strong { display:block; margin-top:6px; font-size:21px; color:var(--dark); }
.liability-dialog .list-toolbar { flex-wrap:wrap; margin:16px 0; }
.liability-dialog .list-toolbar > div:first-child { flex:1; min-width:180px; }
.liability-dialog .business-table { font-size:13px; }
.liability-dialog .business-table td:nth-child(5) { white-space:nowrap; text-align:right; }
.liability-evidence { overflow-wrap:anywhere; margin:16px 0; font-size:13px; }
.liability-evidence dl { display:grid; grid-template-columns:minmax(100px,160px) minmax(0,1fr); gap:8px 16px; margin:12px 0; }
.liability-evidence dt { color:var(--muted); }
.liability-evidence dd { margin:0; white-space:pre-wrap; }
.liability-evidence section { grid-column:1 / -1; padding:8px; border-bottom:1px solid var(--light-gray); }
.liability-evidence h4 { margin:4px 0; font-size:13px; }
.liability-evidence-toolbar { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.liability-payment label { display:block; margin:14px 0 6px; }
.liability-payment .liability-check { display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.6; }
.liability-check input { width:17px; height:17px; margin-top:3px; flex:none; }
.liability-payment .form-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
#liability-payment-state { font-size:13px; }
@media(max-width:600px) { dialog.liability-dialog { width:calc(100vw - 20px); padding:16px; max-height:94vh; } .liability-summary { grid-template-columns:repeat(2,1fr); } .liability-dialog .dialog-heading h2 { font-size:19px; } .liability-evidence dl { grid-template-columns:1fr; gap:4px; } .liability-evidence dd { margin-bottom:9px; } .liability-dialog .list-toolbar { align-items:stretch; } .liability-dialog .list-toolbar > div { width:100%; } }

.liability-state-stack .status-badge { margin:3px 0; }
.liability-state-stack .status-badge + .status-badge { display:flex; width:fit-content; }