/* Mama567 admin theme — shared across dashboard, tables, forms, chat and modals. */
:root {
    --mama-ink: #171a2f;
    --mama-navy: #293454;
    --mama-navy-deep: #1d263f;
    --mama-blue: #464b69;
    --mama-orange: #e8910d;
    --mama-orange-dark: #c97505;
    --mama-orange-soft: #fff1dc;
    --mama-cream: #f7f4eb;
    --mama-blush: #f4e3f5;
    --mama-surface: #fffefd;
    --mama-text: #2c3042;
    --mama-muted: #737164;
    --mama-border: rgba(41, 52, 84, .11);
    --mama-shadow: 0 14px 34px rgba(41, 52, 84, .09), 0 3px 10px rgba(41, 52, 84, .04);
}

body.admin-panel-page {
    min-height: 100vh;
    color: var(--mama-text);
    background:
        radial-gradient(circle at 94% 4%, rgba(209, 143, 209, .20), transparent 25%),
        radial-gradient(circle at 31% 100%, rgba(232, 145, 13, .08), transparent 29%),
        linear-gradient(145deg, #fbf8f0 0%, #f5f2e9 57%, #f9eff7 100%) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.admin-panel-page a {
    color: var(--mama-orange-dark);
}

.admin-panel-page a:hover,
.admin-panel-page a:focus {
    color: var(--mama-navy);
}

/* Sidebar */
.admin-panel-page #sidebar {
    width: 280px;
    padding: 14px 0 22px;
    align-items: stretch;
    justify-content: flex-start;
    background:
        radial-gradient(circle at 12% 92%, rgba(209, 143, 209, .17), transparent 30%),
        radial-gradient(circle at 90% 7%, rgba(232, 145, 13, .20), transparent 25%),
        linear-gradient(180deg, #293454 0%, #1d263f 100%) !important;
    box-shadow: 12px 0 40px rgba(29, 38, 63, .18) !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

.admin-panel-page #sidebar::-webkit-scrollbar {
    width: 5px;
}

.admin-panel-page #sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(255, 255, 255, .18);
}

.admin-panel-page #sidebar .sidebar-header {
    position: relative;
    width: calc(100% - 28px);
    margin: 0 14px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 18px;
    background: #fff !important;
    box-shadow: 0 14px 28px rgba(8, 12, 30, .20);
}

.admin-panel-page #sidebar .sidebar-header::after {
    content: "ADMIN PORTAL";
    position: absolute;
    right: 13px;
    bottom: 8px;
    color: var(--mama-orange-dark);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .13em;
}

.admin-panel-page #sidebar .sidebar-header h3 {
    margin: 0;
}

.admin-panel-page #sidebar .sidebar-header h3 img {
    width: 100%;
    max-width: 158px;
    margin: 0;
}

.admin-panel-page #sidebar ul.list-unstyled.components {
    margin-top: 20px;
    padding: 0 12px 40px;
}

.admin-panel-page #sidebar ul li {
    margin-bottom: 3px;
}

.admin-panel-page #sidebar ul li a {
    min-height: 43px;
    align-items: center;
    padding: 11px 13px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 600;
    box-shadow: none !important;
    transition: color .16s ease, background .16s ease, transform .16s ease, border-color .16s ease;
}

.admin-panel-page #sidebar ul li a span,
.admin-panel-page #sidebar .in_bg li a span {
    color: inherit;
}

.admin-panel-page #sidebar ul li a i {
    width: 25px;
    margin-right: 8px;
    color: rgba(255, 255, 255, .52);
    font-size: 14px;
    transition: color .16s ease;
}

.admin-panel-page #sidebar ul li > a:hover,
.admin-panel-page #sidebar ul li > a:focus,
.admin-panel-page #sidebar ul li > a.active,
.admin-panel-page #sidebar ul li.active > a,
.admin-panel-page #sidebar a[aria-expanded="true"] {
    border-color: rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .10) !important;
    color: #fff !important;
    transform: translateX(2px);
}

