/* The Vision Network - shared black and gold frontend theme.
 * Loaded after the existing template styles so the backend/theme settings
 * and existing component markup remain untouched.
 */
:root {
    --tvn-black: #08090b;
    --tvn-black-soft: #0f1115;
    --tvn-panel: #15171c;
    --tvn-panel-soft: #1c1f25;
    --tvn-gold: #c9a227;
    --tvn-gold-bright: #f2d27b;
    --tvn-gold-soft: #a9821e;
    --tvn-cream: #f7f1df;
    --tvn-muted: #a9a69c;
    --tvn-border: rgba(201, 162, 39, .24);
    --tvn-shadow: 0 18px 45px rgba(0, 0, 0, .24);
}

body.public-theme,
body.admin-theme,
body.dashboard-theme {
    color: var(--tvn-cream);
    font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.public-theme {
    background: var(--tvn-black) !important;
}

body.public-theme a,
body.public-theme a:hover,
body.public-theme a:focus {
    color: var(--tvn-gold-bright);
}

body.public-theme .header-top {
    background: var(--tvn-black-soft) !important;
    border-bottom: 1px solid var(--tvn-border);
}

body.public-theme .header-top .name,
body.public-theme .header-top a,
body.public-theme .header-top li,
body.public-theme .header-top .social-icons a {
    color: var(--tvn-muted) !important;
}

body.public-theme .header-bottom,
body.public-theme .header-bottom.active {
    background: rgba(8, 9, 11, .96) !important;
    border-bottom: 1px solid var(--tvn-border);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}

body.public-theme .header-wrapper .logo a img,
body.public-theme .footer-logo img {
    object-fit: contain;
}

body.public-theme .header-wrapper .logo {
    width: 88px;
    flex: 0 0 88px;
}

body.public-theme .header-wrapper .logo a {
    height: 82px;
}

body.public-theme .footer-logo {
    width: 140px;
    height: 140px;
}

body.public-theme .footer-logo a,
body.public-theme .footer-logo img {
    display: block;
    width: 100%;
    height: 100%;
}

body.public-theme .account__section-content .logo {
    width: 140px;
    height: 140px;
    max-width: 140px;
    margin-left: auto;
    margin-right: auto;
}

body.public-theme .account__section-content .logo a,
body.public-theme .account__section-content .logo img {
    display: block;
    width: 100%;
    height: 100%;
}

body.public-theme .header-wrapper .logo a img {
    filter: drop-shadow(0 4px 12px rgba(201, 162, 39, .13));
}

/* Public Navbar Menu - High Visibility & Luxury Selected State */
@media (min-width: 992px) {
    body.public-theme .menu-area .menu li,
    body.public-theme .header-menu-content .main-menu li {
        margin: 0 4px !important;
        position: relative;
        display: inline-block;
    }
}

@media (max-width: 991px) {
    body.public-theme .menu-area .menu li {
        margin: 6px 0 !important;
        display: block;
    }
    body.public-theme .menu-area .menu li a {
        display: block !important;
        width: 100%;
    }
}

body.public-theme .menu-area .menu li a,
body.public-theme .header-menu-content .main-menu li a {
    display: inline-block;
    padding: 8px 18px !important;
    color: #e2e8f0 !important;
    font-weight: 600 !important;
    font-size: 15px;
    border-radius: 8px;
    position: relative;
    transition: all .25s ease-in-out;
    text-decoration: none !important;
    border: 1px solid transparent;
}

/* Hover State */
body.public-theme .menu-area .menu li a:not(.active):hover,
body.public-theme .header-menu-content .main-menu li a:not(.active):hover {
    color: #f3cf65 !important;
    background: rgba(212, 175, 55, 0.15) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.25);
    transform: translateY(-2px);
}

/* Active / Selected State - Striking Gold Pill & Text */
body.public-theme .menu-area .menu li.active > a,
body.public-theme .menu-area .menu li a.active,
body.public-theme .header-menu-content .main-menu li.active > a,
body.public-theme .header-menu-content .main-menu li a.active {
    color: #0b0c10 !important;
    background: linear-gradient(135deg, #d4af37 0%, #f3cf65 50%, #c5971a 100%) !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.45) !important;
    border: 1px solid rgba(255, 235, 150, 0.7) !important;
    border-radius: 8px !important;
    transform: translateY(-1px);
}

body.public-theme .menu-area .menu li.active > a:hover,
body.public-theme .menu-area .menu li a.active:hover,
body.public-theme .header-menu-content .main-menu li.active > a:hover,
body.public-theme .header-menu-content .main-menu li a.active:hover {
    color: #000000 !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6) !important;
}

@media (min-width: 992px) {
    body.public-theme .menu-area .menu li.active::after,
    body.public-theme .header-menu-content .main-menu li.active::after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        width: 22px;
        height: 3px;
        background: #d4af37;
        border-radius: 2px;
        box-shadow: 0 0 8px #d4af37;
    }
}

body.public-theme .sign-in-up a {
    color: var(--tvn-cream) !important;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all .2s ease;
    font-weight: 600;
}

body.public-theme .sign-in-up a:hover {
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.12);
}

body.public-theme .sign-in-up a.active {
    color: #0b0c10 !important;
    background: linear-gradient(135deg, #d4af37 0%, #f3cf65 50%, #c5971a 100%) !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.35);
}


body.public-theme .change-language,
body.public-theme .language-select-area,
body.public-theme .sign-in-up {
    color: var(--tvn-cream);
}

body.public-theme .language-select,
body.admin-theme .language-select,
body.dashboard-theme .language-select {
    min-height: 35px;
    padding: 4px 30px 4px 12px;
    border: 1px solid var(--tvn-border) !important;
    border-radius: 8px !important;
    background-color: var(--tvn-panel) !important;
    color: var(--tvn-cream) !important;
    outline: none;
}

body.public-theme .language-select option,
body.admin-theme .language-select option,
body.dashboard-theme .language-select option {
    background: var(--tvn-panel);
    color: var(--tvn-cream);
}

body.public-theme .btn--base,
body.public-theme .btn--primary,
body.public-theme .header-action .btn--base,
body.public-theme .menu-area .login-reg-btn > a {
    border: 1px solid var(--tvn-gold) !important;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--tvn-gold), var(--tvn-gold-soft)) !important;
    color: #17120a !important;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(201, 162, 39, .18);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

body.public-theme .btn--base:hover,
body.public-theme .btn--primary:hover,
body.public-theme .header-action .btn--base:hover,
body.public-theme .menu-area .login-reg-btn > a:hover {
    color: #0b0b0c !important;
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(201, 162, 39, .28);
}

body.public-theme .header-action .btn--base.active,
body.public-theme .menu-area .login-reg-btn > a:nth-of-type(even) {
    background: transparent !important;
    color: var(--tvn-gold-bright) !important;
}

body.public-theme .bg--body,
body.public-theme .bg--section {
    background-color: var(--tvn-black) !important;
}

body.public-theme .bg--title,
body.public-theme footer.shapes-container {
    background-color: var(--tvn-black-soft) !important;
}

