.record-filter,.record-pagination,.record-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.record-filter{padding:16px 20px;border-bottom:1px solid #edf0f6}
.record-filter label{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b;flex:1;min-width:200px}
.record-filter input{width:min(100%,420px);min-width:140px;height:38px;border:1px solid #dce3ee;border-radius:8px;padding:0 12px;color:#263653;background:#fff}
.record-filter input:focus,.record-page-actions select:focus{outline:2px solid #9aaaf4;outline-offset:2px}
.record-pagination{padding:14px 20px;border-top:1px solid #edf0f6;justify-content:space-between}
.record-pagination p{margin:0;color:#64748b;font-size:13px}
.record-page-actions label{font-size:13px;color:#64748b}
.record-page-actions select{height:34px;margin-left:5px;border:1px solid #dce3ee;border-radius:7px;background:#fff;color:#334155;padding:0 6px}
.record-error{margin:12px 20px;padding:10px 12px;border-radius:7px;color:#b42318;background:#fff1ef}
.record-pagination-panel[aria-busy=true] [data-record-content]{opacity:.55;pointer-events:none}
.record-pagination-panel .btn:disabled{opacity:.45;cursor:default}
@media(max-width:600px){.record-filter,.record-pagination{padding:12px}.record-filter label{flex-basis:100%;flex-wrap:wrap}.record-filter input{flex:1}.record-pagination{align-items:flex-start}.record-page-actions{gap:8px}}