.admin-panel-page #sidebar ul li > a:hover i,
.admin-panel-page #sidebar ul li > a:focus i,
.admin-panel-page #sidebar ul li > a.active i,
.admin-panel-page #sidebar ul li.active > a i,
.admin-panel-page #sidebar a[aria-expanded="true"] i {
    color: #f4ad42;
}

.admin-panel-page #sidebar .in_bg {
    margin: 4px 0 7px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 13px;
    background: rgba(7, 12, 28, .18) !important;
}

.admin-panel-page #sidebar .in_bg a {
    min-height: 36px;
    padding: 8px 10px 8px 41px;
    color: rgba(255, 255, 255, .60);
    font-size: 12px;
}

.admin-panel-page #sidebar .in_bg a:hover,
.admin-panel-page #sidebar .in_bg a:focus,
.admin-panel-page #sidebar .in_bg a.active {
    background: rgba(232, 145, 13, .14) !important;
    color: #ffd28b !important;
}

.admin-panel-page #sidebar .dropdown-toggle::after {
    border-top-color: rgba(255, 255, 255, .48);
}

.admin-panel-page #dismiss {
    z-index: 2;
    border-radius: 10px;
    background: var(--mama-orange) !important;
}

.admin-panel-page .overlay {
    background: rgba(23, 26, 47, .56);
    backdrop-filter: blur(3px);
}

/* Main shell and top navigation */
.admin-panel-page #content {
    margin-left: 280px;
    padding: 22px 22px 34px;
    background: transparent;
}

.admin-panel-page #content > .navbar {
    margin-bottom: 26px;
    padding: 0;
}

.admin-panel-page .navbar .container-fluid {
    min-height: 66px;
    padding: 10px 12px !important;
    border: 1px solid var(--mama-border);
    border-radius: 19px;
    background: rgba(255, 254, 253, .88) !important;
    box-shadow: var(--mama-shadow) !important;
    backdrop-filter: blur(15px);
}

.admin-panel-page button#sidebarCollapse {
    display: inline-grid;
    width: 43px !important;
    height: 43px;
    place-items: center;
    padding: 0;
    border: 0 !important;
    border-radius: 13px;
    background: var(--mama-navy) !important;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 9px 20px rgba(41, 52, 84, .20) !important;
}

.admin-panel-page .admin-mobile-brand {
    display: none;
    margin-left: 10px;
}

.admin-panel-page .admin-mobile-brand img {
    width: 126px;
    height: auto;
}

.admin-panel-page .navbar-light .navbar-nav .admin-welcome {
    padding: 9px 13px;
    color: var(--mama-muted) !important;
    font-size: 13px;
}

.admin-panel-page .admin-welcome strong {
    color: var(--mama-ink);
    font-weight: 750;
}

.admin-panel-page .admin-chat-bell {
    position: relative;
    display: inline-grid;
    width: 41px;
    height: 41px;
    place-items: center;
    margin-right: 9px;
    padding: 0 !important;
    border: 1px solid var(--mama-border);
    border-radius: 50%;
    background: var(--mama-cream);
    color: var(--mama-navy) !important;
    box-shadow: none !important;
}

.admin-panel-page .admin-chat-bell:hover {
    border-color: rgba(232, 145, 13, .35);
    background: var(--mama-orange-soft);
    color: var(--mama-orange-dark) !important;
}

.admin-panel-page .logout_btn {
    display: inline-flex;
    min-height: 41px;
    align-items: center;
    padding: 9px 15px;
    border: 0;
    border-radius: 999px;
    background: var(--mama-navy) !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 9px 20px rgba(41, 52, 84, .18) !important;
}

.admin-panel-page .logout_btn:hover {
    background: var(--mama-orange) !important;
    color: #fff;
    transform: translateY(-1px);
}

/* Page headings and dashboard cards */
.admin-panel-page .main_title,
.admin-panel-page .main_head,
.admin-panel-page .sec_title,
.admin-panel-page .dash_row h2,
.admin-panel-page h1,
.admin-panel-page h2,
.admin-panel-page h3,
.admin-panel-page h4,
.admin-panel-page h5,
.admin-panel-page h6 {
    color: var(--mama-ink);
}