body.public-theme .text--base,
body.public-theme .text--primary {
    color: var(--tvn-gold-bright) !important;
}

body.public-theme .text--secondary,
body.public-theme .text-muted {
    color: var(--tvn-muted) !important;
}

body.public-theme .card,
body.public-theme .feature__item,
body.public-theme .faq__item,
body.public-theme .team__item,
body.public-theme .blog__item,
body.public-theme .contact__form,
body.public-theme .account__section-content {
    border: 1px solid var(--tvn-border);
    border-radius: 14px;
    background: var(--tvn-panel) !important;
    color: var(--tvn-cream);
    box-shadow: var(--tvn-shadow);
}

body.public-theme input,
body.public-theme textarea,
body.public-theme select,
body.public-theme .form-control {
    border: 1px solid rgba(201, 162, 39, .32) !important;
    border-radius: 8px;
    background-color: var(--tvn-black-soft) !important;
    color: var(--tvn-cream) !important;
}

body.public-theme input::placeholder,
body.public-theme textarea::placeholder,
body.public-theme .form-control::placeholder {
    color: #817d72;
}

body.public-theme input:focus,
body.public-theme textarea:focus,
body.public-theme select:focus,
body.public-theme .form-control:focus {
    border-color: var(--tvn-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(201, 162, 39, .16) !important;
}

body.public-theme .footer-top {
    border-color: var(--tvn-border);
}

body.public-theme .footer-bottom .copyright,
body.public-theme footer p,
body.public-theme footer li,
body.public-theme footer a {
    color: var(--tvn-muted);
}

body.public-theme .footer-bottom .copyright a {
    color: var(--tvn-gold) !important;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

body.public-theme .footer-bottom .copyright a:hover {
    color: var(--tvn-gold-bright) !important;
    text-decoration: underline !important;
}

body.public-theme .footer-links li a:hover,
body.public-theme footer .social-icons a:hover {
    color: var(--tvn-gold-bright);
}

body.public-theme .header-bar span {
    background: var(--tvn-gold);
}

body.public-theme .menu-area .menu-close {
    color: var(--tvn-gold-bright);
}

/* Shared dashboard shell */
body.admin-theme,
body.dashboard-theme {
    min-height: 100vh;
    background: var(--tvn-black) !important;
}

body.admin-theme .page-wrapper,
body.dashboard-theme .page-wrapper {
    min-height: 100vh;
    background: var(--tvn-black);
}

body.admin-theme .sidebar,
body.dashboard-theme .sidebar {
    background: linear-gradient(180deg, #15130f 0%, #090a0c 72%) !important;
    border-right: 1px solid var(--tvn-border);
    border-left: 1px solid var(--tvn-border);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .42);
}

body.admin-theme .sidebar::before,
body.dashboard-theme .sidebar::before {
    background: linear-gradient(180deg, rgba(201, 162, 39, .12), rgba(0, 0, 0, .2)) !important;
}

body.admin-theme .sidebar__logo,
body.dashboard-theme .sidebar__logo {
    min-height: 92px;
    padding: 15px 12px;
    border-bottom: 1px solid var(--tvn-border);
}

body.admin-theme .sidebar__logo .sidebar__main-logo img,
body.dashboard-theme .sidebar__logo .sidebar__main-logo img {
    width: 86px;
    max-width: 86px;
    max-height: 86px;
    height: 86px;
    object-fit: contain;
}

body.admin-theme .sidebar__logo .sidebar__main-logo,
body.dashboard-theme .sidebar__logo .sidebar__main-logo {
    width: 86px;
    margin: 0 auto;
}

body.admin-theme .sidebar__logo-shape img,
body.dashboard-theme .sidebar__logo-shape img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

body.admin-theme .sidebar__menu,
body.dashboard-theme .sidebar__menu {
    margin-top: 16px;
}

body.admin-theme .sidebar__menu .sidebar-menu-item > a,
body.dashboard-theme .sidebar__menu .sidebar-menu-item > a {
    margin: 3px 10px;
    padding: 12px 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--tvn-muted);
}

body.admin-theme .sidebar__menu .sidebar-menu-item > a:hover,
body.dashboard-theme .sidebar__menu .sidebar-menu-item > a:hover,
body.admin-theme .sidebar__menu .sidebar-menu-item.active > a,
body.dashboard-theme .sidebar__menu .sidebar-menu-item.active > a,
body.admin-theme .sidebar__menu .sidebar-menu-item .side-menu--open,
body.dashboard-theme .sidebar__menu .sidebar-menu-item .side-menu--open {
    border-color: var(--tvn-border);
    background: linear-gradient(90deg, rgba(201, 162, 39, .2), rgba(201, 162, 39, .06)) !important;
}

body.admin-theme .sidebar__menu .menu-icon,
body.dashboard-theme .sidebar__menu .menu-icon {
    color: var(--tvn-gold);
    text-shadow: none;
}

html[dir="rtl"] body.admin-theme .sidebar__menu .menu-icon,
html[dir="rtl"] body.dashboard-theme .sidebar__menu .menu-icon {
    margin-right: 0;
    margin-left: 15px;
}

body.admin-theme .sidebar__menu .sidebar-menu-item > a:hover .menu-icon,
body.dashboard-theme .sidebar__menu .sidebar-menu-item > a:hover .menu-icon,
body.admin-theme .sidebar__menu .sidebar-menu-item.active > a .menu-icon,
body.dashboard-theme .sidebar__menu .sidebar-menu-item.active > a .menu-icon,
body.admin-theme .sidebar__menu .sidebar-menu-item > a:hover .menu-title,
body.dashboard-theme .sidebar__menu .sidebar-menu-item > a:hover .menu-title,
body.admin-theme .sidebar__menu .sidebar-menu-item.active > a .menu-title,
body.dashboard-theme .sidebar__menu .sidebar-menu-item.active > a .menu-title {
    color: var(--tvn-gold-bright);
}

body.admin-theme .sidebar__menu .menu-title,
body.dashboard-theme .sidebar__menu .menu-title,
body.admin-theme .sidebar__menu-header,
body.dashboard-theme .sidebar__menu-header {
    color: var(--tvn-muted);
}

body.admin-theme .sidebar__menu-header,
body.dashboard-theme .sidebar__menu-header {
    letter-spacing: .06em;
}

body.admin-theme .sidebar .res-sidebar-close-btn,
body.dashboard-theme .sidebar .res-sidebar-close-btn {
    background: var(--tvn-gold) !important;
    color: #111 !important;
}

body.admin-theme .navbar-wrapper,
body.dashboard-theme .navbar-wrapper {
    margin-left: 250px;
    padding: 13px 24px;
    border-bottom: 1px solid var(--tvn-border);
    background: rgba(15, 17, 21, .96) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
}

body.admin-theme .navbar-wrapper.active,
body.dashboard-theme .navbar-wrapper.active {
    margin-left: 80px;
}

body.admin-theme .body-wrapper,
body.dashboard-theme .body-wrapper {
    margin-left: 250px;
    padding: 26px;
    background: var(--tvn-black);
}

body.admin-theme .body-wrapper.active,
body.dashboard-theme .body-wrapper.active {
    margin-left: 80px;
}

html[dir="rtl"] body.admin-theme .sidebar,
html[dir="rtl"] body.dashboard-theme .sidebar {
    right: 0;
    left: auto;
}

html[dir="rtl"] body.admin-theme .navbar-wrapper,
html[dir="rtl"] body.dashboard-theme .navbar-wrapper,
html[dir="rtl"] body.admin-theme .body-wrapper,
html[dir="rtl"] body.dashboard-theme .body-wrapper {
    margin-left: 0;
    margin-right: 250px;
}

html[dir="rtl"] body.admin-theme .navbar-wrapper.active,
html[dir="rtl"] body.dashboard-theme .navbar-wrapper.active,
html[dir="rtl"] body.admin-theme .body-wrapper.active,
html[dir="rtl"] body.dashboard-theme .body-wrapper.active {
    margin-left: 0;
    margin-right: 80px;
}

html[dir="rtl"] body.admin-theme .sidebar .res-sidebar-close-btn,
html[dir="rtl"] body.dashboard-theme .sidebar .res-sidebar-close-btn {
    right: auto;
    left: -35px;
}

body.admin-theme .navbar__right,
body.dashboard-theme .navbar__right {
    margin-left: auto;
}

html[dir="rtl"] body.admin-theme .navbar__right,
html[dir="rtl"] body.dashboard-theme .navbar__right {
    margin-left: 0;
    margin-right: auto;
}

body.admin-theme .navbar__action-list,
body.dashboard-theme .navbar__action-list {
    gap: 8px;
}

body.admin-theme .navbar__right button i,
body.dashboard-theme .navbar__right button i,
body.admin-theme .fullscreen-btn,
body.dashboard-theme .fullscreen-btn,
body.admin-theme .res-sidebar-open-btn i,
body.dashboard-theme .res-sidebar-open-btn i {
    color: var(--tvn-gold-bright) !important;
    text-shadow: none;
}

body.admin-theme .navbar-user__name,
body.dashboard-theme .navbar-user__name {
    color: var(--tvn-cream);
}

body.admin-theme .navbar-user__thumb img,
body.dashboard-theme .navbar-user__thumb img {
    border: 2px solid var(--tvn-gold);
}

body.admin-theme .navbar-search,
body.dashboard-theme .navbar-search {
    background: var(--tvn-panel);
}

body.admin-theme .navbar-search input,
body.dashboard-theme .navbar-search input {
    color: var(--tvn-cream);
}

body.admin-theme .dropdown-menu,
body.dashboard-theme .dropdown-menu,
body.admin-theme .dropdown-menu__header,
body.dashboard-theme .dropdown-menu__header,
body.admin-theme .dropdown-menu__footer,
body.dashboard-theme .dropdown-menu__footer {
    border-color: var(--tvn-border) !important;
    background: var(--tvn-panel) !important;
    color: var(--tvn-cream);
}

body.admin-theme .dropdown-menu__item,
body.dashboard-theme .dropdown-menu__item {
    border-color: rgba(201, 162, 39, .12);
}

body.admin-theme .dropdown-menu__item:hover,
body.dashboard-theme .dropdown-menu__item:hover {
    background: rgba(201, 162, 39, .1) !important;
}

body.admin-theme .dropdown-menu__item .dropdown-menu__icon,
body.dashboard-theme .dropdown-menu__item .dropdown-menu__icon,
body.admin-theme .dropdown-menu__item .dropdown-menu__caption,
body.dashboard-theme .dropdown-menu__item .dropdown-menu__caption,
body.admin-theme .dropdown-menu__footer a,
body.dashboard-theme .dropdown-menu__footer a {
    color: var(--tvn-gold-bright) !important;
}

body.admin-theme .card,
body.dashboard-theme .card,
body.admin-theme .widget,
body.dashboard-theme .widget,
body.admin-theme .widget-two,
body.dashboard-theme .widget-two,
body.admin-theme .widget-three,
body.dashboard-theme .widget-three,
body.admin-theme .form-wrapper,
body.dashboard-theme .form-wrapper {
    border: 1px solid var(--tvn-border);
    border-radius: 14px;
    background: var(--tvn-panel) !important;
    color: var(--tvn-cream);
    box-shadow: var(--tvn-shadow);
}

body.admin-theme .card-header,
body.dashboard-theme .card-header,
body.admin-theme .card-footer,
body.dashboard-theme .card-footer,
body.admin-theme .modal-header,
body.dashboard-theme .modal-header,
body.admin-theme .modal-footer,
body.dashboard-theme .modal-footer {
    border-color: var(--tvn-border) !important;
    background: rgba(201, 162, 39, .06) !important;
}

body.admin-theme .card-title,
body.dashboard-theme .card-title,
body.admin-theme .card h1,
body.dashboard-theme .card h1,
body.admin-theme .card h2,
body.dashboard-theme .card h2,
body.admin-theme .card h3,
body.dashboard-theme .card h3,
body.admin-theme .card h4,
body.dashboard-theme .card h4,
body.admin-theme .card h5,
body.dashboard-theme .card h5,
body.admin-theme .card h6,
body.dashboard-theme .card h6 {
    color: var(--tvn-cream);
}

body.admin-theme .table,
body.dashboard-theme .table {
    color: var(--tvn-cream);
}

body.admin-theme .table thead th,
body.dashboard-theme .table thead th {
    border-color: var(--tvn-border);
    background: rgba(201, 162, 39, .1);
    color: var(--tvn-gold-bright);
}

body.admin-theme .table td,
body.dashboard-theme .table td,
body.admin-theme .table th,
body.dashboard-theme .table th {
    border-color: rgba(201, 162, 39, .14);
}

body.admin-theme .form-control,
body.dashboard-theme .form-control,
body.admin-theme .custom-select,
body.dashboard-theme .custom-select,
body.admin-theme .select2-container--default .select2-selection--single,
body.dashboard-theme .select2-container--default .select2-selection--single,
body.admin-theme .custom-file-label,
body.dashboard-theme .custom-file-label {
    border: 1px solid rgba(201, 162, 39, .28) !important;
    border-radius: 8px;
    background: var(--tvn-black-soft) !important;
    color: var(--tvn-cream) !important;
}

body.admin-theme .form-control:focus,
body.dashboard-theme .form-control:focus,
body.admin-theme .custom-select:focus,
body.dashboard-theme .custom-select:focus {
    border-color: var(--tvn-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(201, 162, 39, .15) !important;
}

body.admin-theme .btn--primary,
body.dashboard-theme .btn--primary,
body.admin-theme .btn--base,
body.dashboard-theme .btn--base,
body.admin-theme .submit-btn,
body.dashboard-theme .submit-btn {
    border: 1px solid var(--tvn-gold) !important;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--tvn-gold), var(--tvn-gold-soft)) !important;
    color: #17120a !important;
    font-weight: 700;
}

