:root {
    --ia-bg: #f6f8fb;
    --ia-panel: #ffffff;
    --ia-panel-2: #ffffff;
    --ia-line: #dde4ee;
    --ia-text: #101828;
    --ia-muted: #667085;
    --ia-cyan: #0077ff;
    --ia-lime: #12b76a;
    --ia-pink: #e31b54;
    --ia-green: #12b76a;
}

body.admin-modern,
.admin-modern .wrapper,
.admin-modern .page-wrapper,
.admin-modern .page-content-wrapper,
.admin-modern .page-content,
.admin-modern .section-authentication-login {
    background: #f6f8fb !important;
    color: #101828 !important;
}

.admin-modern.bg-theme1 .section-authentication-login,
.admin-modern .section-authentication-login {
    min-height: 100vh;
    background:
        radial-gradient(circle at 18% 10%, rgba(53,231,255,.18), transparent 28rem),
        radial-gradient(circle at 90% 20%, rgba(227,27,84,.18), transparent 30rem),
        #07101f !important;
}

.admin-modern .section-authentication-login .card {
    background: #ffffff !important;
    color: #101828 !important;
}

.admin-modern .section-authentication-login h1,
.admin-modern .section-authentication-login h2,
.admin-modern .section-authentication-login h3,
.admin-modern .section-authentication-login label,
.admin-modern .section-authentication-login p {
    color: #101828 !important;
}

.admin-modern .section-authentication-login a {
    color: #0057d9 !important;
    font-weight: 800;
}

body.admin-modern::before {
    opacity: .35 !important;
    background-image:
        linear-gradient(rgba(16,24,40,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16,24,40,.05) 1px, transparent 1px) !important;
}

.admin-modern .top-header,
.admin-modern .topbar,
.admin-modern .sidebar-wrapper {
    background: rgba(255,255,255,.94) !important;
    border-color: #dde4ee !important;
    box-shadow: 0 12px 34px rgba(15,23,42,.08) !important;
}

.admin-modern .card,
.admin-modern .modal-content,
.admin-modern .dropdown-menu,
.dashboard-hero,
.scanner-hero,
.agent-code,
.recent-scan,
.scan-empty,
.dashboard-row,
.structure-tile,
.scan-mini-stats div {
    background: #ffffff !important;
    border-color: #dde4ee !important;
    color: #101828 !important;
    box-shadow: 0 18px 50px rgba(15,23,42,.08) !important;
}

.admin-modern h1,
.admin-modern h2,
.admin-modern h3,
.admin-modern h4,
.admin-modern h5,
.admin-modern h6,
.admin-modern .card-title,
.admin-modern .user-info .user-name,
.admin-modern .sidebar-wrapper .metismenu a,
.dashboard-row strong,
.agent-code strong,
.recent-scan strong,
.dash-kpi strong {
    color: #101828 !important;
}

.admin-modern p,
.admin-modern .text-secondary,
.admin-modern .breadcrumb-item,
.admin-modern .table td,
.admin-modern .user-info .designattion,
.admin-modern .sidebar-wrapper .metismenu ul a,
.dashboard-row span,
.agent-code span,
.recent-scan span,
.recent-scan small,
.dash-kpi span {
    color: #667085 !important;
}

.admin-modern .form-control,
.admin-modern .custom-select,
.admin-modern textarea,
.admin-modern input,
.admin-modern select {
    background: #ffffff !important;
    color: #101828 !important;
    border-color: #d0d5dd !important;
}

.admin-modern .btn-primary,
.admin-modern .btn-success,
.admin-modern .btn-info,
.admin-modern .btn-light {
    background: linear-gradient(135deg, #12b76a, #0077ff) !important;
    color: #ffffff !important;
    border: 0 !important;
}

.admin-modern .btn-light {
    background: #ffffff !important;
    color: #101828 !important;
    border: 1px solid #d0d5dd !important;
}

.admin-modern .table thead th {
    background: #f2f4f7 !important;
    color: #101828 !important;
}

.camera-frame,
#cameraPreview {
    background: #101828 !important;
}

.scan-result {
    background: #ffffff !important;
    border-color: #dde4ee !important;
    color: #101828 !important;
}

.scan-result h2,
.scan-result p {
    color: #101828 !important;
}

.scan-success {
    background: #ecfdf3 !important;
    border-color: #12b76a !important;
}