.admin-panel-page .dash_row h2,
.admin-panel-page .main_head {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--mama-border);
    color: var(--mama-ink);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.025em;
}

.admin-panel-page .dash_row h2::after,
.admin-panel-page .main_head::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 46px;
    height: 3px;
    border-radius: 999px;
    background: var(--mama-orange);
}

.admin-panel-page .dash_box,
.admin-panel-page .card,
.admin-panel-page .table_bg,
.admin-panel-page .table-bg,
.admin-panel-page .ibox,
.admin-panel-page div#data-grid_wrapper,
.admin-panel-page .chat-container,
.admin-panel-page .chat_box,
.admin-panel-page .chat_box .mesgs,
.admin-panel-page .model-form-title {
    border: 1px solid var(--mama-border) !important;
    border-radius: 19px !important;
    background: rgba(255, 254, 253, .94) !important;
    box-shadow: var(--mama-shadow) !important;
}

.admin-panel-page .dash_box {
    position: relative;
    min-height: 112px;
    padding: 21px;
    overflow: hidden;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.admin-panel-page .dash_box::after {
    content: "";
    position: absolute;
    top: -32px;
    right: -32px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(232, 145, 13, .07);
}

.admin-panel-page .dash_left {
    margin-right: 13px;
}

.admin-panel-page .dash_right {
    min-width: 0;
    padding: 0;
}

.admin-panel-page .dash_right h3 {
    margin: 0 0 6px;
    color: var(--mama-ink);
    font-size: clamp(18px, 1.55vw, 21px);
    font-weight: 780;
    letter-spacing: -.025em;
    line-height: 1.08;
    white-space: nowrap;
}

.admin-panel-page .dash_right p {
    margin: 0;
    color: var(--mama-muted);
    font-size: 12px;
    line-height: 1.3;
}

.admin-panel-page .dash_box:hover,
.admin-panel-page .card:hover {
    border-color: rgba(232, 145, 13, .24) !important;
    box-shadow: 0 18px 42px rgba(41, 52, 84, .13) !important;
    transform: translateY(-2px);
}

.admin-panel-page .dash_box .d_icon,
.admin-panel-page .dash_left .d_icon {
    display: inline-grid;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    place-items: center;
    border: 1px solid rgba(232, 145, 13, .18);
    border-radius: 16px;
    background: var(--mama-orange-soft);
    color: var(--mama-orange-dark);
    font-size: 24px;
}

.admin-panel-page .dash_info .fa-users,
.admin-panel-page .dash_info .fa-arrow-up,
.admin-panel-page .dash_info .fa-arrow-down,
.admin-panel-page .dash_success .fa-users,
.admin-panel-page .dash_success .fa-arrow-down,
.admin-panel-page .dash_success .fa-arrow-up,
.admin-panel-page .dash_danger .fa-users,
.admin-panel-page .dash_danger .fa-arrow-down {
    width: 54px;
    padding: 0 !important;
    border: 0 !important;
    color: inherit !important;
    font-size: 24px;
    text-align: center;
}

/* Buttons */
.admin-panel-page .btn.btn-theme,
.admin-panel-page .btn-theme,
.admin-panel-page .submit-btn,
.admin-panel-page input[type="submit"] {
    min-height: 42px;
    padding: 9px 22px;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #293454 0%, #171a2f 100%) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.4;
    box-shadow: 0 9px 20px rgba(41, 52, 84, .18) !important;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.admin-panel-page .btn.btn-theme:hover,
.admin-panel-page .btn-theme:hover,
.admin-panel-page .submit-btn:hover,
.admin-panel-page input[type="submit"]:hover {
    background: linear-gradient(135deg, #e8910d 0%, #c97505 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(201, 117, 5, .21) !important;
    transform: translateY(-1px);
}

.admin-panel-page .btn.btn-theme:hover i,
.admin-panel-page .btn-theme:hover i {
    color: inherit;
}

.admin-panel-page .btn-sm,
.admin-panel-page .btn-xs,
.admin-panel-page .btn_admin_theme {
    border-radius: 9px !important;
}

.admin-panel-page .btn-primary {
    border-color: var(--mama-navy);
    background: var(--mama-navy);
}

.admin-panel-page .btn-warning {
    border-color: var(--mama-orange);
    background: var(--mama-orange);
    color: #fff;
}

/* Forms and controls */
.admin-panel-page .form-group label,
.admin-panel-page .col-form-label {
    color: var(--mama-text);
    font-size: 13px;
    font-weight: 700;
}

.admin-panel-page .form-control,
.admin-panel-page .custom-select,
.admin-panel-page select,
.admin-panel-page textarea,
.admin-panel-page .select2-container .select2-selection--single,
.admin-panel-page .select2-container .select2-selection--multiple {
    min-height: 43px;
    border: 1px solid var(--mama-border) !important;
    border-radius: 12px !important;
    background: #f8f6ef !important;
    color: var(--mama-ink) !important;
    font-size: 13px;
    box-shadow: none !important;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.admin-panel-page .form-control:hover,
.admin-panel-page .form-control:focus,
.admin-panel-page .custom-select:hover,
.admin-panel-page .custom-select:focus,
.admin-panel-page select:hover,
.admin-panel-page select:focus,
.admin-panel-page textarea:hover,
.admin-panel-page textarea:focus,
.admin-panel-page .select2-container--focus .select2-selection,
.admin-panel-page .select2-container--open .select2-selection {
    border-color: rgba(232, 145, 13, .60) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(232, 145, 13, .10) !important;
}

.admin-panel-page .form-control:disabled,
.admin-panel-page .form-control[readonly] {
    background: #efede6 !important;
    color: #8a887e !important;
}

.admin-panel-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--mama-ink);
    line-height: 41px;
}

.admin-panel-page .select2-dropdown,
.admin-panel-page .dropdown-menu {
    overflow: hidden;
    border: 1px solid var(--mama-border);
    border-radius: 13px;
    background: var(--mama-surface);
    box-shadow: 0 18px 40px rgba(41, 52, 84, .15);
}

/* Tables and data grids */
.admin-panel-page .table_bg,
.admin-panel-page .table-bg,
.admin-panel-page .ibox,
.admin-panel-page div#data-grid_wrapper {
    padding: 18px;
}

.admin-panel-page .table_bg.card {
    padding: 18px;
}

.admin-panel-page .table-responsive,
.admin-panel-page #content .table-responsive,
.admin-panel-page #content .card .table-responsive {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid var(--mama-border);
    border-radius: 15px;
    background: #fff;
}