body.admin-theme .btn--primary:hover,
body.dashboard-theme .btn--primary:hover,
body.admin-theme .btn--base:hover,
body.dashboard-theme .btn--base:hover,
body.admin-theme .submit-btn:hover,
body.dashboard-theme .submit-btn:hover {
    filter: brightness(1.08);
    color: #0b0b0c !important;
}

body.admin-theme .btn--outline-primary,
body.dashboard-theme .btn--outline-primary,
body.admin-theme .btn--outline-success,
body.dashboard-theme .btn--outline-success {
    border-color: var(--tvn-gold) !important;
    color: var(--tvn-gold-bright) !important;
    background: transparent !important;
}

body.admin-theme .btn--outline-primary:hover,
body.dashboard-theme .btn--outline-primary:hover,
body.admin-theme .btn--outline-success:hover,
body.dashboard-theme .btn--outline-success:hover {
    background: var(--tvn-gold) !important;
    color: #17120a !important;
}

body.admin-theme .bg--primary,
body.dashboard-theme .bg--primary,
body.admin-theme .bg--base,
body.dashboard-theme .bg--base,
body.admin-theme .badge--primary,
body.dashboard-theme .badge--primary,
body.admin-theme .badge--base {
    background: var(--tvn-gold) !important;
    color: #17120a !important;
}