.scan-duplicate {
    background: #fffaeb !important;
    border-color: #f79009 !important;
}

.scan-invalid,
.scan-error,
.scan-unauthorized,
.scan-expired,
.scan-invalid_status {
    background: #fff1f3 !important;
    border-color: #e31b54 !important;
}

/* Final admin readability pass. */
.admin-modern .top-header {
    min-height: 70px !important;
    z-index: 50 !important;
}

.admin-modern .page-wrapper {
    padding-top: 82px !important;
}

.admin-modern .card-header,
.admin-modern .card-footer,
.admin-modern .border-bottom-0 {
    background: #ffffff !important;
    border-color: #dde4ee !important;
    color: #101828 !important;
}

.admin-modern .card-header h1,
.admin-modern .card-header h2,
.admin-modern .card-header h3,
.admin-modern .card-header h4,
.admin-modern .card-header h5,
.admin-modern .card-header p,
.admin-modern .dashboard-hero h1,
.admin-modern .scanner-hero h1 {
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
    background: none !important;
}

.admin-modern .dashboard-hero,
.admin-modern .scanner-hero {
    overflow: visible !important;
}

.admin-modern .dashboard-hero p,
.admin-modern .scanner-hero p,
.admin-modern .card-header p {
    color: #667085 !important;
}

.admin-modern .dash-kpi .card-body {
    min-height: 136px !important;
}

.admin-modern .right-topbar,
.admin-modern .navbar-nav,
.admin-modern .dropdown-user-profile {
    position: relative !important;
    z-index: 80 !important;
}

.admin-modern .dropdown-menu {
    z-index: 1000 !important;
    background: #ffffff !important;
    border: 1px solid #dde4ee !important;
    box-shadow: 0 18px 46px rgba(15,23,42,.12) !important;
}

.admin-modern .dropdown-menu .dropdown-item,
.admin-modern .dropdown-menu span,
.admin-modern .dropdown-menu i {
    color: #101828 !important;
}

.admin-modern .sidebar-wrapper {
    z-index: 70 !important;
}

.admin-modern .sidebar-wrapper .metismenu a {
    color: #344054 !important;
}

.admin-modern .sidebar-wrapper .metismenu a:hover,
.admin-modern .sidebar-wrapper .metismenu .mm-active > a {
    color: #0057d9 !important;
    background: #eef4ff !important;
}

.admin-modern .apexcharts-title-text,
.admin-modern .apexcharts-text,
.admin-modern .apexcharts-xaxis text,
.admin-modern .apexcharts-yaxis text,
.admin-modern .apexcharts-legend-text {
    fill: #667085 !important;
    color: #667085 !important;
}

@media (max-width: 991px) {
    .admin-modern .page-wrapper {
        padding-top: 74px !important;
    }
}

/* Hard contrast and spacing guard for old admin template blocks. */
.admin-modern .page-content {
    padding-top: 28px !important;
}

.admin-modern .dashboard-hero {
    margin-bottom: 28px !important;
    padding: 36px 32px !important;
}

.admin-modern .card {
    overflow: hidden !important;
}

.admin-modern .card,
.admin-modern .card-body,
.admin-modern .card-header,
.admin-modern .card-footer,
.admin-modern .table,
.admin-modern .table-responsive,
.admin-modern .dashboard-list,
.admin-modern .structure-card,
.admin-modern .scan-mini-stats div {
    background: #ffffff !important;
    color: #101828 !important;
}

.admin-modern .card h1,
.admin-modern .card h2,
.admin-modern .card h3,
.admin-modern .card h4,
.admin-modern .card h5,
.admin-modern .card h6,
.admin-modern .card strong,
.admin-modern .page-content h1,
.admin-modern .page-content h2,
.admin-modern .page-content h3,
.admin-modern .page-content h4,
.admin-modern .page-content h5,
.admin-modern .page-content h6,
.admin-modern .table th,
.admin-modern .table strong,
.admin-modern .menu-label,
.admin-modern .parent-icon,
.admin-modern .mobile-toggle-menu {
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
    text-shadow: none !important;
}

.admin-modern .card p,
.admin-modern .card span,
.admin-modern .card small,
.admin-modern .table td,
.admin-modern .breadcrumb,
.admin-modern .breadcrumb a,
.admin-modern .dashboard-list span,
.admin-modern .structure-card p {
    color: #667085 !important;
    text-shadow: none !important;
}