.admin-panel-page .table,
.admin-panel-page table.dataTable {
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff;
}

.admin-panel-page .table thead,
.admin-panel-page .dataTable thead,
.admin-panel-page .table-striped thead {
    background: #f1efe7 !important;
    color: var(--mama-ink) !important;
}

.admin-panel-page .table thead th,
.admin-panel-page .table-striped thead th,
.admin-panel-page table.dataTable thead th,
.admin-panel-page table.dataTable tfoot th {
    padding: 14px 12px;
    border: 0 !important;
    border-bottom: 1px solid var(--mama-border) !important;
    color: var(--mama-ink) !important;
    font-size: 11px !important;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.admin-panel-page .table td,
.admin-panel-page .table th,
.admin-panel-page table.dataTable tbody td {
    padding: 13px 12px;
    border: 0 !important;
    border-bottom: 1px solid rgba(41, 52, 84, .07) !important;
    color: var(--mama-text);
    font-size: 12px;
    vertical-align: middle;
}

.admin-panel-page .table-striped tbody tr:nth-of-type(odd),
.admin-panel-page table.dataTable.stripe tbody tr.odd,
.admin-panel-page table.dataTable.display tbody tr.odd {
    background: #fffdf8 !important;
}

.admin-panel-page .table-striped tbody tr:nth-of-type(even),
.admin-panel-page table.dataTable.stripe tbody tr.even,
.admin-panel-page table.dataTable.display tbody tr.even {
    background: #fff !important;
}

.admin-panel-page .table-hover tbody tr:hover,
.admin-panel-page table.dataTable.display tbody tr:hover {
    background: var(--mama-orange-soft) !important;
}

.admin-panel-page .table_bg a {
    color: var(--mama-orange-dark);
    font-weight: 650;
}

.admin-panel-page .dataTables_length label,
.admin-panel-page .dataTables_filter label,
.admin-panel-page .dataTables_info {
    color: var(--mama-muted) !important;
    font-size: 12px;
}

.admin-panel-page .dataTables_length select,
.admin-panel-page .dataTables_filter input {
    border: 1px solid var(--mama-border) !important;
    border-radius: 10px;
    background: #f8f6ef !important;
}

.admin-panel-page #content .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 34px;
    margin: 0 2px;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--mama-navy) !important;
}