body.dashboard-theme .badge--danger,
body.admin-theme .badge--danger,
.badge--danger {
    background-color: rgba(234, 84, 85, 0.18) !important;
    color: #ff6b6b !important;
    border: 1px solid rgba(234, 84, 85, 0.45) !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}

body.dashboard-theme .badge--success,
body.admin-theme .badge--success,
.badge--success {
    background-color: rgba(40, 199, 111, 0.18) !important;
    color: #28c76f !important;
    border: 1px solid rgba(40, 199, 111, 0.45) !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}

body.dashboard-theme .badge--warning,
body.admin-theme .badge--warning,
.badge--warning {
    background-color: rgba(255, 159, 67, 0.18) !important;
    color: #ff9f43 !important;
    border: 1px solid rgba(255, 159, 67, 0.45) !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}

body.dashboard-theme .badge--dark,
body.admin-theme .badge--dark,
.badge--dark {
    background-color: rgba(140, 140, 155, 0.18) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(140, 140, 155, 0.4) !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}

body.admin-theme .text--success,
body.dashboard-theme .text--success,
body.admin-theme .text--warning,
body.dashboard-theme .text--warning,
body.admin-theme .text--info,
body.dashboard-theme .text--info {
    color: var(--tvn-gold-bright) !important;
}

body.dashboard-theme .dashboard-page__header {
    border: 1px solid var(--tvn-border);
    background: linear-gradient(135deg, #17130a, #30250f) !important;
    box-shadow: var(--tvn-shadow);
}

body.dashboard-theme .dashboard-page__header h1,
body.dashboard-theme .dashboard-page__header p {
    color: var(--tvn-cream);
}

body.dashboard-theme .dashboard-page__eyebrow {
    color: var(--tvn-gold-bright);
}

body.dashboard-theme .dashboard-page__actions .btn--outline-success {
    border-color: var(--tvn-gold-bright) !important;
    color: var(--tvn-gold-bright) !important;
}

body.dashboard-theme .dashboard-page__actions .btn--outline-success:hover {
    background: var(--tvn-gold-bright) !important;
    color: #17120a !important;
}

body.dashboard-theme .dashboard-page .dashboard-w1:hover {
    box-shadow: 0 14px 30px rgba(201, 162, 39, .16);
}

body.dashboard-theme .card-deposit .card-header {
    background: linear-gradient(135deg, var(--tvn-gold), var(--tvn-gold-soft)) !important;
    color: #17120a !important;
}

/* Dashboard cards and metric widgets */
body.admin-theme .dashboard-w1,
body.dashboard-theme .dashboard-w1 {
    min-height: 172px;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 24px;
    border: 1px solid var(--tvn-border);
    border-radius: 16px !important;
    background: linear-gradient(145deg, #1c1a13 0%, #0f1115 72%) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
    isolation: isolate;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    animation: tvn-card-enter .45s ease both;
}

body.admin-theme .dashboard-w1::before,
body.dashboard-theme .dashboard-w1::before {
    position: absolute;
    top: -70px;
    right: -50px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(242, 210, 123, .18), transparent 68%);
    content: "";
    pointer-events: none;
    z-index: -1;
}

body.admin-theme .dashboard-w1:hover,
body.dashboard-theme .dashboard-w1:hover {
    border-color: rgba(242, 210, 123, .62);
    box-shadow: 0 18px 34px rgba(0, 0, 0, .38), 0 0 0 1px rgba(201, 162, 39, .08);
    transform: translateY(-5px);
}

body.admin-theme .dashboard-w1 .icon,
body.dashboard-theme .dashboard-w1 .icon {
    top: 18px;
    right: 18px;
    bottom: auto;
    left: auto;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(242, 210, 123, .32);
    border-radius: 14px;
    background: rgba(201, 162, 39, .12);
}

body.admin-theme .dashboard-w1 .icon i,
body.dashboard-theme .dashboard-w1 .icon i {
    margin: 0;
    color: var(--tvn-gold-bright);
    font-size: 23px;
    text-shadow: 0 0 16px rgba(242, 210, 123, .28);
}

body.admin-theme .dashboard-w1 .details,
body.dashboard-theme .dashboard-w1 .details {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: end;
}

body.admin-theme .dashboard-w1 .details .numbers,
body.dashboard-theme .dashboard-w1 .details .numbers {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 6px;
    min-height: 34px;
    flex-wrap: wrap;
}

body.admin-theme .dashboard-w1 .details .status,
body.dashboard-theme .dashboard-w1 .details .status,
body.admin-theme .dashboard-w1 .details .amount,
body.dashboard-theme .dashboard-w1 .details .amount,
body.admin-theme .dashboard-w1 .details .currency-sign,
body.dashboard-theme .dashboard-w1 .details .currency-sign {
    color: var(--tvn-cream) !important;
}

body.admin-theme .dashboard-w1 .details .amount,
body.dashboard-theme .dashboard-w1 .details .amount {
    font-size: clamp(1.5rem, 2.1vw, 2.15rem);
    font-weight: 800;
    letter-spacing: -.02em;
}

body.admin-theme .dashboard-w1 .details .currency-sign,
body.dashboard-theme .dashboard-w1 .details .currency-sign {
    color: var(--tvn-gold-bright) !important;
    font-size: .78rem;
    font-weight: 700;
}

body.admin-theme .dashboard-w1 .details .desciption span,
body.dashboard-theme .dashboard-w1 .details .desciption span {
    margin-top: 8px;
    color: var(--tvn-muted) !important;
    font-size: .78rem;
    font-weight: 600;
}

body.admin-theme .dashboard-w1 .details .btn,
body.dashboard-theme .dashboard-w1 .details .btn {
    margin-top: 16px !important;
    border: 1px solid rgba(242, 210, 123, .36) !important;
    border-radius: 8px;
    background: rgba(242, 210, 123, .1) !important;
    color: var(--tvn-gold-bright) !important;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

body.admin-theme .dashboard-w1 .details .btn:hover,
body.dashboard-theme .dashboard-w1 .details .btn:hover {
    background: var(--tvn-gold) !important;
    color: #17120a !important;
    transform: translateY(-1px);
}

/* In LTR, keep the metric content clear of the action icon in the card corner. */
html[dir="ltr"] body.admin-theme .dashboard-w1 .details,
html[dir="ltr"] body.dashboard-theme .dashboard-w1 .details {
    width: calc(100% - 60px);
    margin-inline-end: auto;
    text-align: start;
}

html[dir="ltr"] body.admin-theme .dashboard-w1 .details .numbers,
html[dir="ltr"] body.dashboard-theme .dashboard-w1 .details .numbers {
    justify-content: flex-start;
}

body.admin-theme .widget-three,
body.dashboard-theme .widget-three,
body.admin-theme .widget-two,
body.dashboard-theme .widget-two {
    min-height: 142px;
    height: 100%;
    border: 1px solid var(--tvn-border);
    border-radius: 14px !important;
    background: var(--tvn-panel) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

body.admin-theme .widget-three:hover,
body.dashboard-theme .widget-three:hover,
body.admin-theme .widget-two:hover,
body.dashboard-theme .widget-two:hover {
    border-color: rgba(242, 210, 123, .58);
    box-shadow: 0 18px 32px rgba(0, 0, 0, .35);
    transform: translateY(-4px);
}

body.admin-theme .widget-three__icon,
body.dashboard-theme .widget-three__icon,
body.admin-theme .widget-two__icon,
body.dashboard-theme .widget-two__icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(242, 210, 123, .35);
    background: rgba(201, 162, 39, .14) !important;
}

body.admin-theme .widget-three__icon i,
body.dashboard-theme .widget-three__icon i,
body.admin-theme .widget-two__icon i,
body.dashboard-theme .widget-two__icon i {
    color: var(--tvn-gold-bright) !important;
    font-size: 26px;
}

body.admin-theme .widget-three__content,
body.dashboard-theme .widget-three__content,
body.admin-theme .widget-two__content,
body.dashboard-theme .widget-two__content {
    margin-top: 14px;
    color: var(--tvn-cream);
}

body.admin-theme .widget-three__content .numbers,
body.dashboard-theme .widget-three__content .numbers,
body.admin-theme .widget-two__content .numbers,
body.dashboard-theme .widget-two__content .numbers {
    color: var(--tvn-cream) !important;
    font-size: clamp(1.1rem, 1.7vw, 1.5rem);
    font-weight: 800;
}

body.admin-theme .widget-three__content p,
body.dashboard-theme .widget-three__content p,
body.admin-theme .widget-two__content p,
body.dashboard-theme .widget-two__content p {
    color: var(--tvn-muted) !important;
}

body.admin-theme .card,
body.dashboard-theme .card {
    overflow: hidden;
}

body.admin-theme .card-header,
body.dashboard-theme .card-header {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--tvn-gold-bright) !important;
    font-weight: 700;
}

body.admin-theme #apex-bar-chart,
body.dashboard-theme #apex-bar-chart {
    min-height: 290px;
}

