/* 欠费页「台账批次记录」面板：使用人自助撤回 / 恢复 / 提前清档。
   独立覆盖文件，回滚=删 index.html 对应 link 行。 */
.arrears-command__batches{margin-bottom:10px;border:1px solid var(--arrears-line,#e7e8ec);background:#fff}
.arrears-command__batches>summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;color:#34383e;font-weight:600;cursor:pointer;list-style:none}
.arrears-command__batches>summary::-webkit-details-marker{display:none}
.arrears-command__batches>summary::after{content:"展开";margin-left:auto;color:var(--arrears-muted,#8d9299);font-size:11px;font-weight:400}
.arrears-command__batches[open]>summary{border-bottom:1px solid var(--arrears-line,#e7e8ec)}
.arrears-command__batches[open]>summary::after{content:"收起"}
.arrears-command__batch-list{padding:0 12px}
.arrears-command__batch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--arrears-line,#e7e8ec)}
.arrears-command__batch-row:last-child{border-bottom:0}
.arrears-command__batch-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.arrears-command__batch-title b{color:#2b2f35;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.arrears-command__batch-main small{display:block;margin-top:3px;color:var(--arrears-muted,#8d9299);font-size:11px}
.arrears-command__batch-state{border-radius:2px;background:#f1f2f5;padding:1px 6px;color:#62676f;font-size:11px;line-height:18px}
.arrears-command__batch-state.is-done{background:#eaf5ef;color:var(--arrears-green,#258e59)}
.arrears-command__batch-state.is-dead{background:#f7e9eb;color:var(--arrears-red,#cf001b)}
.arrears-command__batch-state.is-running{background:#fdf3e7;color:var(--arrears-orange,#e58c2f)}
.arrears-command__batch-state.is-wait{background:#f3f4f7;color:#6c7179}
.arrears-command__batch-ops{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.arrears-command__batch-op{height:28px;border:1px solid #d9dce2;border-radius:2px;background:#fff;padding:0 10px;color:#41464c;font:inherit;font-size:12px;cursor:pointer}
.arrears-command__batch-op:hover{border-color:#b9bec7;background:#fafbfc}
.arrears-command__batch-op:disabled{cursor:default;opacity:.6}
.arrears-command__batch-op.is-danger{border-color:#e8c9ce;color:var(--arrears-red,#cf001b)}
.arrears-command__batch-op.is-danger:hover{background:#fff7f8}
.arrears-command__batch-confirm{grid-column:1/-1;display:grid;gap:6px;margin-top:2px;border-left:1px solid var(--arrears-red,#cf001b);background:#fafbfc;padding:8px 10px}
.arrears-command__batch-confirm input{height:32px;border:1px solid #d9dce2;border-radius:2px;padding:0 8px;color:#333;font:inherit}
.arrears-command__batch-confirm input:focus-visible{outline:3px solid rgba(207,0,27,.22);outline-offset:1px}
.arrears-command__batch-actions{display:flex;gap:6px}
.arrears-command__batch-note{margin:0;padding:6px 0;color:var(--arrears-muted,#8d9299);font-size:11px}
.arrears-command__batch-confirm .arrears-command__batch-note{padding:0}
@media (max-width:640px){
  .arrears-command__batch-row{grid-template-columns:1fr}
  .arrears-command__batch-ops{justify-content:flex-start}
}

/* 诊断摘要四条：这套 class 一直没有任何样式（全站 CSS 里搜不到），
   裸渲染成四行竖排文字。这里补成等宽指标卡，移动端两列。 */
.arrears-command__result .r219-arrears-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}
.r219-arrears-summary>article{border:1px solid var(--arrears-line,#e7e8ec);background:#fff;padding:10px 12px}
.r219-arrears-summary>article>span{display:block;color:var(--arrears-muted,#8d9299);font-size:11px}
.r219-arrears-summary>article>strong{display:block;margin-top:5px;color:#2b2f35;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .arrears-command__result .r219-arrears-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}