.admin-modern .top-header .navbar,
.admin-modern .top-header .navbar .nav-link,
.admin-modern .top-header .navbar .btn,
.admin-modern .user-info .user-name {
    color: #101828 !important;
}

.admin-modern .right-topbar .user-box {
    background: #ffffff !important;
    border: 1px solid #d0d5dd !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.1) !important;
}

.admin-modern .top-header + .page-wrapper,
.admin-modern .wrapper .page-wrapper {
    margin-top: 0 !important;
}

.admin-modern .simplebar-content {
    padding-bottom: 30px !important;
}

@media (max-width: 1199px) {
    .admin-modern .dashboard-hero {
        padding: 30px 24px !important;
    }
}

@media (max-width: 767px) {
    .admin-modern .page-content {
        padding-top: 18px !important;
    }

    .admin-modern .dashboard-hero {
        padding: 24px 18px !important;
    }
}

/* Logo layout fixes. */
.admin-modern .sidebar-header {
    height: 74px !important;
    min-height: 74px !important;
    padding: 10px 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dde4ee !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.admin-modern .admin-sidebar-brand {
    width: 164px !important;
    max-width: calc(100% - 48px) !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

.admin-modern .admin-sidebar-logo,
.admin-modern .sidebar-header img {
    width: auto !important;
    max-width: 160px !important;
    height: auto !important;
    max-height: 44px !important;
    object-fit: contain !important;
    display: block !important;
}

.admin-modern .sidebar-header .toggle-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #101828 !important;
    background: #f2f4f7 !important;
}

.admin-modern .sidebar-wrapper {
    top: 74px !important;
    height: calc(100% - 74px) !important;
    min-height: calc(100vh - 74px) !important;
    overflow: hidden !important;
}

.admin-modern .sidebar-wrapper .metismenu {
    padding-top: 14px !important;
    padding-bottom: 90px !important;
}

.admin-modern .sidebar-wrapper .simplebar-wrapper,
.admin-modern .sidebar-wrapper .simplebar-mask,
.admin-modern .sidebar-wrapper .simplebar-offset,
.admin-modern .sidebar-wrapper .simplebar-content-wrapper {
    height: 100% !important;
    max-height: none !important;
}

.admin-modern .sidebar-wrapper .simplebar-content-wrapper {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.admin-modern .sidebar-wrapper .simplebar-content {
    min-height: 100% !important;
    padding-bottom: 110px !important;
}

.admin-modern .auth-logo-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 220px !important;
    max-width: 100% !important;
    min-height: 86px !important;
    padding: 14px 18px !important;
    margin-bottom: 12px !important;
    background: #ffffff !important;
    border: 1px solid #dde4ee !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 40px rgba(15,23,42,.1) !important;
}

.admin-modern .auth-logo-wrap img {
    width: auto !important;
    max-width: 178px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    display: block !important;
}

.admin-modern .login-role-switch {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.admin-modern .login-role-option {
    margin: 0 !important;
    cursor: pointer !important;
}

.admin-modern .login-role-option input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.admin-modern .login-role-option span {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid #d0d5dd !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.admin-modern .login-role-option.active span {
    border-color: #0077ff !important;
    background: #eef4ff !important;
    color: #0057d9 !important;
    box-shadow: inset 0 0 0 1px rgba(0,119,255,.15) !important;
}

/* Final admin readability and stacking guard. */
.admin-modern .top-header {
    z-index: 1040 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dde4ee !important;
}

.admin-modern .dropdown-menu {
    z-index: 1060 !important;
    background: #ffffff !important;
    border: 1px solid #d0d5dd !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.16) !important;
}

.admin-modern .dropdown-menu .dropdown-item,
.admin-modern .dropdown-menu .dropdown-item span,
.admin-modern .dropdown-menu .dropdown-item i {
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
}

.admin-modern .page-content,
.admin-modern .page-content-wrapper {
    min-width: 0 !important;
}

.admin-modern .card,
.admin-modern .dashboard-hero,
.admin-modern .table-responsive {
    border-radius: 8px !important;
}

.admin-modern .table {
    min-width: 760px;
}

.admin-modern input,
.admin-modern select,
.admin-modern textarea,
.admin-modern .form-control {
    background: #ffffff !important;
    color: #101828 !important;
    border-color: #d0d5dd !important;
}

.admin-modern input::placeholder,
.admin-modern textarea::placeholder {
    color: #98a2b3 !important;
}

.admin-modern label,
.admin-modern .form-group label {
    color: #344054 !important;
    font-weight: 800 !important;
}

.admin-modern .dashboard-hero h1,
.admin-modern .page-content h1 {
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
    letter-spacing: 0 !important;
}

@media (max-width: 767px) {
    .admin-modern .dashboard-hero h1,
    .admin-modern .page-content h1 {
        font-size: 34px !important;
    }

    .admin-modern .right-topbar .btn span {
        display: none !important;
    }
}

/* Global white-theme fix for native and plugin dropdown readability. */
.admin-modern,
.admin-modern body,
.admin-modern select,
.admin-modern option {
    color-scheme: light !important;
}

.admin-modern select,
.admin-modern select.form-control,
.admin-modern select.custom-select,
.admin-modern .custom-select,
.admin-modern .bootstrap-select > .dropdown-toggle,
.admin-modern .select2-container--default .select2-selection--single,
.admin-modern .select2-container--bootstrap4 .select2-selection,
.admin-modern .select2-container--bootstrap4 .select2-selection--single {
    background-color: #ffffff !important;
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
    border-color: #d0d5dd !important;
}

.admin-modern select option,
.admin-modern select optgroup,
.admin-modern .form-control option,
.admin-modern .custom-select option {
    background-color: #ffffff !important;
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
}

.admin-modern select option:checked,
.admin-modern select option:hover,
.admin-modern select option:focus {
    background-color: #eaf4ff !important;
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
}

.admin-modern select option:disabled {
    color: #98a2b3 !important;
    -webkit-text-fill-color: #98a2b3 !important;
}

.admin-modern .dropdown-menu,
.admin-modern .dropdown-menu.show,
.admin-modern .bootstrap-select .dropdown-menu,
.admin-modern .bootstrap-select .dropdown-menu.inner,
.admin-modern .select2-dropdown,
.admin-modern .select2-results,
.admin-modern .select2-results__options {
    background-color: #ffffff !important;
    color: #101828 !important;
    border-color: #d0d5dd !important;
}

.admin-modern .dropdown-menu .dropdown-item,
.admin-modern .bootstrap-select .dropdown-menu li a,
.admin-modern .bootstrap-select .dropdown-menu li a span.text,
.admin-modern .select2-results__option {
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
}

.admin-modern .dropdown-menu .dropdown-item:hover,
.admin-modern .dropdown-menu .dropdown-item:focus,
.admin-modern .bootstrap-select .dropdown-menu li a:hover,
.admin-modern .bootstrap-select .dropdown-menu li a:focus,
.admin-modern .bootstrap-select .dropdown-menu li.selected a,
.admin-modern .select2-results__option--highlighted,
.admin-modern .select2-results__option[aria-selected=true] {
    background-color: #eef7ff !important;
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
}

.admin-modern .tp-hover-popover,
.tp-hover-popover {
    position: fixed;
    z-index: 100000;
    width: min(340px, calc(100vw - 28px));
    pointer-events: none;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .16s ease, transform .16s ease;
    padding: 14px 16px;
    border-radius: 8px;
    background: #ffffff;
    color: #101828;
    border: 1px solid #d0d5dd;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
}

.admin-modern .tp-hover-popover.is-visible,
.tp-hover-popover.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.admin-modern .tp-hover-popover strong,
.tp-hover-popover strong {
    display: block;
    margin-bottom: 6px;
    color: #101828;
    font-size: 15px;
    line-height: 1.25;
}

.admin-modern .tp-hover-popover span,
.tp-hover-popover span {
    display: block;
    color: #475467;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-line;
}

.admin-modern [data-hover-detail],
[data-hover-detail] {
    cursor: help;
}

.admin-modern .control-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.admin-modern .control-kpi {
    min-height: 138px !important;
    padding: 22px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #d9e2ee !important;
    box-shadow: 0 14px 36px rgba(15,23,42,.07) !important;
}

.admin-modern .control-kpi.primary {
    background: linear-gradient(135deg, #ffffff, #eef7ff) !important;
    border-color: #85c7ff !important;
}

.admin-modern .control-kpi span {
    display: block !important;
    color: #667085 !important;
    font-weight: 800 !important;
}

.admin-modern .control-kpi strong {
    display: block !important;
    margin-top: 10px !important;
    color: #101828 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
}

.admin-modern .control-kpi small {
    color: #667085 !important;
    font-weight: 700 !important;
}

@media (max-width: 1199px) {
    .admin-modern .control-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .admin-modern .control-grid {
        grid-template-columns: 1fr !important;
    }
}

.admin-modern .cinema-admin-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    border-radius: 8px;
    background: linear-gradient(135deg, #07111f, #0f172a 58%, #0e7490);
    color: #ffffff;
    box-shadow: 0 20px 55px rgba(15,23,42,.16);
    overflow: hidden;
}

.admin-modern .cinema-admin-hero span,
.admin-modern .cinema-media-header span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #67e8f9;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 12px;
}

.admin-modern .cinema-admin-hero h1,
.admin-modern .cinema-media-header h1 {
    margin: 0;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 900;
}

.admin-modern .cinema-admin-hero p,
.admin-modern .cinema-media-header p {
    margin: 10px 0 0;
    max-width: 680px;
    color: rgba(255,255,255,.78);
    font-weight: 700;
    line-height: 1.6;
}

.admin-modern .cinema-admin-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(112px, 1fr));
    gap: 12px;
    min-width: 420px;
}