/* Keep the sidebar toggle visible and make its state obvious. */
body.admin-theme .sidebar.active,
body.dashboard-theme .sidebar.active,
body.admin-theme .sidebar.active:hover,
body.dashboard-theme .sidebar.active:hover {
    width: 80px;
}

body.admin-theme .sidebar.active:hover .sidebar__main-logo,
body.dashboard-theme .sidebar.active:hover .sidebar__main-logo {
    display: none;
}

body.admin-theme .sidebar.active:hover .sidebar__logo-shape,
body.dashboard-theme .sidebar.active:hover .sidebar__logo-shape {
    display: block;
}

body.admin-theme .sidebar.active:hover .sidebar__menu-header,
body.dashboard-theme .sidebar.active:hover .sidebar__menu-header {
    margin: 5px 0;
    text-align: center;
    font-size: 0;
}

body.admin-theme .sidebar.active:hover .sidebar__menu .sidebar-menu-item > a,
body.dashboard-theme .sidebar.active:hover .sidebar__menu .sidebar-menu-item > a {
    padding: 15px;
    justify-content: center;
}

body.admin-theme .sidebar.active:hover .sidebar__menu .menu-title,
body.dashboard-theme .sidebar.active:hover .sidebar__menu .menu-title {
    display: none;
}

body.admin-theme .sidebar.active .sidebar__logo,
body.dashboard-theme .sidebar.active .sidebar__logo {
    position: relative;
    min-height: 96px;
    justify-content: center;
    padding: 18px 8px 10px;
}

body.admin-theme .res-sidebar-open-btn,
body.dashboard-theme .res-sidebar-open-btn,
body.admin-theme .res-sidebar-close-btn,
body.dashboard-theme .res-sidebar-close-btn {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(242, 210, 123, .45);
    border-radius: 11px;
    background: rgba(201, 162, 39, .12) !important;
    color: var(--tvn-gold-bright) !important;
    transition: background .2s ease, transform .2s ease;
}

body.admin-theme .res-sidebar-open-btn:hover,
body.dashboard-theme .res-sidebar-open-btn:hover,
body.admin-theme .res-sidebar-close-btn:hover,
body.dashboard-theme .res-sidebar-close-btn:hover {
    background: var(--tvn-gold) !important;
    color: #17120a !important;
    transform: translateY(-1px);
}

body.admin-theme .res-sidebar-open-btn.active,
body.dashboard-theme .res-sidebar-open-btn.active {
    background: var(--tvn-gold) !important;
    color: #17120a !important;
}

body.admin-theme .sidebar .res-sidebar-close-btn,
body.dashboard-theme .sidebar .res-sidebar-close-btn {
    top: 18px;
    right: -48px;
    width: 42px;
    height: 42px;
    z-index: 2;
}

html[dir="rtl"] body.admin-theme .sidebar .res-sidebar-close-btn,
html[dir="rtl"] body.dashboard-theme .sidebar .res-sidebar-close-btn {
    right: auto;
    left: -48px;
}

