.lists-page .lists-hero { border-bottom: 1px solid rgba(0,0,0,.06); }
.lists-page .lists-filters { border: 2px solid #24324a; border-radius: .75rem; box-shadow: 0 .35rem 1.25rem rgba(36, 50, 74, .2); }
.lists-page .lists-filters .form-label { font-weight: 600; color: #24324a; }
.lists-page .lists-table-wrap { border-radius: .75rem; box-shadow: 0 .25rem 1.25rem rgba(34,48,74,.08); background: #fff; }
.lists-page .lists-table-wrap thead th { background: #24324a; color: #fff; white-space: nowrap; }
.lists-page .lists-table-wrap tbody tr { transition: background-color .2s ease; }
.lists-page .lists-table-wrap tbody tr:hover { background-color: #f4f7fb; }
.lists-page .lists-empty { border: 1px dashed #cbd5e1; border-radius: .75rem; background: #fff; }
.lists-page .lists-empty > i { color: #2563eb; font-size: 2rem; }
.lists-page .lists-search-box { position: relative; }
.lists-page .lists-search-box .form-control { padding-right: 3.5rem; }
.lists-page .lists-search-submit { position: absolute; top: 50%; right: .5rem; z-index: 2; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 50%; background: #ef0023; color: #fff; cursor: pointer; box-shadow: 0 .2rem .5rem rgba(239, 0, 35, .3); transform: translateY(-50%); }
.lists-page .lists-search-submit:hover, .lists-page .lists-search-submit:focus { background: #c9001d; color: #fff; box-shadow: 0 .25rem .65rem rgba(201, 0, 29, .4); }
.lists-page .lists-filters .form-control:focus, .lists-page .lists-filters .form-select:focus { border-color: #2563eb; box-shadow: 0 0 0 .2rem rgba(37,99,235,.15); }
.lists-page .lists-filters .btn-outline-secondary { border-color: #2563eb; color: #2563eb; }
.lists-page .lists-filters .btn-outline-secondary:hover, .lists-page .lists-filters .btn-outline-secondary:focus { background: #2563eb; border-color: #2563eb; color: #fff; }
.lists-page .lists-sheet-btn { border-color: #34a853; color: #188038; font-weight: 600; }
.lists-page .lists-sheet-btn:hover, .lists-page .lists-sheet-btn:focus { background: #34a853; border-color: #34a853; color: #fff; }
.lists-page .pagination .page-link { color: #ef0023; border-color: #f5b8c0; min-width: 2.5rem; text-align: center; }
.lists-page .pagination .page-item.disabled .page-link { opacity: .45; color: #94a3b8; background-color: #f1f5f9; border-color: #cbd5e1; pointer-events: none; }
.lists-page .pagination .page-item.active .page-link { background: #ef0023; border-color: #ef0023; color: #fff; }
.lists-page .pagination .page-link:hover { background: #fff0f2; border-color: #ef0023; }
@media (max-width: 767.98px) {
    .lists-page .lists-hero .container, .lists-page > section > .container { padding-left: 1rem; padding-right: 1rem; }
    .lists-page .lists-filters { padding: 1rem !important; }
    .lists-page .lists-table-wrap { overflow: visible; box-shadow: none; background: transparent; }
    .lists-page .lists-table-wrap table, .lists-page .lists-table-wrap tbody, .lists-page .lists-table-wrap tr, .lists-page .lists-table-wrap td { display: block; width: 100%; }
    .lists-page .lists-table-wrap thead { display: none; }
    .lists-page .lists-table-wrap tr { margin-bottom: .8rem; padding: .85rem 1rem; border: 3px solid #24324a; border-radius: .8rem; background: #fff; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; }
    .lists-page .lists-table-wrap td:first-child { display: none; }
    .lists-page .lists-table-wrap td { display: flex; justify-content: space-between; gap: 1rem; padding: .38rem 0; border: 0; text-align: right !important; }
    .lists-page .lists-table-wrap td::before { content: attr(data-label); flex: 0 0 auto; color: #64748b; font-size: .8rem; font-weight: 600; text-align: left; }
    .lists-page .lists-table-wrap td:nth-child(2) { display: block; padding: 0 0 .5rem; font-size: 1rem; font-weight: 700; text-align: left !important; }
    .lists-page .lists-table-wrap td:nth-child(2)::before { display: none; }
    .lists-page .lists-table-wrap td:nth-child(3), .lists-page .lists-table-wrap td:nth-child(4) { font-weight: 600; color: #1e293b; }
    .lists-page .lists-table-wrap td:last-child { justify-content: flex-end; padding-top: .65rem; border-top: 1px solid #eff6ff; }
    .lists-page .lists-sheet-btn { width: 100%; }
    .lists-page .pagination { gap: .25rem; }
    .lists-page .pagination .page-link { min-width: 2.25rem; }
}