.admin-modern .cinema-admin-kpis div {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    background: rgba(255,255,255,.08);
}

.admin-modern .cinema-admin-kpis strong {
    display: block;
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
}

.admin-modern .cinema-admin-kpis span {
    margin: 8px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    text-transform: none;
}

.admin-modern .cinema-admin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 18px;
}

.admin-modern .cinema-admin-card,
.admin-modern .cinema-media-card {
    border: 1px solid #d9e2ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(15,23,42,.07);
    overflow: hidden;
}

.admin-modern .cinema-admin-poster {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #e8eef7;
    overflow: hidden;
}

.admin-modern .cinema-admin-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.admin-modern .cinema-admin-poster .badge {
    position: absolute;
    top: 12px;
    left: 12px;
    box-shadow: 0 10px 26px rgba(15,23,42,.18);
}

.admin-modern .cinema-admin-poster em {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(15,23,42,.86);
    color: #ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.admin-modern .cinema-admin-body {
    padding: 18px;
}

.admin-modern .cinema-admin-body h5 {
    margin: 0 0 6px;
    color: #101828;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.admin-modern .cinema-admin-body p {
    margin: 0 0 12px;
    color: #667085;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.admin-modern .cinema-admin-meta {
    display: grid;
    gap: 7px;
    margin-bottom: 16px;
    color: #475467;
    font-size: 13px;
    font-weight: 800;
}

