.data-table{margin:12px 0 20px;min-width:0}
.data-table-tools{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.data-table-tools input[type=search]{flex:1;min-width:180px;font-size:13px}
.data-table-tools select{width:auto;max-width:180px;font-size:12px}
.data-table-count{font-size:12px;color:var(--muted);margin-bottom:8px}
.data-table-scroll{border:1px solid var(--line);border-radius:10px;max-height:360px;overflow:auto;overscroll-behavior:contain}
.data-table-scroll table{width:100%;font-size:12px}
.data-table-scroll thead th{position:sticky;top:0;z-index:1;background:#f7f8fc;box-shadow:0 1px var(--line)}
.data-table-scroll td{min-width:90px;max-width:320px;white-space:nowrap}
.data-table-scroll td.data-table-long{min-width:200px;white-space:normal;overflow-wrap:anywhere}
.data-table-scroll .data-table-index{min-width:64px;color:var(--muted);position:sticky;left:0;background:#fff}
.data-table-scroll th:first-child{left:0;z-index:2;min-width:64px}
.data-table-empty{text-align:center;padding:24px!important;color:var(--muted)}
.data-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}
.data-table-pages{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.data-table-pages button,.pc-mode .data-table-pages button{font-size:12px;padding:6px 10px;border-radius:8px}
.data-table-pages label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;margin:0}
.data-table-pages input{width:64px;padding:6px 8px;text-align:center;font-size:12px}
.data-table-pages button:disabled{opacity:.4}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.data-table-tools input[type=search]{flex-basis:100%}.data-table-scroll{max-height:300px}.data-table-footer{align-items:flex-start;gap:10px}.data-table-pages button,.pc-mode .data-table-pages button{padding:6px 8px}.data-table-tools select{max-width:60%}}