@keyframes tvn-card-enter {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.admin-theme .row > [class*="col-"]:nth-child(2) .dashboard-w1,
body.dashboard-theme .row > [class*="col-"]:nth-child(2) .dashboard-w1 { animation-delay: .04s; }
body.admin-theme .row > [class*="col-"]:nth-child(3) .dashboard-w1,
body.dashboard-theme .row > [class*="col-"]:nth-child(3) .dashboard-w1 { animation-delay: .08s; }
body.admin-theme .row > [class*="col-"]:nth-child(4) .dashboard-w1,
body.dashboard-theme .row > [class*="col-"]:nth-child(4) .dashboard-w1 { animation-delay: .12s; }
body.admin-theme .row > [class*="col-"]:nth-child(5) .dashboard-w1,
body.dashboard-theme .row > [class*="col-"]:nth-child(5) .dashboard-w1 { animation-delay: .16s; }
body.admin-theme .row > [class*="col-"]:nth-child(6) .dashboard-w1,
body.dashboard-theme .row > [class*="col-"]:nth-child(6) .dashboard-w1 { animation-delay: .2s; }

@media (prefers-reduced-motion: reduce) {
    body.admin-theme .dashboard-w1,
    body.dashboard-theme .dashboard-w1 {
        animation: none;
    }
}

body.admin-theme .page-title,
body.dashboard-theme .page-title,
body.admin-theme .page-breadcrumb,
body.dashboard-theme .page-breadcrumb,
body.admin-theme .bodywrapper__inner > p,
body.dashboard-theme .bodywrapper__inner > p {
    color: var(--tvn-cream);
}

body.admin-theme .page-breadcrumb li a,
body.dashboard-theme .page-breadcrumb li a,
body.admin-theme .text--primary,
body.dashboard-theme .text--primary,
body.admin-theme .text--base,
body.dashboard-theme .text--base {
    color: var(--tvn-gold-bright) !important;
}

body.admin-theme .text-muted,
body.dashboard-theme .text-muted {
    color: var(--tvn-muted) !important;
}

/* Full-screen mobile sidebar backdrop. */
.sidebar-overlay {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .68);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
}

body.sidebar-open {
    overflow: hidden;
}

body.sidebar-open .sidebar-overlay {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 991px) {
    body.admin-theme .sidebar,
    body.dashboard-theme .sidebar {
        left: -285px;
        right: auto;
    }

    html[dir="rtl"] body.admin-theme .sidebar,
    html[dir="rtl"] body.dashboard-theme .sidebar {
        right: -285px;
        left: auto;
    }

    body.admin-theme .sidebar.open,
    body.dashboard-theme .sidebar.open {
        left: 0;
        right: auto;
    }

    html[dir="rtl"] body.admin-theme .sidebar.open,
    html[dir="rtl"] body.dashboard-theme .sidebar.open {
        right: 0;
        left: auto;
    }

    body.admin-theme .navbar-wrapper,
    body.dashboard-theme .navbar-wrapper,
    body.admin-theme .navbar-wrapper.active,
    body.dashboard-theme .navbar-wrapper.active,
    body.admin-theme .body-wrapper,
    body.dashboard-theme .body-wrapper,
    body.admin-theme .body-wrapper.active,
    body.dashboard-theme .body-wrapper.active,
    html[dir="rtl"] body.admin-theme .navbar-wrapper,
    html[dir="rtl"] body.dashboard-theme .navbar-wrapper,
    html[dir="rtl"] body.admin-theme .navbar-wrapper.active,
    html[dir="rtl"] body.dashboard-theme .navbar-wrapper.active,
    html[dir="rtl"] body.admin-theme .body-wrapper,
    html[dir="rtl"] body.dashboard-theme .body-wrapper,
    html[dir="rtl"] body.admin-theme .body-wrapper.active,
    html[dir="rtl"] body.dashboard-theme .body-wrapper.active {
        margin-left: 0;
        margin-right: 0;
    }

    body.admin-theme .navbar-wrapper,
    body.dashboard-theme .navbar-wrapper {
        padding: 11px 15px;
    }

    body.admin-theme .body-wrapper,
    body.dashboard-theme .body-wrapper {
        padding: 20px 12px;
    }

    body.admin-theme .sidebar .res-sidebar-close-btn,
    body.dashboard-theme .sidebar .res-sidebar-close-btn {
        display: block !important;
    }

    body.admin-theme .dashboard-w1,
    body.dashboard-theme .dashboard-w1 {
        min-height: 158px;
        padding: 20px;
    }

    body.admin-theme .dashboard-w1 .icon,
    body.dashboard-theme .dashboard-w1 .icon {
        top: 14px;
        right: 14px;
    }

    body.admin-theme .widget-three,
    body.dashboard-theme .widget-three,
    body.admin-theme .widget-two,
    body.dashboard-theme .widget-two {
        min-height: 128px;
        padding: 20px;
    }

    body.dashboard-theme .dashboard-page__header {
        align-items: flex-start;
        gap: 18px;
        padding: 20px;
    }

    body.dashboard-theme .dashboard-page__actions {
        width: 100%;
    }
}

@media (max-width: 575px) {
    body.public-theme .header-wrapper .logo {
        width: 70px;
        flex-basis: 70px;
    }

    body.public-theme .header-wrapper .logo a {
        height: 68px;
    }

    body.admin-theme .body-wrapper,
    body.dashboard-theme .body-wrapper {
        padding: 16px 10px;
    }

    body.admin-theme .navbar__action-list,
    body.dashboard-theme .navbar__action-list {
        gap: 2px;
    }

    body.admin-theme .language-select,
    body.dashboard-theme .language-select {
        max-width: 96px;
    }

    body.admin-theme .dashboard-w1,
    body.dashboard-theme .dashboard-w1 {
        min-height: 148px;
        padding: 18px 16px;
    }

    body.admin-theme .dashboard-w1 .details .amount,
    body.dashboard-theme .dashboard-w1 .details .amount {
        font-size: 1.35rem;
    }

    body.dashboard-theme .dashboard-page__header h1 {
        font-size: 22px;
    }

    body.dashboard-theme .dashboard-page__actions .btn {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* Login/auth screens use the same identity even though they have no sidebar. */
body.admin-theme .form-area,
body.dashboard-theme .form-area {
    background-color: var(--tvn-black) !important;
}

body.admin-theme .form-area::before,
body.dashboard-theme .form-area::before {
    background: linear-gradient(135deg, rgba(8, 9, 11, .94), rgba(201, 162, 39, .14)) !important;
}

body.admin-theme .form-wrapper,
body.dashboard-theme .form-wrapper {
    padding: 34px 30px;
}

body.admin-theme .logo-text,
body.dashboard-theme .logo-text {
    color: var(--tvn-cream);
}

body.admin-theme .logo-text strong,
body.dashboard-theme .logo-text strong {
    color: var(--tvn-gold-bright);
}

body.admin-theme .auth-brand,
body.dashboard-theme .auth-brand {
    display: block;
    width: min(260px, 80%);
    margin: 0 auto 22px;
}

body.admin-theme .auth-brand img,
body.dashboard-theme .auth-brand img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Admin login: keep the legacy login markup, but give it the shared TVN shell. */
body.admin-theme .admin-login-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 18% 18%, rgba(242, 210, 123, .12), transparent 30%),
        radial-gradient(circle at 82% 88%, rgba(201, 162, 39, .11), transparent 28%),
        var(--tvn-black);
}

