.paged-data{min-width:0}
.data-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;padding:10px 14px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:10px}
.data-pagination[hidden]{display:none}
.page-actions,.page-numbers{display:flex;align-items:center;gap:4px}
.data-pagination button{min-width:32px;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:600 10px var(--font);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.data-pagination button:hover:not(:disabled){border-color:#9ea3ad;background:#f7f8fa}
.data-pagination button.active{border-color:var(--ink);background:var(--ink);color:#fff}
.data-pagination button:disabled{cursor:not-allowed;opacity:.35}
.page-numbers>span{padding:0 3px}
.paged-accordion{border:1px solid var(--line)}
.paged-accordion details+details{border-top:1px solid var(--line)}
.paged-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:0 16px;background:#f7f8fa;cursor:pointer;list-style:none}
.paged-accordion summary::-webkit-details-marker{display:none}
.paged-accordion summary h4{margin:0;font-size:13px}
.paged-accordion summary span{color:var(--muted);font-size:10px}
.paged-accordion summary:after{content:"＋";margin-left:auto;color:var(--muted);font-size:16px}
.paged-accordion details[open]>summary:after{content:"−"}
@media(max-width:760px){
  .data-pagination{align-items:stretch;flex-direction:column;padding:10px 12px}
  .page-actions{justify-content:space-between}
  .page-numbers{display:none}
  .data-pagination button{height:36px;min-width:94px}
}
