.notice.error { background:#fef3f2; color:#b42318; }
.table-search { display:flex; flex:1 1 600px; flex-wrap:wrap; gap:8px; align-items:center; margin:0; }
.table-search input { min-width:0; padding:8px 10px; font-size:13px; }.table-search .search-text{flex:1 1 150px;width:auto}.table-search .search-date{flex:1 1 130px;width:auto}
.table-search .table-button { margin:0; }
.result-toolbar { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:18px; }.table-search select { flex:0 1 auto; width:auto; padding:8px 10px; font-size:13px; }.bulk-actions { display:flex; flex:1 1 280px; flex-wrap:wrap; gap:6px; justify-content:flex-start; }.bulk-actions form { margin:0; }.bulk-actions .table-button { margin:0; }.pagination a.is-current { color:#fff; background:var(--primary); border-color:var(--primary); }.pagination a.is-disabled { pointer-events:none; opacity:.45; }
.bulk-actions .table-button { border-color:#465fff; background:#465fff; color:#fff; }.bulk-actions .table-button:hover { background:#3648d8; color:#fff; }.bulk-actions > a.table-button { border-color:#12b76a; background:#12b76a; }.bulk-actions > a.table-button:hover { background:#079455; }.bulk-actions .table-button.danger { border-color:#d92d20; background:#d92d20; color:#fff; }.bulk-actions .table-button.danger:hover { background:#b42318; color:#fff; }
.pagination { display:flex; justify-content:flex-end; margin-top:20px; }
.pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagination-wrap .pagination{margin-top:20px}.pagination-jump{display:flex;align-items:center;gap:6px;margin-top:20px;color:#667085;font-size:12px}.pagination-jump label{margin:0;font-size:12px}.pagination-jump input{width:62px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;font:inherit}.pagination-jump button{width:auto;padding:7px 10px;border-radius:6px;font-size:12px}
.pagination nav { display:flex; justify-content:flex-end; }
.pagination span,.pagination a { display:inline-flex; min-width:34px; height:34px; align-items:center; justify-content:center; padding:0 9px; border:1px solid var(--line); color:#475467; background:#fff; text-decoration:none; font-size:13px; }
.pagination span[aria-current="page"] span { color:#fff; background:var(--primary); border-color:var(--primary); }
.pagination svg { width:16px; height:16px; }
@media (max-width:700px) { .table-heading { align-items:flex-start; gap:12px; flex-direction:column; }.table-search,.bulk-actions { width:100%; flex-basis:100%; }.table-search .search-text,.table-search .search-date { flex-basis:100%; width:100%; } }