.settlement-summary{display:flex;gap:7px 12px;flex-wrap:wrap}
.settlement-summary span{display:inline-flex;align-items:center;gap:6px}
.settlement-summary span::before,.settlement-status::before{content:'';width:8px;height:8px;border-radius:50%;background:#8b969d;flex:0 0 8px}
.settlement-summary .complete::before,.settlement-status.complete::before{background:#2f7a52}
.settlement-summary .attention::before,.settlement-status.attention::before{background:#b74238}
.settlement-summary .action::before,.settlement-status.action::before{background:#9a720b}
.settlement-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.settlement-panel h4{margin:0;font-size:1rem}
.settlement-panel>p{margin-top:5px;color:var(--muted)}
.settlement-list{display:grid;gap:9px;margin-top:13px}
.settlement-step{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(0,1.4fr);gap:12px;padding:11px 12px;background:var(--paper);border:1px solid var(--line)}
.settlement-step strong{font-size:.8125rem}
.settlement-step div{min-width:0}
.settlement-status{display:flex;align-items:center;gap:7px;font-size:.875rem;font-weight:700}
.settlement-detail{display:block;margin-top:2px;color:var(--muted);font-size:.8125rem;line-height:1.45}
.settlement-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}
@media(max-width:560px){.settlement-step{grid-template-columns:1fr;gap:4px}.settlement-actions{display:grid}.settlement-actions .button{width:100%;justify-content:center}}