body.admin-theme .admin-login-page .form-area {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(24px, 5vw, 64px) 16px;
    overflow-y: auto;
    background:
        linear-gradient(135deg, rgba(8, 9, 11, .98), rgba(201, 162, 39, .08)),
        radial-gradient(circle at 50% 0%, rgba(242, 210, 123, .1), transparent 42%) !important;
    background-image:
        linear-gradient(135deg, rgba(8, 9, 11, .98), rgba(201, 162, 39, .08)),
        radial-gradient(circle at 50% 0%, rgba(242, 210, 123, .1), transparent 42%) !important;
}

body.admin-theme .admin-login-page .form-area::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(110deg, transparent 0 46%, rgba(242, 210, 123, .06) 46.2%, transparent 46.5%),
        linear-gradient(155deg, transparent 0 62%, rgba(201, 162, 39, .05) 62.2%, transparent 62.5%) !important;
}

body.admin-theme .admin-login-page .form-wrapper {
    width: min(100%, 500px);
    max-width: 500px;
    margin: auto;
    padding: clamp(26px, 5vw, 42px) clamp(20px, 5vw, 42px);
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(242, 210, 123, .32);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(25, 27, 32, .98), rgba(10, 11, 14, .98)) !important;
    color: var(--tvn-cream);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .02) inset;
}

body.admin-theme .admin-login-page .form-wrapper::before,
body.admin-theme .admin-login-page .form-wrapper::after {
    display: none !important;
}

body.admin-theme .admin-login-page .auth-brand {
    width: 158px;
    height: 158px;
    margin: 0 auto 18px;
}

body.admin-theme .admin-login-page .auth-brand img {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(242, 210, 123, .28);
    border-radius: 14px;
    object-fit: cover;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
}

body.admin-theme .admin-login-page .logo-text {
    margin-bottom: 10px !important;
    color: var(--tvn-cream);
    font-size: clamp(1.15rem, 2.4vw, 1.45rem);
}

body.admin-theme .admin-login-page > .form-area > .form-wrapper > p {
    margin-bottom: 0;
    color: var(--tvn-muted);
}

body.admin-theme .admin-login-page .cmn-form {
    margin-top: 24px !important;
}

body.admin-theme .admin-login-page .cmn-form .form-group label {
    color: var(--tvn-gold-bright);
    font-weight: 700;
}