.admin-modern .cinema-admin-meta span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.admin-modern .cinema-admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-modern .empty-state-light,
.admin-modern .cinema-media-empty {
    display: grid;
    place-items: center;
    text-align: center;
    min-height: 190px;
    padding: 24px;
    border: 1px dashed #b8c6d9;
    border-radius: 8px;
    background: #f8fbff;
    color: #667085;
}

.admin-modern .empty-state-light i,
.admin-modern .cinema-media-empty i {
    color: #0ea5e9;
    font-size: 38px;
    margin-bottom: 8px;
}

.admin-modern .empty-state-light h5,
.admin-modern .cinema-media-empty p {
    color: #101828;
    font-weight: 900;
}

.admin-modern .cinema-media-header {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 24px;
    border-radius: 8px;
    background: #0f172a;
    box-shadow: 0 20px 55px rgba(15,23,42,.15);
}

.admin-modern .cinema-media-header img {
    width: 190px;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.18);
}

.admin-modern .cinema-media-video {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    background: #020617;
    display: block;
}

.admin-modern .cinema-media-upload {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.admin-modern .cinema-media-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.admin-modern .cinema-media-gallery figure {
    position: relative;
    margin: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
    background: #eef2f7;
    border: 1px solid #d9e2ee;
}

.admin-modern .cinema-media-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.admin-modern .cinema-media-gallery form {
    position: absolute;
    top: 8px;
    right: 8px;
}

.admin-modern .cinema-ticket-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-modern .cinema-ticket-list span {
    display: inline-flex;
    padding: 9px 12px;
    border-radius: 999px;
    background: #eef7ff;
    color: #155e75;
    font-weight: 900;
}

@media (max-width: 991px) {
    .admin-modern .cinema-admin-hero {
        flex-direction: column;
    }

    .admin-modern .cinema-admin-kpis {
        min-width: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .admin-modern .cinema-admin-hero h1,
    .admin-modern .cinema-media-header h1 {
        font-size: 26px;
    }

    .admin-modern .cinema-admin-kpis,
    .admin-modern .cinema-media-header,
    .admin-modern .cinema-media-upload {
        grid-template-columns: 1fr;
    }

    .admin-modern .cinema-media-header img {
        width: 100%;
    }
}

/* Intelligent internal scrolling for long admin screens. */
.admin-modern .table-responsive,
.admin-modern .table-responsive-sm,
.admin-modern .experience-box.table-responsive,
.admin-modern .agent-code-list,
.admin-modern .recent-scan-list,
.admin-modern .cinema-admin-grid,
.admin-modern .cinema-media-gallery,
.admin-modern .cinema-ticket-list,
.admin-modern .dashboard-list,
.admin-modern .activity-feed,
.admin-modern .notification-list,
.admin-modern .control-log-list,
.admin-modern .audit-log-list {
    max-height: min(72vh, 780px) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #31d7a9 #e9eef6 !important;
}

.admin-modern .support-ticket-list,
.admin-modern .support-thread,
.admin-modern .platform-settings-list {
    max-height: min(72vh, 680px) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #31d7a9 #e9eef6 !important;
    padding-right: 6px !important;
}

.admin-modern .support-message {
    margin-bottom: 12px !important;
    padding: 14px !important;
    border-radius: 8px !important;
    border: 1px solid #e4e7ec !important;
    background: #f8fafc !important;
}

.admin-modern .support-message.from-admin {
    background: #eef7ff !important;
    border-color: #b9dcff !important;
}

.admin-modern .support-message strong,
.admin-modern .support-message p,
.admin-modern .support-message small {
    color: #101828 !important;
}

.admin-modern .super-control-dashboard .admin-zone-grid,
.admin-modern .super-control-dashboard .risk-list,
.admin-modern .super-control-dashboard .visual-log,
.admin-modern .super-control-dashboard .asset-grid,
.admin-modern .super-control-dashboard .dashboard-list,
.admin-modern .super-control-dashboard .control-split,
.admin-modern .super-control-dashboard .card-body:has(.admin-zone-grid),
.admin-modern .super-control-dashboard .card-body:has(.risk-list),
.admin-modern .super-control-dashboard .card-body:has(.visual-log),
.admin-modern .super-control-dashboard .card-body:has(.dashboard-list),
.admin-modern .admin-filter-bar,
.admin-modern .dataTables_wrapper,
.admin-modern .dt-buttons,
.admin-modern .modal-body,
.admin-modern .offcanvas-body,
.admin-modern .simplebar-content-wrapper {
    max-height: min(72vh, 760px) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #31d7a9 #e9eef6 !important;
}

.admin-modern .super-control-dashboard .visual-log {
    max-height: min(62vh, 560px) !important;
}

.admin-modern .super-control-dashboard .risk-list,
.admin-modern .super-control-dashboard .dashboard-list.compact {
    max-height: min(48vh, 380px) !important;
}

.admin-modern .super-control-dashboard .admin-zone-grid {
    max-height: min(58vh, 500px) !important;
}

.admin-modern .super-control-dashboard .asset-grid,
.admin-modern .super-control-dashboard .control-split {
    max-height: min(44vh, 320px) !important;
}

.admin-modern .super-control-dashboard .control-card .card-body {
    min-height: 0 !important;
}

.admin-modern .super-control-dashboard #salesChart,
.admin-modern .super-control-dashboard #scanChart {
    max-height: 380px !important;
    overflow: hidden !important;
}

.admin-modern .table-responsive,
.admin-modern .table-responsive-sm,
.admin-modern .experience-box.table-responsive,
.admin-modern .agent-code-list,
.admin-modern .recent-scan-list,
.admin-modern .cinema-admin-grid,
.admin-modern .cinema-media-gallery,
.admin-modern .cinema-ticket-list,
.admin-modern .dashboard-list,
.admin-modern .activity-feed,
.admin-modern .notification-list,
.admin-modern .control-log-list,
.admin-modern .audit-log-list {
    padding-right: 6px !important;
}

.admin-modern .super-control-dashboard .admin-zone-grid,
.admin-modern .super-control-dashboard .risk-list,
.admin-modern .super-control-dashboard .visual-log,
.admin-modern .super-control-dashboard .asset-grid,
.admin-modern .super-control-dashboard .dashboard-list,
.admin-modern .super-control-dashboard .control-split,
.admin-modern .admin-filter-bar,
.admin-modern .dataTables_wrapper,
.admin-modern .modal-body,
.admin-modern .offcanvas-body {
    padding-right: 6px !important;
}

.admin-modern .table-responsive table,
.admin-modern .table-responsive-sm table,
.admin-modern .experience-box.table-responsive table {
    margin-bottom: 0 !important;
}

.admin-modern .table-responsive thead th,
.admin-modern .table-responsive-sm thead th,
.admin-modern .experience-box.table-responsive thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 0 #e4e7ec !important;
}