.admin-panel-page #content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.admin-panel-page #content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.admin-panel-page #content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--mama-navy) !important;
    color: #fff !important;
}

/* Tabs, badges and utilities */
.admin-panel-page .nav-tabs {
    border-bottom: 1px solid var(--mama-border);
}

.admin-panel-page .nav-tabs .nav-link,
.admin-panel-page .tabs_common .nav-link {
    border: 0;
    border-radius: 999px;
    color: var(--mama-muted);
    font-size: 12px;
    font-weight: 700;
}

.admin-panel-page .nav-tabs .nav-link.active,
.admin-panel-page .tabs_common .nav-link.active,
.admin-panel-page .tabs_common .nav-link:hover {
    background: var(--mama-navy);
    color: #fff;
}

.admin-panel-page .badge,
.admin-panel-page span.count,
.admin-panel-page .dropdown-pending .count {
    border-radius: 999px !important;
    font-weight: 750;
}

.admin-panel-page .dropdown-pending .count {
    border-color: rgba(232, 145, 13, .30);
    background: rgba(232, 145, 13, .18);
    color: #ffd18a !important;
}

.admin-panel-page .badge-success {
    background: #dff5e5;
    color: #19713a;
}

.admin-panel-page .badge-danger {
    background: #ffe5e1;
    color: #a4342a;
}

.admin-panel-page .badge-warning {
    background: var(--mama-orange-soft);
    color: var(--mama-orange-dark);
}

.admin-panel-page .wallet_bal {
    border: 1px solid rgba(232, 145, 13, .30);
    border-radius: 14px;
    background: var(--mama-orange-soft);
    color: var(--mama-orange-dark);
    box-shadow: none;
}

/* Modals, date picker and chat */
.admin-panel-page .modal-content {
    overflow: hidden;
    border: 1px solid var(--mama-border);
    border-radius: 20px;
    background: var(--mama-surface);
    box-shadow: 0 30px 70px rgba(23, 26, 47, .24) !important;
}

.admin-panel-page .modal-header,
.admin-panel-page .modal-footer {
    border-color: var(--mama-border);
}

.admin-panel-page .modal-title {
    color: var(--mama-ink);
    font-weight: 800;
}

.admin-panel-page .datetimepicker table thead th {
    background: var(--mama-navy);
    color: #fff;
}

.admin-panel-page .datetimepicker table thead tr:last-of-type th {
    background: #f1efe7;
    color: var(--mama-ink);
}

.admin-panel-page .datetimepicker table tr td.active,
.admin-panel-page .datetimepicker table tr td span.active,
.admin-panel-page .datetimepicker table tr td.day:hover,
.admin-panel-page .datetimepicker thead tr:first-child th:hover,
.admin-panel-page .datetimepicker tfoot th:hover,
.admin-panel-page th.today {
    background: var(--mama-orange) !important;
    color: #fff !important;
}

.admin-panel-page .chat_box .mesgs,
.admin-panel-page .msg_history {
    border-color: var(--mama-border);
    background: #fffdf8 !important;
}

