.admin-list { --al-ink:#1a202c; --al-text:#334155; --al-muted:#64748b; --al-line:#e7eaee; --al-soft:#f8fafc; }
.admin-list .al-panel { background:#fff; border:1px solid var(--al-line); border-radius:12px; overflow:hidden; }
.admin-list .al-status-form { display:flex; align-items:center; gap:8px; margin:0; }
.admin-list .al-status-form label { margin:0; color:var(--al-muted); font-size:13px; font-weight:600; }
.admin-list .al-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid var(--al-line); flex-wrap:wrap; background:#fff; }
.admin-list .al-toolbar-start,
.admin-list .al-toolbar-end { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.admin-list .al-toolbar-end { margin-left:auto; flex:0 0 auto; }
.admin-list .dataTables_length,
.admin-list .dataTables_filter { margin:0; padding:0; }
.admin-list .dataTables_length label,
.admin-list .dataTables_filter label { display:flex; align-items:center; gap:8px; margin:0; color:var(--al-muted); font-size:13px; font-weight:600; }
.admin-list .al-status-form select,
.admin-list .dataTables_length select,
.admin-list .dataTables_filter input { height:36px; border:1px solid #d8dee6; border-radius:8px; background:#fff; color:var(--al-ink); font-size:13px; font-weight:500; box-shadow:none; }
.admin-list .al-status-form select,
.admin-list .dataTables_length select { min-width:108px; padding:0 28px 0 10px; }
.admin-list .dataTables_filter label { position:relative; }
.admin-list .dataTables_filter input { width:220px; max-width:100%; padding:0 12px 0 32px; }
.admin-list .al-search-icon { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:12px; pointer-events:none; }
.admin-list .al-status-form select:hover,
.admin-list .dataTables_length select:hover,
.admin-list .dataTables_filter input:hover { border-color:#c5ced8; }
.admin-list .al-status-form select:focus,
.admin-list .dataTables_length select:focus,
.admin-list .dataTables_filter input:focus { border-color:var(--al-ink); outline:none; box-shadow:0 0 0 3px rgba(26,32,44,.08); }
.admin-list .al-table-scroll { overflow-x:auto; }
.admin-list table.dataTable { width:100% !important; margin:0 !important; border-collapse:separate !important; border-spacing:0; }
.admin-list table.dataTable thead th { background:var(--al-soft); color:#475569; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; border-bottom:1px solid var(--al-line) !important; border-top:0 !important; padding:12px 16px !important; vertical-align:middle; white-space:nowrap; }
.admin-list table.dataTable tbody td { padding:14px 16px !important; border-top:0 !important; border-bottom:1px solid #f1f4f7; vertical-align:top; color:var(--al-text); font-size:13.5px; background:#fff; }
.admin-list table.dataTable tbody tr:last-child td { border-bottom:0; }
.admin-list table.dataTable tbody tr:hover td { background:#f8fafc; }
.admin-list .al-id { color:#94a3b8; font-variant-numeric:tabular-nums; width:52px; }
.admin-list .al-warehouse { min-width:140px; }
.admin-list .al-contact { min-width:180px; max-width:240px; }
.admin-list .al-contact .al-primary,
.admin-list .al-link { overflow-wrap:anywhere; }
.admin-list .al-link { color:#334155; text-decoration:none; }
.admin-list .al-link:hover { color:var(--al-ink); text-decoration:underline; }
.admin-list .al-address { min-width:220px; max-width:320px; color:#475569; line-height:1.45; white-space:normal; }
.admin-list .al-primary { color:var(--al-ink); font-weight:600; line-height:1.35; }
.admin-list .al-muted,
.admin-list .text-muted,
.admin-list small { color:var(--al-muted) !important; font-size:12.5px; line-height:1.4; }
.admin-list .al-muted { margin-top:2px; }
.admin-list .al-date { white-space:nowrap; color:#475569; font-variant-numeric:tabular-nums; }
.admin-list .al-badge,
.admin-list .badge { display:inline-flex; align-items:center; padding:3px 8px !important; border-radius:999px !important; font-size:12px !important; font-weight:600 !important; line-height:1.4; letter-spacing:.01em; background:#f1f5f9; color:#334155; }
.admin-list .al-badge-active,
.admin-list .badge.bg-success { background:#ecfdf3 !important; color:#166534 !important; }
.admin-list .al-badge-inactive,
.admin-list .badge.bg-danger { background:#fef2f2 !important; color:#991b1b !important; }
.admin-list .badge.bg-secondary,
.admin-list .badge.bg-info,
.admin-list .badge.bg-warning,
.admin-list .badge.bg-primary,
.admin-list .badge.bg-light { background:#f1f5f9 !important; color:#334155 !important; }
.admin-list .al-action-row { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; }
.admin-list .btn-edit,
.admin-list .btn-delete,
.admin-list .btn-approve,
.admin-list .al-action-row .btn { height:30px; padding:0 10px; font-size:12px; font-weight:600; border-radius:7px; border-width:1px; line-height:1; box-shadow:none; transform:none; white-space:nowrap; }
.admin-list .btn-edit { background:#fff; color:var(--al-ink); border:1px solid #d5dbe3; }
.admin-list .btn-edit:hover,
.admin-list .btn-edit:focus { background:var(--al-ink); color:#fff; border-color:var(--al-ink); transform:none; box-shadow:none; }
.admin-list .btn-delete { background:#fff; color:#b42318; border:1px solid #f0c9c6; }
.admin-list .btn-delete:hover,
.admin-list .btn-delete:focus { background:#b42318; color:#fff; border-color:#b42318; transform:none; box-shadow:none; }
.admin-list .btn-approve { background:#fff; color:#166534; border:1px solid #bbf7d0; }
.admin-list .btn-approve:hover,
.admin-list .btn-approve:focus { background:#166534; color:#fff; border-color:#166534; transform:none; box-shadow:none; }
.admin-list .al-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-top:1px solid var(--al-line); flex-wrap:wrap; background:#fff; }
.admin-list .al-footer-info,
.admin-list .al-footer-pages,
.admin-list .dataTables_info,
.admin-list .dataTables_paginate { float:none !important; }
.admin-list .al-footer-info { flex:1 1 220px; min-width:0; }
.admin-list .al-footer-pages { flex:0 0 auto; }
.admin-list .dataTables_info { color:var(--al-muted); font-size:13px; line-height:32px; padding:0 !important; margin:0; white-space:nowrap; }
.admin-list .dataTables_paginate { padding:0 !important; margin:0; }
.admin-list .dataTables_paginate .pagination { display:flex; align-items:center; justify-content:flex-end; gap:6px; margin:0; width:auto; flex-wrap:wrap; }
.admin-list .dataTables_paginate .page-item { flex:0 0 auto; }
.admin-list .dataTables_paginate .page-item .page-link { width:auto; min-width:32px; height:32px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #e5e7eb; border-radius:8px !important; color:#334155; background:#fff; font-size:13px; line-height:1; margin:0; box-sizing:border-box; }
.admin-list .dataTables_paginate .page-item .page-link:hover { background:var(--al-soft); color:var(--al-ink); border-color:#d8dee6; }
.admin-list .dataTables_paginate .page-item.active .page-link { background:var(--al-ink); border-color:var(--al-ink); color:#fff; }
.admin-list .dataTables_paginate .page-item.disabled .page-link { color:#cbd5e1; background:#f8fafc; border-color:#eef2f6; }
.admin-list .dataTables_empty { padding:40px 16px !important; text-align:center; color:var(--al-muted) !important; }
@media (max-width: 640px) {
    .admin-list .al-toolbar,
    .admin-list .al-footer { align-items:stretch; }
    .admin-list .al-toolbar-end,
    .admin-list .dataTables_filter,
    .admin-list .dataTables_filter label,
    .admin-list .dataTables_filter input { width:100%; }
}