.admin-modern .table-responsive::-webkit-scrollbar,
.admin-modern .table-responsive-sm::-webkit-scrollbar,
.admin-modern .experience-box.table-responsive::-webkit-scrollbar,
.admin-modern .agent-code-list::-webkit-scrollbar,
.admin-modern .recent-scan-list::-webkit-scrollbar,
.admin-modern .cinema-admin-grid::-webkit-scrollbar,
.admin-modern .cinema-media-gallery::-webkit-scrollbar,
.admin-modern .cinema-ticket-list::-webkit-scrollbar,
.admin-modern .dashboard-list::-webkit-scrollbar,
.admin-modern .activity-feed::-webkit-scrollbar,
.admin-modern .notification-list::-webkit-scrollbar,
.admin-modern .control-log-list::-webkit-scrollbar,
.admin-modern .audit-log-list::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

.admin-modern .super-control-dashboard .admin-zone-grid::-webkit-scrollbar,
.admin-modern .super-control-dashboard .risk-list::-webkit-scrollbar,
.admin-modern .super-control-dashboard .visual-log::-webkit-scrollbar,
.admin-modern .super-control-dashboard .asset-grid::-webkit-scrollbar,
.admin-modern .super-control-dashboard .dashboard-list::-webkit-scrollbar,
.admin-modern .super-control-dashboard .control-split::-webkit-scrollbar,
.admin-modern .admin-filter-bar::-webkit-scrollbar,
.admin-modern .dataTables_wrapper::-webkit-scrollbar,
.admin-modern .modal-body::-webkit-scrollbar,
.admin-modern .offcanvas-body::-webkit-scrollbar,
.admin-modern .simplebar-content-wrapper::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

