html,body{width:100%;min-height:0;overflow-x:hidden}
.shell{max-width:none;padding:14px 16px 8px}
.topbar{margin-bottom:12px}.filters,.kpis{margin-bottom:12px}.panel{margin-bottom:12px;padding:14px 16px}.panel-title{margin-bottom:8px}
.recovery-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.recovery-charts article{padding:14px;border:1px solid #dbe4ee;border-radius:10px;background:#fff}
.recovery-charts h3{margin:0 0 12px;font-size:14px;color:#172033}
.bar-chart{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(145px,210px) 1fr 42px;gap:10px;align-items:center;font-size:12px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#42536a}.bar-track{height:12px;border-radius:999px;background:#edf2f7;overflow:hidden}.bar-fill{height:100%;min-width:3px;border-radius:999px;background:#1689d8}.bar-fill.method-client{background:#22a36a}.bar-fill.method-pending{background:#f59e0b}.bar-value{text-align:right;font-weight:800;color:#172033}.chart-empty{color:#718096;font-size:12px;padding:5px 0}
dialog[open]{position:fixed;inset:14px auto auto 50%;transform:translateX(-50%);margin:0;max-height:calc(100dvh - 28px);overflow:auto}
.detail{padding:24px 27px 20px}.calls-table{max-height:calc(100dvh - 250px);overflow:auto}
@media(max-width:850px){.recovery-charts{grid-template-columns:1fr}.bar-row{grid-template-columns:130px 1fr 36px}.shell{padding:10px}.panel{padding:12px}}