.admin-panel-page .camera-icon i,
.admin-panel-page .chat_foot .submit-btn {
    border-color: var(--mama-navy);
    background: var(--mama-navy) !important;
    color: #fff;
}

.admin-panel-page .msg {
    border-radius: 13px !important;
    box-shadow: 0 5px 14px rgba(41, 52, 84, .08) !important;
}

/* Responsive behaviour */
@media (max-width: 991.98px) {
    .admin-panel-page #sidebar {
        left: -100%;
    }

    .admin-panel-page #sidebar.active {
        left: 0;
    }

    .admin-panel-page #content,
    .admin-panel-page #content.active {
        margin-left: 0;
    }

    .admin-panel-page #dismiss {
        display: block;
    }

    .admin-panel-page .admin-mobile-brand {
        display: inline-flex;
    }
}

@media (max-width: 767.98px) {
    .admin-panel-page #content {
        padding: 14px 12px 28px;
    }

    .admin-panel-page .navbar .container-fluid {
        min-height: 59px;
        border-radius: 16px;
    }

    .admin-panel-page button#sidebarCollapse {
        width: 39px !important;
        height: 39px;
        border-radius: 12px;
    }

    .admin-panel-page .admin-mobile-brand img {
        width: 112px;
    }

    .admin-panel-page .logout_btn {
        width: 39px;
        height: 39px;
        justify-content: center;
        padding: 0;
        font-size: 0;
    }

    .admin-panel-page .logout_btn i {
        margin: 0 !important;
        font-size: 15px;
    }

    .admin-panel-page .admin-chat-bell {
        width: 39px;
        height: 39px;
        margin-right: 5px;
    }

    .admin-panel-page .dash_row h2,
    .admin-panel-page .main_head {
        font-size: 21px;
    }

    .admin-panel-page .dash_box,
    .admin-panel-page .card,
    .admin-panel-page .table_bg,
    .admin-panel-page .table-bg,
    .admin-panel-page .ibox,
    .admin-panel-page div#data-grid_wrapper,
    .admin-panel-page .model-form-title {
        border-radius: 16px !important;
    }

    .admin-panel-page .card,
    .admin-panel-page .card-body,
    .admin-panel-page .table-bg,
    .admin-panel-page .dataTables_wrapper,
    .admin-panel-page .admin-table-swipe,
    .admin-panel-page .admin-datatable-swipe {
        max-width: 100%;
        min-width: 0;
    }

    .admin-panel-page .table-responsive,
    .admin-panel-page .admin-table-swipe,
    .admin-panel-page .dataTables_wrapper,
    .admin-panel-page .admin-datatable-swipe,
    .admin-panel-page .dataTables_scroll,
    .admin-panel-page .dataTables_scrollBody {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto !important;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
        scrollbar-width: thin;
    }

    .admin-panel-page .table-responsive table,
    .admin-panel-page .admin-table-swipe > table,
    .admin-panel-page .dataTables_wrapper table,
    .admin-panel-page table.dataTable,
    .admin-panel-page table.display,
    .admin-panel-page table.report_table {
        width: max-content !important;
        min-width: 760px;
        max-width: none !important;
        white-space: nowrap;
        table-layout: auto !important;
    }

    .admin-panel-page .table-responsive th,
    .admin-panel-page .table-responsive td,
    .admin-panel-page .admin-table-swipe th,
    .admin-panel-page .admin-table-swipe td,
    .admin-panel-page .dataTables_wrapper th,
    .admin-panel-page .dataTables_wrapper td {
        white-space: nowrap;
    }
}

@media (max-width: 479.98px) {
    .admin-panel-page #content {
        padding-right: 9px;
        padding-left: 9px;
    }

    .admin-panel-page .admin-mobile-brand img {
        width: 92px;
    }

    .admin-panel-page .navbar .container-fluid {
        padding: 8px !important;
    }

    .admin-panel-page .dash_box {
        padding: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-panel-page *,
    .admin-panel-page *::before,
    .admin-panel-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}