body.admin-theme .admin-login-page .cmn-form .form-control {
    min-height: 50px;
    padding: 12px 50px 12px 16px;
    border: 1px solid rgba(242, 210, 123, .34) !important;
    border-radius: 10px !important;
    background: rgba(8, 9, 11, .72) !important;
    color: var(--tvn-cream) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body.admin-theme .admin-login-page .cmn-form .form-control::placeholder {
    color: rgba(232, 226, 207, .55);
}

body.admin-theme .admin-login-page .cmn-form .form-control:focus {
    border-color: var(--tvn-gold-bright) !important;
    background: rgba(8, 9, 11, .9) !important;
    box-shadow: 0 0 0 3px rgba(242, 210, 123, .12) !important;
}

body.admin-theme .admin-login-page .cmn-form .form-group .input-icon {
    top: 31px;
    right: auto;
    left: auto;
    inset-inline-end: 6px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(242, 210, 123, .25);
    border-radius: 8px;
    background: rgba(201, 162, 39, .12);
    color: var(--tvn-gold-bright);
}

body.admin-theme .admin-login-page .text-muted,
body.admin-theme .admin-login-page a.text-muted {
    color: var(--tvn-muted) !important;
}

body.admin-theme .admin-login-page a.text-muted:hover {
    color: var(--tvn-gold-bright) !important;
}

body.admin-theme .admin-login-page .cmn-form .submit-btn {
    min-height: 50px;
    margin-top: 16px !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 24px rgba(201, 162, 39, .18);
}

@media (max-width: 575px) {
    body.admin-theme .admin-login-page .form-area {
        align-items: flex-start;
        padding: 20px 12px;
    }

    body.admin-theme .admin-login-page .form-wrapper {
        width: 100%;
        border-radius: 16px;
    }

    body.admin-theme .admin-login-page .auth-brand {
        width: 124px;
        height: 124px;
        margin-bottom: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.public-theme *,
    body.admin-theme *,
    body.dashboard-theme * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* ==========================================================================
   Luxury Black & Gold Pagination Styling (Universal)
   ========================================================================== */
.pagination-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 12px !important;
}

.pagination-info {
    font-size: 0.84rem !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.pagination-info .text--base {
    color: #e5b533 !important;
    font-weight: 700 !important;
}

.card-footer .pagination-wrapper {
    margin: 0 !important;
}

.pagination {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    padding-left: 0 !important;
    list-style: none !important;
    gap: 6px !important;
    margin: 0 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.pagination .page-item {
    flex-shrink: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.pagination .page-item .page-link,
.pagination .page-item span,
.pagination .page-item a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    width: auto !important;
    height: 38px !important;
    line-height: 1 !important;
    padding: 0 10px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    letter-spacing: normal !important;
    color: #cbd5e1 !important;
    background-color: #141722 !important;
    border: 1px solid rgba(201, 162, 39, 0.25) !important;
    border-radius: 8px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

.pagination .page-item .page-link:hover,
.pagination .page-item a:hover {
    color: #0b0d13 !important;
    background-color: #e5b533 !important;
    border-color: #e5b533 !important;
    box-shadow: 0 0 12px rgba(229, 181, 51, 0.45) !important;
    transform: translateY(-1px) !important;
}

.pagination .page-item.active .page-link,
.pagination .page-item.active span {
    color: #0b0d13 !important;
    background: linear-gradient(135deg, #e5b533 0%, #c9a227 100%) !important;
    border-color: #e5b533 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(201, 162, 39, 0.45) !important;
}

.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled span {
    color: #475569 !important;
    background-color: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    cursor: not-allowed !important;
    opacity: 0.55 !important;
    box-shadow: none !important;
    transform: none !important;
}

.pagination .page-item .page-link i,
.pagination .page-item span i,
.pagination .page-item a i {
    font-size: 1rem !important;
    line-height: 1 !important;
}

/* ==========================================================================
   Luxury Black & Gold Modals (Universal)
   ========================================================================== */
body.dashboard-theme .modal-content,
body.admin-theme .modal-content,
.modal-content {
    background: #14151b !important;
    color: #e5e5e5 !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-radius: 14px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
}

body.dashboard-theme .modal-header,
body.admin-theme .modal-header,
.modal-header {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.12) 0%, rgba(20, 21, 27, 0.95) 100%) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    padding: 16px 20px !important;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}

body.dashboard-theme .modal-title,
body.admin-theme .modal-title,
.modal-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.dashboard-theme .modal-footer,
body.admin-theme .modal-footer,
.modal-footer {
    background: rgba(18, 19, 23, 0.8) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

body.dashboard-theme .modal-header .close,
body.admin-theme .modal-header .close,
.modal-header .close {
    color: #e5e5e5 !important;
    opacity: 0.8 !important;
    text-shadow: none !important;
    transition: color .2s ease, transform .2s ease;
}

body.dashboard-theme .modal-header .close:hover,
body.admin-theme .modal-header .close:hover,
.modal-header .close:hover {
    color: #d4af37 !important;
    opacity: 1 !important;
    transform: scale(1.1);
}

body.dashboard-theme .modal-body label,
body.admin-theme .modal-body label,
.modal-body label {
    color: #e0e0e0 !important;
    font-weight: 600 !important;
}

body.dashboard-theme .modal-body .text-dark,
body.admin-theme .modal-body .text-dark,
.modal-body .text-dark,
.modal-confirm-text {
    color: #f0f0f0 !important;
}

/* ==========================================================================
   Pricing & Plan Cards - High Visibility & Luxury Golden Price
   ========================================================================== */
.pricing-table .package-name,
.pricing-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 24px;
    letter-spacing: 0.5px;
}

.pricing-table .price,
.pricing-table .price.text--dark,
.pricing-table .plan-price,
.plan-price,
.pricing-price {
    font-size: 54px !important;
    font-weight: 900 !important;
    line-height: 1.15;
    margin: 12px 0 !important;
    color: #ffd700 !important; /* Vivid Gold Fallback */
    text-shadow: 0 0 25px rgba(255, 215, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.9) !important;
    display: inline-block;
    letter-spacing: 0.5px;
    font-family: "Cairo", "Josefin Sans", sans-serif !important;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .pricing-table .price,
    .pricing-table .price.text--dark,
    .pricing-table .plan-price,
    .plan-price,
    .pricing-price {
        background: linear-gradient(135deg, #ffffff 0%, #fff176 25%, #ffd700 65%, #f59e0b 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        filter: drop-shadow(0 4px 14px rgba(245, 158, 11, 0.55));
    }
}

.pricing-table .price .currency-symbol,
.plan-price .currency-symbol,
.pricing-currency {
    font-size: 32px !important;
    vertical-align: super;
    margin-right: 4px;
    font-weight: 800 !important;
    color: #ffd700 !important;
    -webkit-text-fill-color: #ffd700 !important;
    opacity: 0.95;
}

.pricing-table hr {
    border-color: rgba(212, 175, 55, 0.25) !important;
    margin: 20px auto;
    width: 85%;
}

.pricing-table .package-features-list {
    text-align: right;
    direction: rtl;
    padding: 0;
    list-style: none;
}

.pricing-table .package-features-list li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pricing-table .package-features-list li:last-child {
    border-bottom: none;
}

.pricing-table .package-features-list li span {
    color: #e2e8f0 !important;
    font-size: 15px;
    font-weight: 600;
}

.pricing-table .package-features-list li i.bg--success {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: #4ade80 !important;
    border: 1px solid rgba(74, 222, 128, 0.4);
    padding: 4px;
    border-radius: 50%;
    margin-left: 8px;
}

.pricing-table .package-features-list li i.bg--danger {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
    border: 1px solid rgba(248, 113, 113, 0.4);
    padding: 4px;
    border-radius: 50%;
    margin-left: 8px;
}

.pricing-table .package-features-list li .icon i {
    color: #38bdf8 !important;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pricing-table .package-features-list li .icon i:hover {
    color: #ffd700 !important;
    transform: scale(1.15);
}

/* Card Button Styling in Plan */
.col-xl-4 .card .card-body a.btn-outline--primary {
    border: 1px solid #d4af37 !important;
    color: #ffd700 !important;
    background: rgba(212, 175, 55, 0.08) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.col-xl-4 .card .card-body a.btn-outline--primary:hover {
    background: linear-gradient(135deg, #d4af37 0%, #f3cf65 50%, #c5971a 100%) !important;
    color: #0b0c10 !important;
    border-color: #f3cf65 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.45) !important;
    transform: translateY(-2px);
}

/* Keep dashboard grids inside the actual viewport at browser zoom 100%. */
body.admin-theme .body-wrapper,
body.dashboard-theme .body-wrapper {
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

body.admin-theme .bodywrapper__inner,
body.dashboard-theme .bodywrapper__inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

body.admin-theme .bodywrapper__inner > .row,
body.dashboard-theme .bodywrapper__inner > .row {
    margin-right: 0;
    margin-left: 0;
}

body.admin-theme .bodywrapper__inner > .row > [class*="col-"],
body.dashboard-theme .bodywrapper__inner > .row > [class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

/* The shared breadcrumb row is intentionally compact; most pages do not
   render a visible breadcrumb and should not reserve a large empty band. */
body.admin-theme .bodywrapper__inner > .row.align-items-center.mb-30,
body.dashboard-theme .bodywrapper__inner > .row.align-items-center.mb-30 {
    min-height: 0;
    margin-bottom: 16px !important;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

@media (min-width: 1200px) {
    body.admin-theme .dashboard-w1,
    body.dashboard-theme .dashboard-w1 {
        min-height: 138px;
        padding: 16px;
    }

    body.admin-theme .dashboard-w1 .icon,
    body.dashboard-theme .dashboard-w1 .icon {
        top: 12px;
        right: 12px;
        width: 42px;
        height: 42px;
        border-radius: 11px;
    }

    body.admin-theme .dashboard-w1 .icon i,
    body.dashboard-theme .dashboard-w1 .icon i {
        font-size: 19px;
    }

    body.admin-theme .dashboard-w1 .details .amount,
    body.dashboard-theme .dashboard-w1 .details .amount {
        font-size: clamp(1.25rem, 1.65vw, 1.85rem);
    }

    body.admin-theme .dashboard-w1 .details .btn,
    body.dashboard-theme .dashboard-w1 .details .btn {
        min-height: 32px;
        margin-top: 8px !important;
        padding: 4px 9px;
    }
}

/* Reserve the fixed navigation rail in the document layout as well as
   visually.  This prevents the last dashboard column from sitting beneath
   the sidebar and removes the horizontal scrollbar at 100% zoom. */
@media (min-width: 992px) {
    body.admin-theme .navbar-wrapper,
    body.dashboard-theme .navbar-wrapper,
    body.admin-theme .body-wrapper,
    body.dashboard-theme .body-wrapper {
        width: calc(100% - 250px);
        max-width: calc(100% - 250px);
        box-sizing: border-box;
    }

    html[dir="rtl"] body.admin-theme .navbar-wrapper,
    html[dir="rtl"] body.dashboard-theme .navbar-wrapper,
    html[dir="rtl"] body.admin-theme .body-wrapper,
    html[dir="rtl"] body.dashboard-theme .body-wrapper {
        margin-right: 250px;
        margin-left: 0;
    }

    body.admin-theme .navbar-wrapper.active,
    body.dashboard-theme .navbar-wrapper.active,
    body.admin-theme .body-wrapper.active,
    body.dashboard-theme .body-wrapper.active {
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);
    }

    html[dir="rtl"] body.admin-theme .navbar-wrapper.active,
    html[dir="rtl"] body.dashboard-theme .navbar-wrapper.active,
    html[dir="rtl"] body.admin-theme .body-wrapper.active,
    html[dir="rtl"] body.dashboard-theme .body-wrapper.active {
        margin-right: 80px;
    }
}