.admin-modern .table-responsive::-webkit-scrollbar-track,
.admin-modern .table-responsive-sm::-webkit-scrollbar-track,
.admin-modern .experience-box.table-responsive::-webkit-scrollbar-track,
.admin-modern .agent-code-list::-webkit-scrollbar-track,
.admin-modern .recent-scan-list::-webkit-scrollbar-track,
.admin-modern .cinema-admin-grid::-webkit-scrollbar-track,
.admin-modern .cinema-media-gallery::-webkit-scrollbar-track,
.admin-modern .cinema-ticket-list::-webkit-scrollbar-track,
.admin-modern .dashboard-list::-webkit-scrollbar-track,
.admin-modern .activity-feed::-webkit-scrollbar-track,
.admin-modern .notification-list::-webkit-scrollbar-track,
.admin-modern .control-log-list::-webkit-scrollbar-track,
.admin-modern .audit-log-list::-webkit-scrollbar-track {
    background: #e9eef6 !important;
    border-radius: 999px !important;
}

.admin-modern .super-control-dashboard .admin-zone-grid::-webkit-scrollbar-track,
.admin-modern .super-control-dashboard .risk-list::-webkit-scrollbar-track,
.admin-modern .super-control-dashboard .visual-log::-webkit-scrollbar-track,
.admin-modern .super-control-dashboard .asset-grid::-webkit-scrollbar-track,
.admin-modern .super-control-dashboard .dashboard-list::-webkit-scrollbar-track,
.admin-modern .super-control-dashboard .control-split::-webkit-scrollbar-track,
.admin-modern .admin-filter-bar::-webkit-scrollbar-track,
.admin-modern .dataTables_wrapper::-webkit-scrollbar-track,
.admin-modern .modal-body::-webkit-scrollbar-track,
.admin-modern .offcanvas-body::-webkit-scrollbar-track,
.admin-modern .simplebar-content-wrapper::-webkit-scrollbar-track {
    background: #e9eef6 !important;
    border-radius: 999px !important;
}

.admin-modern .table-responsive::-webkit-scrollbar-thumb,
.admin-modern .table-responsive-sm::-webkit-scrollbar-thumb,
.admin-modern .experience-box.table-responsive::-webkit-scrollbar-thumb,
.admin-modern .agent-code-list::-webkit-scrollbar-thumb,
.admin-modern .recent-scan-list::-webkit-scrollbar-thumb,
.admin-modern .cinema-admin-grid::-webkit-scrollbar-thumb,
.admin-modern .cinema-media-gallery::-webkit-scrollbar-thumb,
.admin-modern .cinema-ticket-list::-webkit-scrollbar-thumb,
.admin-modern .dashboard-list::-webkit-scrollbar-thumb,
.admin-modern .activity-feed::-webkit-scrollbar-thumb,
.admin-modern .notification-list::-webkit-scrollbar-thumb,
.admin-modern .control-log-list::-webkit-scrollbar-thumb,
.admin-modern .audit-log-list::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #31d7a9, #0ea5e9) !important;
    border-radius: 999px !important;
}

.admin-modern .super-control-dashboard .admin-zone-grid::-webkit-scrollbar-thumb,
.admin-modern .super-control-dashboard .risk-list::-webkit-scrollbar-thumb,
.admin-modern .super-control-dashboard .visual-log::-webkit-scrollbar-thumb,
.admin-modern .super-control-dashboard .asset-grid::-webkit-scrollbar-thumb,
.admin-modern .super-control-dashboard .dashboard-list::-webkit-scrollbar-thumb,
.admin-modern .super-control-dashboard .control-split::-webkit-scrollbar-thumb,
.admin-modern .admin-filter-bar::-webkit-scrollbar-thumb,
.admin-modern .dataTables_wrapper::-webkit-scrollbar-thumb,
.admin-modern .modal-body::-webkit-scrollbar-thumb,
.admin-modern .offcanvas-body::-webkit-scrollbar-thumb,
.admin-modern .simplebar-content-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #31d7a9, #0ea5e9) !important;
    border-radius: 999px !important;
}

.admin-modern .dropdown-menu,
.admin-modern .dropdown-menu.show,
.admin-modern .bootstrap-select .dropdown-menu,
.admin-modern .bootstrap-select .dropdown-menu.inner,
.admin-modern .select2-results__options {
    max-height: none !important;
    overflow-y: visible !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #31d7a9 #e9eef6 !important;
}

.admin-modern .select2-results__options,
.admin-modern .bootstrap-select .dropdown-menu.inner {
    max-height: min(70vh, 420px) !important;
    overflow-y: auto !important;
}

@media (max-width: 767px) {
    .admin-modern .table-responsive,
    .admin-modern .table-responsive-sm,
    .admin-modern .experience-box.table-responsive,
    .admin-modern .agent-code-list,
    .admin-modern .recent-scan-list,
    .admin-modern .cinema-admin-grid,
    .admin-modern .cinema-media-gallery,
    .admin-modern .cinema-ticket-list,
    .admin-modern .dashboard-list,
    .admin-modern .activity-feed,
    .admin-modern .notification-list,
    .admin-modern .control-log-list,
    .admin-modern .audit-log-list {
        max-height: calc(100vh - 180px) !important;
    }

    .admin-modern .super-control-dashboard .admin-zone-grid,
    .admin-modern .super-control-dashboard .risk-list,
    .admin-modern .super-control-dashboard .visual-log,
    .admin-modern .super-control-dashboard .asset-grid,
    .admin-modern .super-control-dashboard .dashboard-list,
    .admin-modern .super-control-dashboard .control-split,
    .admin-modern .admin-filter-bar,
    .admin-modern .dataTables_wrapper,
    .admin-modern .modal-body,
    .admin-modern .offcanvas-body,
    .admin-modern .simplebar-content-wrapper {
        max-height: calc(100vh - 190px) !important;
    }
}