/****************
Night Mood
****************/

.js-night-mode-toggle {
    padding: 0;
    font-size: 14px;
    background: #E6E6E6;
    color: #717171;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    transform: translate(2%, -20%);
}

.header-action--theme .js-night-mode-toggle,
.theme-switch-row .js-night-mode-toggle {
    width: 40px;
    height: 40px;
    line-height: 1;
    transform: none;
    border-radius: 999px;
    border: 1px solid var(--sr-header-action-border, #e8e8e8);
    background: var(--sr-header-action-surface, #ffffff);
    color: var(--sr-header-action-text, #1d1d1d);
    box-shadow: 0 8px 18px rgb(33 21 16 / 6%);
}

.night-mode .js-night-mode-toggle,
html.night-mode .js-night-mode-toggle,
html[data-theme="dark"] .js-night-mode-toggle {
    background: var(--sr-header-action-surface, #1b1b21);
    color: var(--sr-header-action-text, #f1f3f5);
    border-color: var(--sr-header-action-border, rgba(255,255,255,0.12));
}


.night-mode html,
.night-mode body {
    background-color: #111315;
    color: #6F767E;
}

.night-mode body {
    background: #111315;
    height: auto;
    float: left;
    width: 100%;
}

.night-mode body::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}

.night-mode body::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.night-mode body::-webkit-scrollbar-corner {
    background-color: transparent;
}

.night-mode body::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(51, 51, 51, .6);
    -webkit-box-shadow: inset -1px -1px 0 rgba(51, 51, 51, .05), inset 1px 1px 0 rgba(51, 51, 51, .05);
}

.night-mode h1,
.night-mode h2,
.night-mode h3,
.night-mode h4,
.night-mode h5 {
    color: #fff;
}

.night-mode p {
    color: #c5c5c5;
}

.night-mode #logo .logo-inverse {
    display: inline;
}

.night-mode #logo img {
    display: none;
}

.night-mode .bg-showrave {
    background: #1A1D1F;
    box-shadow: inset 1px 0px 0px #111315, inset 0 -1px 0px #111315;
}

.night-mode .header--glass .showrave-head.bg-showrave,
html.night-mode .header--glass .showrave-head.bg-showrave,
html[data-theme="dark"] .header--glass .showrave-head.bg-showrave {
    background: rgba(20, 20, 25, .74) !important;
    border-bottom-color: rgba(255, 255, 255, .1);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .34);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    backdrop-filter: blur(18px) saturate(1.2);
}

.night-mode .header--glass .showrave-head::after,
html.night-mode .header--glass .showrave-head::after,
html[data-theme="dark"] .header--glass .showrave-head::after {
    background: linear-gradient(90deg, transparent, rgba(255, 122, 122, .22), transparent);
}

.night-mode .header--glass .navbar-toggler,
.night-mode .header--glass .toggle_menu,
.night-mode .header--glass .collapse_menu,
html.night-mode .header--glass .navbar-toggler,
html.night-mode .header--glass .toggle_menu,
html.night-mode .header--glass .collapse_menu,
html[data-theme="dark"] .header--glass .navbar-toggler,
html[data-theme="dark"] .header--glass .toggle_menu,
html[data-theme="dark"] .header--glass .collapse_menu {
    background: rgba(31, 31, 39, .72);
    border-color: rgba(255, 255, 255, .12);
    color: #f1f3f5;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .26);
}

.night-mode .header--glass .header-action--theme .js-night-mode-toggle,
.night-mode .header--glass .theme-switch-row .js-night-mode-toggle,
.night-mode .header--glass .header-action--language .lang-switcher-trigger,
.night-mode .header--glass .notification-dropdown > .nav-link,
.night-mode .header--glass .account-link,
.night-mode .header--glass .admin-nav-search__control,
.night-mode .header--glass .home-search-curved-search-box,
html.night-mode .header--glass .header-action--theme .js-night-mode-toggle,
html.night-mode .header--glass .theme-switch-row .js-night-mode-toggle,
html.night-mode .header--glass .header-action--language .lang-switcher-trigger,
html.night-mode .header--glass .notification-dropdown > .nav-link,
html.night-mode .header--glass .account-link,
html.night-mode .header--glass .admin-nav-search__control,
html.night-mode .header--glass .home-search-curved-search-box,
html[data-theme="dark"] .header--glass .header-action--theme .js-night-mode-toggle,
html[data-theme="dark"] .header--glass .theme-switch-row .js-night-mode-toggle,
html[data-theme="dark"] .header--glass .header-action--language .lang-switcher-trigger,
html[data-theme="dark"] .header--glass .notification-dropdown > .nav-link,
html[data-theme="dark"] .header--glass .account-link,
html[data-theme="dark"] .header--glass .admin-nav-search__control,
html[data-theme="dark"] .header--glass .home-search-curved-search-box {
    background-color: rgba(31, 31, 39, .72);
    border-color: rgba(255, 255, 255, .12);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .24);
}

.night-mode .nav-link {
    color: #6F767E;
    font-weight: 500;
}

.night-mode .nav-link:hover {
    color: #fcfcfc;
}


.night-mode .showrave-head .nav-item .nav-link.active,
.night-mode .showrave-head .nav-item .show>.nav-link {
    color: #fff;
}


/* =========================================================
   NIGHT MODE - HERO SYSTEM
   Matches light-mode patterns (topo + dots)
   ========================================================= */


/* ---------- MAIN HERO ---------- */
.night-mode .hero-banner {
    background:
        /* soft ambient glow */
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.05), transparent 50%),
        radial-gradient(circle at 78% 65%, rgba(255, 255, 255, 0.03), transparent 55%),
        /* base dark red gradient */
        linear-gradient(135deg, #120608 0%, #1b0a10 45%, #2a0d15 100%);
}

/* add subtle dark-mode pattern layer */
.night-mode .hero-banner::before {
    background:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.35)),
        repeating-radial-gradient(circle at 25% 35%,
            rgba(255, 255, 255, 0.05) 0 1px,
            transparent 1px 16px);
}

/* right-side dots + rings (quieter in dark mode) */
.night-mode .hero-banner::after {
    opacity: 0.35;

    background:
        radial-gradient(circle at 88% 28%, rgba(255, 255, 255, 0.08), transparent 60%),
        radial-gradient(circle at 88% 45%, transparent 0 56%, rgba(255, 255, 255, 0.10) 57%, transparent 58%),
        radial-gradient(circle at 95% 70%, transparent 0 62%, rgba(255, 255, 255, 0.08) 63%, transparent 64%),
        radial-gradient(circle, rgba(255, 255, 255, 0.10) 1.1px, transparent 1.3px),
        radial-gradient(circle, rgba(255, 255, 255, 0.06) 0.9px, transparent 1.1px);

    background-size:
        cover,
        cover,
        cover,
        26px 26px,
        18px 18px;

    background-position:
        center,
        center,
        center,
        calc(100% + 140px) 0,
        calc(100% + 160px) 12px;
}

.night-mode .hero-banner-content h2 {
    color: rgba(255, 255, 255, 0.96);
}

.night-mode .hero-banner-content p {
    color: rgba(255, 255, 255, 0.75);
}

.night-mode .hero-banner-content .form-control {
    background-color: #111315;
    border: 1px solid #1a1d21;
    color: rgba(255, 255, 255, 0.90);
}

.night-mode .hero-banner-content .form-control::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.night-mode .hero-banner-home {
    background:
        radial-gradient(circle at 22% 30%, rgba(255, 255, 255, 0.04), transparent 55%),
        linear-gradient(135deg, #120608 0%, #1b0a10 45%, #2a0d15 100%);
}

.night-mode .hero-banner-home::before {
    background:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.40));
}

.night-mode .hero-banner-home::after {
    opacity: 0.30;
}

/* =========================================================
   NIGHT MODE - THINGS TO DO LANDING + COUNTRY
   ========================================================= */
.night-mode .ttd-index-page,
.night-mode .ttd-country-page,
html.night-mode .ttd-index-page,
html.night-mode .ttd-country-page,
html[data-theme="dark"] .ttd-index-page,
html[data-theme="dark"] .ttd-country-page {
    --ttd-ink: #f6f0ec;
    --ttd-muted: #c9b9b2;
    --ttd-soft: #171111;
    --ttd-paper: #100d0d;
    --ttd-line: rgba(255, 255, 255, .12);
    --ttd-red: #ff6b6b;
    --ttd-red-dark: #ff8a7a;
    --ttd-gold: #e0b45d;
    --ttd-shadow: 0 18px 48px rgba(0, 0, 0, .36);
    background: #100d0d;
    color: var(--ttd-ink);
}

.night-mode .ttd-index-page main,
.night-mode .ttd-country-page main,
html.night-mode .ttd-index-page main,
html.night-mode .ttd-country-page main,
html[data-theme="dark"] .ttd-index-page main,
html[data-theme="dark"] .ttd-country-page main {
    background: linear-gradient(180deg, #100d0d 0%, #100d0d 42%, #171111 100%);
}

.night-mode .ttd-hero,
html.night-mode .ttd-hero,
html[data-theme="dark"] .ttd-hero {
    background: linear-gradient(135deg, #160f0f 0%, #211211 48%, #2a1710 100%);
}

.night-mode .ttd-hero::before,
html.night-mode .ttd-hero::before,
html[data-theme="dark"] .ttd-hero::before {
    background:
        linear-gradient(90deg, rgba(255, 107, 107, .09), transparent 44%),
        radial-gradient(circle at 88% 12%, rgba(224, 180, 93, .13), transparent 34%);
}

.night-mode .ttd-hero__h1,
.night-mode .ttd-sh__h2,
.night-mode .ttd-article__section-title,
html.night-mode .ttd-hero__h1,
html.night-mode .ttd-sh__h2,
html.night-mode .ttd-article__section-title,
html[data-theme="dark"] .ttd-hero__h1,
html[data-theme="dark"] .ttd-sh__h2,
html[data-theme="dark"] .ttd-article__section-title {
    color: var(--ttd-ink);
}

.night-mode .ttd-hero__sub,
.night-mode .ttd-hero__note,
.night-mode .ttd-intro__body,
.night-mode .ttd-sh__sub,
.night-mode .ttd-article__section-body,
html.night-mode .ttd-hero__sub,
html.night-mode .ttd-hero__note,
html.night-mode .ttd-intro__body,
html.night-mode .ttd-sh__sub,
html.night-mode .ttd-article__section-body,
html[data-theme="dark"] .ttd-hero__sub,
html[data-theme="dark"] .ttd-hero__note,
html[data-theme="dark"] .ttd-intro__body,
html[data-theme="dark"] .ttd-sh__sub,
html[data-theme="dark"] .ttd-article__section-body {
    color: var(--ttd-muted);
}

.night-mode .ttd-hero__visual::before,
html.night-mode .ttd-hero__visual::before,
html[data-theme="dark"] .ttd-hero__visual::before {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .1);
}

.night-mode .ttd-btn-outline,
html.night-mode .ttd-btn-outline,
html[data-theme="dark"] .ttd-btn-outline {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .16);
    color: var(--ttd-ink);
}

.night-mode .ttd-btn-outline:hover,
html.night-mode .ttd-btn-outline:hover,
html[data-theme="dark"] .ttd-btn-outline:hover {
    background: rgba(255, 255, 255, .11);
    border-color: rgba(255, 107, 107, .36);
    color: #fff;
}

.night-mode .ttd-intro,
.night-mode .ttd-all-countries,
.night-mode .ttd-country-cities,
.night-mode .ttd-article,
.night-mode .ttd-country-story,
.night-mode .ttd-country-return,
html.night-mode .ttd-intro,
html.night-mode .ttd-all-countries,
html.night-mode .ttd-country-cities,
html.night-mode .ttd-article,
html.night-mode .ttd-country-story,
html.night-mode .ttd-country-return,
html[data-theme="dark"] .ttd-intro,
html[data-theme="dark"] .ttd-all-countries,
html[data-theme="dark"] .ttd-country-cities,
html[data-theme="dark"] .ttd-article,
html[data-theme="dark"] .ttd-country-story,
html[data-theme="dark"] .ttd-country-return {
    background: #100d0d;
}

.night-mode .ttd-country-title,
html.night-mode .ttd-country-title,
html[data-theme="dark"] .ttd-country-title {
    background: linear-gradient(180deg, #130f0f 0%, #1a1111 100%);
    border-bottom-color: rgba(255, 255, 255, .11);
}

.night-mode .ttd-country-title__h1,
.night-mode .ttd-country-return__h2,
html.night-mode .ttd-country-title__h1,
html.night-mode .ttd-country-return__h2,
html[data-theme="dark"] .ttd-country-title__h1,
html[data-theme="dark"] .ttd-country-return__h2 {
    color: var(--ttd-ink);
}

.night-mode .ttd-country-story__intro,
html.night-mode .ttd-country-story__intro,
html[data-theme="dark"] .ttd-country-story__intro {
    color: var(--ttd-ink);
}

.night-mode .ttd-country-return__inner,
html.night-mode .ttd-country-return__inner,
html[data-theme="dark"] .ttd-country-return__inner {
    background: #1b1515;
    border-color: rgba(255, 255, 255, .11);
}

.night-mode .ttd-cats,
html.night-mode .ttd-cats,
html[data-theme="dark"] .ttd-cats {
    background: #171111;
}

.night-mode .ttd-cat-item,
.night-mode .ttd-article__section,
html.night-mode .ttd-cat-item,
html.night-mode .ttd-article__section,
html[data-theme="dark"] .ttd-cat-item,
html[data-theme="dark"] .ttd-article__section {
    background: #1b1515;
    border-color: rgba(255, 255, 255, .11);
    box-shadow: none;
}

.night-mode .ttd-cat-item:hover,
.night-mode .ttd-article__section:hover,
html.night-mode .ttd-cat-item:hover,
html.night-mode .ttd-article__section:hover,
html[data-theme="dark"] .ttd-cat-item:hover,
html[data-theme="dark"] .ttd-article__section:hover {
    border-color: rgba(255, 107, 107, .36);
}

.night-mode .ttd-cat-item__icon,
.night-mode .ttd-article__section-icon,
html.night-mode .ttd-cat-item__icon,
html.night-mode .ttd-article__section-icon,
html[data-theme="dark"] .ttd-cat-item__icon,
html[data-theme="dark"] .ttd-article__section-icon {
    background: rgba(255, 107, 107, .12);
    color: #ff8a7a;
}

.night-mode .ttd-cat-item__label,
html.night-mode .ttd-cat-item__label,
html[data-theme="dark"] .ttd-cat-item__label {
    color: var(--ttd-ink);
}

.night-mode .ttd-dest,
html.night-mode .ttd-dest,
html[data-theme="dark"] .ttd-dest {
    background: #0b0909;
}

.night-mode .ttd-country-cta,
html.night-mode .ttd-country-cta,
html[data-theme="dark"] .ttd-country-cta {
    background: linear-gradient(135deg, #0c0808 0%, #220b0b 58%, #120c09 100%);
}

.night-mode .hero-cover {
    background:
        linear-gradient(135deg, rgba(179, 18, 45, 0.10) 0%, rgba(0, 0, 0, 0.35) 70%);
}

.night-mode .hero-cover-img {
    background:
        repeating-linear-gradient(135deg,
            rgba(255, 255, 255, 0.03) 0 2px,
            transparent 2px 10px),
        linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(179, 18, 45, 0.12) 100%);
}

.night-mode .hero-side-banner {
    background:
        radial-gradient(circle at 20% 35%, rgba(255, 255, 255, 0.05), transparent 60%),
        linear-gradient(135deg, #111315 0%, #171a1d 55%, #1f2226 100%);

    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: none;
}

.night-mode .hero-side-banner::after {
    opacity: 0.35;
}

.night-mode .contact-hero-banner {
    background:
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.04), transparent 55%),
        linear-gradient(135deg, #110507 0%, #1a080d 45%, #260c14 100%);
}

.night-mode .contact-hero-banner::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.45));
}

.night-mode .contact-hero-banner::after {
    opacity: 0.30;
}

.night-mode .contact-hero-banner-info h3 {
    color: rgba(255, 255, 255, 0.96);
}

.night-mode .contact-hero-banner-info p {
    color: rgba(255, 255, 255, 0.82);
}

/* Preloader (Night mode overrides) */

html.night-mode .preloader {
    background: #0b0b0c;
}

html.night-mode .preloader-ring {
    border-color: rgba(255, 255, 255, 0.1);
    border-top-color: #fff;
}

/* =========================
   Dark Mode Breadcrumb
   ========================= */

.night-mode .breadcrumb-block {
    background:
        radial-gradient(circle at 25% 40%, rgba(255, 255, 255, 0.04), transparent 60%),
        linear-gradient(120deg,
            #0f0608 0%,
            #1a090f 50%,
            #240b12 100%);

    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* soften pattern visibility */
.night-mode .breadcrumb-block::after {
    opacity: 0.22;
}

/* =========================
   Breadcrumb Text
   ========================= */

.night-mode .showrave-breadcrumb .breadcrumb .breadcrumb-item a {
    color: rgba(220, 225, 230, 0.78);
    transition: color 160ms ease;
}

.night-mode .showrave-breadcrumb .breadcrumb .breadcrumb-item a:hover {
    color: rgba(255, 255, 255, 0.95);
}

.night-mode .showrave-breadcrumb .breadcrumb .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.55);
}

.night-mode .showrave-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(220, 225, 230, 0.55);
}

.night-mode .footer {
    background: #1A1D1F;
    color: #fff;
}

.night-mode .footer-link {
    color: #6F767E;
}

.night-mode .footer-link:hover {
    color: #fcfcfc;
}

.night-mode .filter-tag a {
    color: #6F767E;
    border: 1px solid #33383f;
    background: #272B30;
}

.night-mode .filter-tag a.active,
.night-mode .filter-tag a:hover {
    background: #272B30;
    color: #fff;
}

.night-mode .main-card {
    border: 1px solid #1A1D1F;
    background-color: #1A1D1F;
}

.night-mode .event-content>.event-title {
    color: #fff;
}

.night-mode .event-content>.event-title:hover {
    color: #fff;
}

.night-mode .duration-price {
    color: #fff;
}

.night-mode .remaining {
    color: #9A9FA5;
}

.night-mode .control {
    color: #6F767E;
    background: #272B30;
}

.night-mode .mixitup-control-active {
    color: #fff;
}

.night-mode .mixitup-control-active[data-filter]:after {
    background: transparent;
    border-bottom: 3px solid #fff;
    color: #fff;
}

.night-mode .event-timing {
    color: #9A9FA5;
}

.night-mode .host-engaging-event-block {
    background: #272b30;
}

.night-mode .owl-nav .owl-next {
    color: #6F767E;
    background: #383c41;
    border: 1px solid #383c41;
}

.night-mode .owl-nav .owl-prev {
    color: #6F767E;
    background: #383c41;
    border: 1px solid #383c41;
}

.night-mode .owl-nav .owl-prev:hover {
    color: #fff;
    opacity: 1;
    background: #6ac045;
    border: 1px solid #6ac045;
}

.night-mode .owl-nav .owl-next:hover {
    color: #fff;
    opacity: 1;
    border: 1px solid #6ac045;
    background: #6ac045;
}

.night-mode .feature-group-list {
    border-top: 2px solid #272B30;
}

.night-mode .host-step-block {
    background-color: #272b30;
}

.night-mode .step-text {
    color: #fff;
}

.night-mode .step-link span {
    color: #fff;
}

.night-mode .step-tabs .step-link:hover {
    background-color: #1A1D1F;
}

.night-mode .step-link {
    border-bottom: 1px solid #1A1D1F;
    color: #9A9FA5;
}

.night-mode .step-tabs .step-link.active:hover {
    color: #fff;
    background-color: #6ac045;
}

.night-mode .testimonial-slider-area {
    border-top: 2px solid #272B30;
}

.night-mode .testimonial-user-dt span {
    color: #9A9FA5;
}

.night-mode .dropdown-menu {
    background-color: #111315;
    border: 1px solid #272B30;
}

.night-mode .dropdown-submenu .dropdown-item {
    color: #6F767E;
}

.night-mode .dropdown-item {
    color: #6F767E;
}

.night-mode .dropdown-submenu .dropdown-item:hover {
    color: #fff;
    background-color: transparent;
}

.night-mode .dropdown-submenu .dropdown-item:focus {
    color: #fff;
    background-color: transparent;
}

.night-mode .dropdown-menu-account li .link-item {
    color: #6F767E;
}

.night-mode .dropdown-menu-account li .link-item:hover {
    color: #fff;
    background-color: transparent;
}

.night-mode .profile-link {
    border-top: 1px solid #272B30;
}

.night-mode .account-link {
    color: #6F767E;
}

.night-mode .account-link:hover {
    color: #fcfcfc;
}

.night-mode .navbar-toggler-icon {
    color: #6F767E;
}

.night-mode .navbar-toggler-icon:hover {
    color: #fcfcfc;
}

.night-mode .offcanvas {
    background-color: #1A1D1F;
}

.night-mode .close-btn {
    background: #272B30;
    color: #909ba4;
}

.night-mode .close-btn:hover,
.night-mode .close-btn:focus {
    background: #272B30;
    color: #fcfcfc;
}

.night-mode .checkout-title {
    border-bottom: 2px solid #272B30;
}

.night-mode .custom-border-top {
    border-top: 2px solid #272B30;
}

.night-mode .team-content span {
    color: #6F767E;
}

.night-mode .user-dts .user-name {
    color: #fff;
}

.night-mode .esv-btn {
    color: #fcfcfc;
    border: 1px solid #272B30;
    background: #272B30;
}

.night-mode .esv-btn:hover {
    color: #fff;
    border: 1px solid #efefef;
}

.night-mode .co-main-btn {
    color: #fcfcfc;
    border: 1px solid #272b30;
    background: #272B30;
}

.night-mode .co-main-btn:hover {
    color: #fff;
    border: 1px solid #efefef;
}

.night-mode .ff-block a {
    color: #fcfcfc;
}

.night-mode .ff-block a:first-child {
    border-right: 1px solid #272B30;
}

.night-mode .profile-social-link h6 {
    color: #fff;
}

.night-mode .modal-content {
    background-color: #171717;
    border: 1px solid #293142;
    color: #f8fafc;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
}

.night-mode .modal-title {
    color: #f8fafc;
}

.night-mode .modal-body {
    background: #171717;
    color: #f8fafc;
}

.night-mode .close-model-btn {
    background: #111827;
    border-color: #293142;
    color: #cbd5e1;
    opacity: 1;
}

.night-mode .close-model-btn:hover {
    background: #2a1216;
    border-color: #7f1d1d;
    color: #fecaca;
}

.night-mode .ff-tablist {
    border-bottom: 1px solid #272B30;
}

.night-mode .follow-btn {
    color: #fcfcfc;
    border: 1px solid #272b30;
    background: #272B30;
}

.night-mode .follow-btn:hover {
    color: #fcfcfc;
    border: 1px solid #efefef;
}

.night-mode .modal-header {
    background: #1f1114;
    border-bottom: 1px solid #293142;
}

.night-mode .modal-footer {
    background: #171717;
    border-top: 1px solid #293142;
}

.night-mode .text-light3 {
    color: #6F767E;
}

.night-mode .form-label {
    color: #efefef;
}

.night-mode .model-content .form-control {
    background-color: #272B30;
}

.night-mode .form-control,
html.night-mode .form-select,
html.night-mode select.form-control {
    color: #f8fafc;
    background-color: #111827;
    border: 1px solid #293142;
}

.night-mode .form-control::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.night-mode .form-control:disabled,
.night-mode .form-control[readonly],
html.night-mode .form-select:disabled,
html.night-mode select.form-control:disabled {
    color: #cbd5e1;
    background-color: #1f2328;
    border-color: #30363d;
    opacity: 1;
}

.night-mode .form-control:focus,
html.night-mode .form-select:focus,
html.night-mode select.form-control:focus {
    color: #f8fafc;
    background-color: #0f131b;
    border-color: #b91c1c;
    box-shadow: 0 0 0 3px rgba(185, 28, 28, .22);
}

.night-mode .form-textarea {
    color: #fcfcfc;
    background-color: #272B30;
    border: 1px solid #272B30;
}

.night-mode .form-textarea:focus {
    color: #fcfcfc;
    background-color: #000;
    border: 1px solid #6ac045;
}

.night-mode .border_bottom {
    border-bottom: 1px solid #272B30;
}

.night-mode .border_top {
    border-top: 1px solid #272B30;
}

.night-mode .blog-title {
    color: #fcfcfc;
}

.night-mode .blog-title:hover {
    color: #fcfcfc;
}

.night-mode .cb-icon {
    color: #9A9FA5;
    background: #272B30;
}

.night-mode .cb-icon:hover {
    color: #fff;
    background: #6ac045;
}

.night-mode .booking-confirmed-bottom-bg {
    background: #272b30;
}

.night-mode .booking-confirmed-seat-card {
    background: #272b30;
    border-color: #3a4147;
}

.night-mode .buyer-name {
    color: #9A9FA5;
}

.night-mode .booking-total-tickets span {
    color: #9A9FA5;
}

.night-mode .booking-total-grand span {
    color: #9A9FA5;
}

.night-mode .booking-total-grand {
    color: #9A9FA5;
}

.night-mode .bp-title h4 {
    border-bottom: 1px solid #272B30;
}

.night-mode .divider-line {
    background: #272B30;
}

.night-mode .order-text {
    color: #efefef;
}

.night-mode .confirmation-btn span {
    color: #fcfcfc;
}

.night-mode .event-order-dt-content .category-type {
    color: #efefef;
}

.night-mode .bp-form .btn-light {
    color: #fcfcfc;
    background-color: #272B30;
    border: 1px solid #272B30;
}

.night-mode .bootstrap-select .dropdown-item:hover {
    color: #FCFCFC;
    background: inherit;
}

.night-mode .bootstrap-select .dropdown-item.active:hover {
    color: #FCFCFC;
    background: #6ac045;
}

.night-mode .bootstrap-select.dropdown-item.active,
.night-mode .bootstrap-select .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #6ac045;
}

.night-mode .main-form .bootstrap-select .dropdown-toggle:focus,
.night-mode .main-form .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none;
    outline: none;
    outline-offset: -2px;
    border-color: #FF7A92;
    box-shadow: none;
}

.night-mode .ttl-clr {
    color: #fff;
}

.night-mode .account-link img {
    background-color: #272b30;
    border: 2px solid #272b30;
}

.night-mode .user-avatar-img img {
    background: #272b30;
    border: 2px solid #6ac045;
}

.night-mode .account-holder-avatar img {
    background-color: #272b30;
    border: 2px solid #6ac045;
}

.night-mode .account-link.show img {
    border: 2px solid #6ac045;
}

.night-mode .coming-soon-content {
    background-color: #1A1D1F;
}

.night-mode .copyright-footer {
    color: #efefef;
}

.night-mode .create-icon i {
    color: #9A9FA5;
    background: #272b30;
}

.night-mode #add-event-tab .step-steps>li:before {
    background-color: #272b30;
}

.night-mode #add-event-tab .step-steps>li>a>.number {
    background-color: #272b30;
}

.night-mode #add-event-tab .step-steps>li>a>.number:before {
    background-color: rgba(39, 43, 48, 0.3);
}

.night-mode #add-event-tab .step-steps>li.active>a>.number,
.night-mode #add-event-tab .step-steps>li.done>a>.number {
    background-color: #6ac045;

}

.night-mode #add-event-tab .step-steps>li.active>a>.number:before,
.night-mode #add-event-tab .step-steps>li.done>a>.number:before {
    background-color: rgba(106, 192, 69, 0.3);
}

.night-mode #add-event-tab .step-steps>li.done:before {
    background-color: #6ac045;
}

.night-mode #add-event-tab .step-steps>li.active>a>.step-name,
.night-mode #add-eventevent-tab .step-steps>li.done>a>.step-name {
    color: #fff;
}

.night-mode .color-black {
    color: #fff;
}

.night-mode .hosting-title {
    color: #fcfcfc;
}

.night-mode .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: #272b30;
}

.night-mode .ck.ck-editor__main>.ck-editor__editable:focus {
    border-color: #272b30;
    background: #000;
}


.night-mode .ck.ck-editor__main>.ck-editor__editable {
    background: #272B30;
    border-radius: 0;
}

.night-mode .ck.ck-editor__main>.ck-editor__editable p {
    color: #fcfcfc;
}


.night-mode .btn-switch .checkbox-slider {
    background-color: #272B30;
}

.night-mode .datepicker {
    background: #111315;
    border: 1px solid #272B30;
    color: #6F767E;
}

.night-mode .datepicker--nav {
    border-bottom: 1px solid #272B30;
}

.night-mode .datepicker--nav-title:hover {
    background: #272B30;
}

.night-mode .datepicker--pointer {
    background: #111315;
    border-top: 1px solid #272B30;
    border-right: 1px solid #272B30;
}

.night-mode .absolute-icon {
    color: #fcfcfc;
}

.night-mode .brn-checkbox-radio span {
    color: #fcfcfc;
}

.night-mode .brn-checkbox-radio span:last-child {
    color: #6F767E;
}

.night-mode .percentage-icon {
    color: #fcfcfc;
}

.night-mode .price-ticket-card .price-ticket-card-body h6 {
    color: #fcfcfc;
}

.night-mode .price-ticket-card .price-ticket-card-body .icon-box .icon {
    color: #9A9FA5;
    background: #272B30;
}

.night-mode .price-ticket-card .price-ticket-card-body .text-145 {
    color: #9A9FA5;
}

.night-mode .dropdown-item:hover {
    color: #fff;
    background-color: transparent;
}

.night-mode .option-btn-1 {
    color: #fcfcfc;
    border: 1px solid #272B30;
    background: #272B30;
}

.night-mode .option-btn-1:hover {
    color: #fcfcfc;
    border: 1px solid #efefef;
}

.night-mode .price-variation-head {
    background: #272B30;
}

.night-mode .model-content .btn-light {
    color: #fcfcfc;
    background-color: #272B30;
    border: 1px solid #272B30;
}

.night-mode .div-base-table .table-row .table-col {
    -webkit-box-shadow: 0 1px 0 #272B30;
    -moz-box-shadow: 0 1px 0 #272B30;
    box-shadow: 0 1px 0 #272B30;
}

.night-mode .price-ticket-card {
    border: 1px solid #272B30;
}

.night-mode .search-form .btn-light {
    color: #fcfcfc;
    background-color: #111315;
    border: 1px solid #111315;
}

.night-mode .faq-widget-links li a {
    color: #fcfcfc;
}

.night-mode .accordion-btn:not(.collapsed) {
    color: #fff;
}

.night-mode .accordion-btn {
    color: #fff;
}

.night-mode .faq-accordion .accordion-item:not(:first-of-type) {
    border-top: 1px solid #272B30;
}

.night-mode .faq-accordion .accordion-item {
    border-top: 1px solid #272B30;
}

.night-mode .faq-accordion .accordion-item:last-child {
    border-bottom: 1px solid #272B30;
}

.night-mode .app-form-content {
    background: #111315;
}

.night-mode .help-item-icon {
    background: #272B30;
    color: #fcfcfc;
}

.night-mode .help-item-link {
    color: #fcfcfc;
    border-bottom: 1px solid #272B30;
}

.night-mode .help-item-link:last-child {
    border-bottom: 0;
}

.night-mode .invoice-body {
    background: #272b30;
}

.night-mode .vdt-list {
    color: #bbb;
}

.night-mode .cut-line i {
    background: #272b30;
}

.night-mode .invoice-header {
    background: #1A1D1F;
}

.night-mode .QR-dt {
    background: #2a2d2f;
}

.night-mode .QR-counter-type li {
    color: #fcfcfc;
}

.night-mode .main-table .table .thead-dark th {
    color: #efefef;
    background-color: #272b30;
    border-color: #272b30;
}

.night-mode .main-table .table {
    color: #fff;
    background: #1a1d1f;
    border: 1px solid #272b30;
}

.night-mode .main-table .table tbody tr td a {
    color: #fff;
}

.night-mode .main-table .table tbody tr td a:hover {
    color: #fff;
}

.night-mode .table-card {
    background: #171717;
    border-color: #293142;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
}

.night-mode .table {
    color: #f8fafc;
    border-color: #293142;
}

.night-mode .table > :not(caption) > * > * {
    border-bottom-color: #293142;
    background-color: transparent;
}

.night-mode .table > :not(:first-child) {
    border-top-color: #293142;
}

.night-mode .table thead th,
.night-mode .table .thead-dark th {
    color: #cbd5e1;
    background: #111827;
    border-color: #293142;
}

.night-mode .table tbody td,
.night-mode .table tbody th {
    color: #f8fafc;
}

.night-mode .table tbody tr:hover {
    background: #1f1114;
}

.night-mode .table tbody td a {
    color: #fecaca;
}

.night-mode .table tbody td a:hover,
.night-mode .table tbody td a:focus {
    color: #fff;
}

.night-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #151922;
}

.night-mode .table-hover > tbody > tr:hover > * {
    background-color: #1f1114;
}

.night-mode .btn {
    box-shadow: none;
}

.night-mode .btn:focus,
.night-mode .btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(248, 113, 113, .18);
}

.night-mode .btn-primary,
.night-mode .main-btn,
.night-mode .co-main-btn {
    border-color: #b91c1c;
    background: #b91c1c;
    color: #fff;
}

.night-mode .btn-primary:hover,
.night-mode .btn-primary:focus,
.night-mode .main-btn:hover,
.night-mode .main-btn:focus,
.night-mode .co-main-btn:hover,
.night-mode .co-main-btn:focus {
    border-color: #dc2626;
    background: #dc2626;
    color: #fff;
}

.night-mode .btn-secondary,
.night-mode .btn-light,
.night-mode .btn-outline-secondary,
.night-mode .btn-outline-dark {
    border-color: #374151;
    background: #171717;
    color: #f8fafc;
}

.night-mode .btn-secondary:hover,
.night-mode .btn-secondary:focus,
.night-mode .btn-light:hover,
.night-mode .btn-light:focus,
.night-mode .btn-outline-secondary:hover,
.night-mode .btn-outline-secondary:focus,
.night-mode .btn-outline-dark:hover,
.night-mode .btn-outline-dark:focus {
    border-color: #4b5563;
    background: #1f2937;
    color: #fff;
}

.night-mode .btn-outline-primary {
    border-color: #f87171;
    background: transparent;
    color: #fecaca;
}

.night-mode .btn-outline-primary:hover,
.night-mode .btn-outline-primary:focus,
.night-mode .btn-outline-primary:active,
.night-mode .btn-check:checked + .btn-outline-primary {
    border-color: #dc2626;
    background: #dc2626;
    color: #fff;
}

.night-mode .btn-outline-success {
    border-color: #22c55e;
    background: transparent;
    color: #bbf7d0;
}

.night-mode .btn-outline-success:hover,
.night-mode .btn-outline-success:focus {
    background: #15803d;
    color: #fff;
}

.night-mode .btn-outline-danger {
    border-color: #f87171;
    background: transparent;
    color: #fecaca;
}

.night-mode .btn-outline-danger:hover,
.night-mode .btn-outline-danger:focus {
    background: #b91c1c;
    color: #fff;
}

.night-mode .btn-outline-warning {
    border-color: #f59e0b;
    background: transparent;
    color: #fde68a;
}

.night-mode .btn-outline-warning:hover,
.night-mode .btn-outline-warning:focus {
    background: #d97706;
    color: #111827;
}

.night-mode .btn-outline-info {
    border-color: #c28a63;
    background: transparent;
    color: #f0c7a8;
}

.night-mode .btn-outline-info:hover,
.night-mode .btn-outline-info:focus {
    background: #7a4b2a;
    color: #fff;
}

.night-mode .dropdown-menu {
    border-color: #293142;
    background: #171717;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .36);
}

.night-mode .dropdown-item {
    color: #e5e7eb;
}

.night-mode .dropdown-item:hover,
.night-mode .dropdown-item:focus {
    background: #2a1518;
    color: #fecaca;
}

.night-mode .dropdown-item.active,
.night-mode .dropdown-item:active,
.night-mode .bootstrap-select .dropdown-item.active,
.night-mode .bootstrap-select .dropdown-item:active {
    background: #b91c1c;
    color: #fff;
}

.night-mode .dropdown-divider {
    border-top-color: #293142;
}

.night-mode .dropdown-header {
    color: #94a3b8;
}

.night-mode .badge-primary,
.night-mode .bg-primary {
    background-color: #b91c1c !important;
    color: #fff !important;
}

.night-mode .badge-secondary,
.night-mode .bg-secondary {
    background-color: #334155 !important;
    color: #e5e7eb !important;
}

.night-mode .badge-success,
.night-mode .bg-success {
    background-color: #14532d !important;
    color: #bbf7d0 !important;
}

.night-mode .badge-danger,
.night-mode .bg-danger {
    background-color: #7f1d1d !important;
    color: #fecaca !important;
}

.night-mode .badge-warning,
.night-mode .bg-warning {
    background-color: #78350f !important;
    color: #fde68a !important;
}

.night-mode .badge-info,
.night-mode .bg-info {
    background-color: #5a2f17 !important;
    color: #f0c7a8 !important;
}

.night-mode .pagination .page-link {
    border-color: #293142;
    background: #171717;
    color: #e5e7eb;
}

.night-mode .pagination .page-link:hover,
.night-mode .pagination .page-link:focus {
    border-color: #dc2626;
    background: #2a1518;
    color: #fecaca;
}

.night-mode .pagination .page-item.active .page-link {
    border-color: #dc2626;
    background: #dc2626;
    color: #fff;
}

.night-mode .pagination .page-item.disabled .page-link {
    border-color: #293142;
    background: #111827;
    color: #64748b;
}

.night-mode .nav-tabs {
    border-bottom-color: #293142;
}

.night-mode .nav-tabs .nav-link,
.night-mode .nav-pills .nav-link {
    color: #cbd5e1;
}

.night-mode .nav-tabs .nav-link:hover,
.night-mode .nav-tabs .nav-link:focus,
.night-mode .nav-pills .nav-link:hover,
.night-mode .nav-pills .nav-link:focus {
    background: #1f2937;
    color: #fecaca;
}

.night-mode .nav-tabs .nav-link.active {
    border-color: #293142 #293142 #171717;
    background: #171717;
    color: #fecaca;
}

.night-mode .nav-pills .nav-link.active,
.night-mode .nav-pills .show > .nav-link {
    background: #b91c1c;
    color: #fff;
}

.night-mode .form-check .form-check-input {
    border-color: #4b5563;
    background-color: #111827;
}

.night-mode .form-check-input:checked {
    border-color: #dc2626;
    background-color: #dc2626;
}

.night-mode .form-check-input:focus {
    border-color: #f87171;
    box-shadow: 0 0 0 3px rgba(248, 113, 113, .18);
}

.night-mode .form-check-label {
    color: #e5e7eb;
}

.night-mode .input-group-text {
    border-color: #374151;
    background: #111827;
    color: #cbd5e1;
}

.night-mode .card {
    border-color: #293142;
    background: #171717;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
}

.night-mode .card-header,
.night-mode .card-footer {
    border-color: #293142;
    background: #111827;
    color: #f8fafc;
}

.night-mode .card-title {
    color: #f8fafc;
}

.night-mode .card-text {
    color: #cbd5e1;
}

.night-mode .accordion-item {
    border-color: #293142;
    background: #171717;
}

.night-mode .accordion-button {
    color: #f8fafc;
    background: #171717;
}

.night-mode .accordion-button:not(.collapsed) {
    color: #fecaca;
    background: #2a1518;
    box-shadow: inset 0 -1px 0 #3f1d22;
}

.night-mode .accordion-button:focus {
    border-color: #f87171;
    box-shadow: 0 0 0 3px rgba(248, 113, 113, .18);
}

.night-mode .accordion-body {
    color: #cbd5e1;
}

.night-mode .totalinv2 {
    color: #fcfcfc;
}

.night-mode .ocard-right .co-main-btn i {
    background: #272b30;
    border: 2px dashed #efefef;
    color: #efefef;
}

.night-mode .org_design_button {
    border: 2px dashed #272b30;
    background: #111315;
}

.night-mode .address-title {
    border-bottom: 1px solid #272b30;
    color: #fff;
}

.night-mode .ct-label {
    color: #c9c9c9;
}

.night-mode .ct-grid {
    stroke: rgba(255, 255, 255, .2);
}

.night-mode .btn-light {
    color: #fcfcfc;
    background-color: #272b30;
    border: 1px solid #272b30;
    ;
}

.night-mode .menu--link.active {
    background: #272b30;
    color: #fff;
}

.night-mode .vertical_nav {
    background: #1A1D1F;
}

@supports (scrollbar-color: auto) {
    .night-mode .vertical_nav .menu_left {
        scrollbar-color: #3a3f45 transparent;
        scrollbar-width: thin;
    }
}

.night-mode .vertical_nav .menu_left::-webkit-scrollbar-thumb {
    background: #3a3f45;
}

.night-mode .menu--link {
    color: #6F767E;
    font-weight: 500;
}

.night-mode .menu--link:hover,
.night-mode .menu--link:hover .menu--label {
    color: #fcfcfc;
    background: transparent;
}

.night-mode .sub_menu--link .menu--icon:hover {
    color: #fff;
}

.night-mode .custom2-tabs .tab-link {
    background: #272b30;
    border: 1px solid #272b30;
    color: #fcfcfc;
}

.night-mode .custom2-tabs .tab-link {
    background: #272b30;
    border: 1px solid #272b30;
    color: #fcfcfc;
}

.night-mode .custom2-tabs .tab-link:hover {
    color: #fcfcfc;
    background-color: #272b30;
    border: 1px solid #efefef;
}

.night-mode .custom2-tabs .tab-link.active,
.night-mode .tab-tabs .show>.tab-link {
    color: #fff;
    background-color: #6ac045;
    border: 1px solid #6ac045;
}

.night-mode .custom2-tabs .tab-link.active span,
.night-mode .tab-tabs .show>.tab-link span {
    color: #fff;
}

.night-mode .card-top {
    border-bottom: 1px solid #272b30;
}

.night-mode .card-dt-text h6 {
    color: #9A9FA5;
}

.night-mode .card-dt-text span {
    color: #fcfcfc;
}

.night-mode .card-icon i {
    color: #9A9FA5;
    background: #272b30;
}

.night-mode .option-btn {
    color: #fcfcfc;
    border: 1px solid #272B30;
    background: #272B30;
}

.night-mode .option-btn:hover {
    border: 1px solid #efefef;
}

.night-mode .event-list-icon {
    background: #272B30;
    border: 1px solid #272B30;
}

.night-mode .contact-list .bottom .icon-box .icon {
    color: #9A9FA5;
    background: #272b30;
}

.night-mode .contact-list .bottom .icon-box p {
    color: #9A9FA5;
}

.night-mode .contact-list .bottom .icon-box h6 {
    color: #fff;
}

.night-mode .gift-coupon-icon {
    border-bottom: 2px dashed #272b30;
}

.night-mode .contact-list .top .icon-box h5 {
    color: #fff;
}

.night-mode .contact-list .top .icon-box p {
    color: #6F767E;
}

.night-mode .bank-card {
    border: 1px solid #272b30;
    background: #272b30;
}

.night-mode .bank-card h6 {
    color: #efefef;
}

.night-mode .action-link {
    color: #fcfcfc;
    border: 1px solid #111315;
    background: #111315;
}

.night-mode .action-link:hover {
    color: #fcfcfc;
    border: 1px solid #efefef;
}

.night-mode .subscription-item {
    border: 1px solid #272b30;
}

.night-mode .s-info p {
    color: #fff;
}

.night-mode .tracking-tab .tracking-head {
    background: #272b30;
    border: 1px solid #272b30;
}

.night-mode .tracking-tab .nav-tabs .nav-link {
    background: #272b30;
}

.night-mode .tracking-tab .nav-tabs .nav-link.active {
    background-color: #6ac045;
    color: #fff;
}

.night-mode .specific-event {
    border-top: 1px solid #272b30;
}

.night-mode .view-profile-link {
    border-top: 1px solid #272b30;
}

.night-mode .p-bg {
    background-color: #000;
}

.night-mode .copy-link {
    background: #111315;
    border: 1px solid #111315;
}

.night-mode .upgrade-content .upgrade-premium-center {
    background-color: #111315;
}

.night-mode .event-dt-right-icon i {
    color: #9A9FA5;
    background: #272b30;
}

.night-mode .sv-btn {
    color: #fcfcfc;
    border: 1px solid #272b30;
    background: #272b30;
}

.night-mode .sv-btn:hover {
    color: #fcfcfc;
    border: 1px solid #efefef;
    background: #272b30;
}

.night-mode .event-type-name {
    color: #9A9FA5;
}

.night-mode .details-hr:after {
    background: #9A9FA5;
}

.night-mode .more-events {
    border-top: 1px solid #272b30;
}

.night-mode .garren-line-tab {
    border: 1px solid #1a1d1f;
    background-color: #1a1d1f;
}

.night-mode .my-event-tabs {
    background: #1a1d1f;
    border: 1px solid #1a1d1f;
}

.night-mode .my-event-tabs .event-link.active:hover {
    color: #6ac045;
    background-color: #1a1d1f;
    border-bottom: 3px solid #6ac045;
}

.night-mode .my-event-tabs .event-link.active,
.night-mode .my-event-tabs .show>.event-link {
    color: #6ac045;
    background-color: #1a1d1f;
    border-bottom: 3px solid #6ac045;
}

.night-mode .event-link span {
    color: #fcfcfc;
}

.night-mode .event-count {
    background: #272b30;
    color: #9A9FA5;
}

.night-mode .card-top:last-child {
    border-bottom: 0;
}

.night-mode .about-step {
    border-bottom: 1px solid #272b30;
}

.night-mode .about-step:last-child {
    border-bottom: 0;
}

.night-mode .setting-step {
    border-bottom: 1px solid #272b30;
}

.night-mode .setting-step:last-child {
    border-bottom: 0;
}

.night-mode .tab-link {
    color: #6F767E;
}

.night-mode .custom-tabs .tab-link.active,
.tab-tabs .show>.tab-link {
    color: #6ac045;
    background-color: #1a1d1f;
    border-bottom: 3px solid #6ac045;
}

.night-mode .custom-tabs .tab-link:hover {
    color: #fff;
    background-color: #1a1d1f;
    border-bottom: 3px solid transparent;
}


.night-mode .custom-tabs .tab-link.active span,
.night-mode .tab-tabs .show>.tab-link span {
    color: #fff;
}

.night-mode .custom-tabs .tab-link.active:hover {
    color: #6ac045;
    background-color: #1a1d1f;
    border-bottom: 3px solid #6ac045;
}

.night-mode .flex-slide .right h3 {
    color: #fff;
}

.night-mode .calculate-top {
    background: #1a1d1f;
}

.night-mode .bg-white {
    background: #212529;
}

.night-mode .app-top-right-link {
    color: #fff;
}

.night-mode .divider span {
    background: #111315;
    color: #fff;
}

.night-mode .divider:before {
    background: rgba(112, 112, 112, 0.4);
}

.night-mode .social-login-btn {
    color: #fcfcfc;
    border: 1px solid #272b30;
    background: #272b30;
}

.night-mode .social-login-btn:hover {
    color: #fcfcfc;
    border: 1px solid #efefef;
    background: #272b30;
}

.night-mode .agree-text {
    color: #efefef;
}

.night-mode .term-link {
    color: #fcfcfc;
}

.night-mode .terms-content ol li {
    color: #fcfcfc;
}

.night-mode .select-tickets-block h6 {
    color: #fff;
    border-bottom: 1px solid #272b30;
}

.night-mode .ticket-price {
    color: #fff;
}

.night-mode .x-title {
    color: #6F767E;
}

.night-mode .counter input {
    color: #fcfcfc;
}

.night-mode .counter span {
    color: #efefef;
    background: #111315;
    border: 2px solid #272b30;
}

.night-mode .counter span:hover {
    color: #fff;
    background: #6ac045;
    border: 2px solid #6ac045;
}

.night-mode .xtotel-tickets-count {
    border-top: 1px solid #272b30;
}

.night-mode .help-faq-link {
    color: #fcfcfc;
}

.night-mode .help-pagination-link {
    color: #fcfcfc;
}

.night-mode .premium-select .option {
    border: 2px solid #272B30;
    background-color: #1a1d1f;
}

.night-mode .premium-select .option .dot {
    background: #aaaaaa;
}

.night-mode .wrapper .option span {
    color: #fcfcfc;
}

.night-mode .wrapper .option span:last-child {
    color: #a2a2a2;
}

.night-mode #option-1:checked:checked~.option-1,
.night-mode #option-2:checked:checked~.option-2 {
    border: 2px solid #6ac045;
    background: #1a1d1f;
}

.night-mode #option-1:checked:checked~.option-1 span,
.night-mode #option-2:checked:checked~.option-2 span {
    color: #fff;
}

.night-mode #option-1:checked:checked~.option-1 span:last-child,
.night-mode #option-2:checked:checked~.option-2 span:last-child {
    color: #a2a2a2;
}

.night-mode .upload-file-dt {
    background: #111315;
    border: 2px dashed #272b30;
}

.night-mode .upload-file-dt span {
    color: #fff;
}

.night-mode .featured-controls label span {
    color: #6F767E;
    border: 1px solid #33383f;
    background: #272B30;
}

.night-mode .featured-controls input:checked+span {
    background: #272B30;
    color: #fff !important
}

.night-mode .role-header {
    background: #272b30;
}


.night-mode .role-header h6 {
    color: #fff;
}

.night-mode .role-header span {
    color: #a2a2a2;
}

.night-mode .role-item span {
    color: #fff;
}

.night-mode .i-disabled {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .night-mode .create-bg {
        background-color: #272B30;
    }

    .night-mode .offcanvas-header {
        border: 1px solid #272B30;
    }

    .night-mode .navbar-nav .nav-link:hover {
        background-color: #1A1D1F;
    }

    .night-mode .dropdown-menu {
        background-color: #111315;
        border: 1px solid transparent;
    }

    .night-mode .offcanvas-footer {
        border-top: 1px solid #272B30;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .night-mode .create-bg {
        background-color: #272B30;
    }

    .night-mode .offcanvas-header {
        border: 1px solid #272B30;
    }

    .night-mode .navbar-nav .nav-link:hover {
        background-color: #1A1D1F;
    }

    .night-mode .dropdown-menu {
        background-color: #111315;
        border: 1px solid transparent;
    }

    .night-mode .offcanvas-footer {
        border-top: 1px solid #272B30;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .night-mode .create-bg {
        background-color: #272B30;
    }

    .night-mode .offcanvas-header {
        border: 1px solid #272B30;
    }

    .night-mode .navbar-nav .nav-link:hover {
        background-color: #1A1D1F;
    }

    .night-mode .dropdown-menu {
        background-color: #111315;
        border: 1px solid transparent;
    }

    .night-mode .offcanvas-footer {
        border-top: 1px solid #272B30;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}


/* ── Ads pages - dark mode ─────────────────────────────── */
html.night-mode {
  --ads-surface: #1a1a1d;
  --ads-surface-alt: #141416;
  --ads-border: rgba(255, 255, 255, 0.08);
  --ads-text: #f1f1f3;
  --ads-muted: #9ca3af;
  --ads-red-surface: rgba(185, 28, 28, 0.09);
  --ads-red-border: rgba(185, 28, 28, 0.28);
}

html.night-mode .ads-table-wrap,
html.night-mode .ads-pkg-card,
html.night-mode .ads-event-card,
html.night-mode .ads-order-summary,
html.night-mode .ads-currency-wrap,
html.night-mode .ads-action-panel,
html.night-mode .ads-form-panel {
  background: var(--ads-surface);
  border-color: var(--ads-border);
}

html.night-mode .ads-toolbar,
html.night-mode .ads-table thead,
html.night-mode .ads-order-summary__hdr {
  background: var(--ads-surface-alt);
}

html.night-mode .ads-toolbar .form-select,
html.night-mode .ads-toolbar .form-control,
html.night-mode .ads-currency-select {
  background: var(--ads-surface);
  border-color: var(--ads-border);
  color: var(--ads-text);
}

html.night-mode .ads-audit,
html.night-mode .ads-facts {
  border-color: var(--ads-border);
}

html.night-mode .ads-audit__entry,
html.night-mode .ads-facts > div,
html.night-mode .ads-order-summary dl > div {
  border-color: var(--ads-border);
}

html.night-mode .ads-audit__note { background: var(--ads-surface-alt); }
html.night-mode .ads-pkg-card__divider { background: var(--ads-border); }

html.night-mode .ads-flash--ok  { background: rgba(21,128,61,.15); }
html.night-mode .ads-flash--err { background: rgba(185,28,28,.14); }

html.night-mode .ads-form-panel__title,
html.night-mode .ads-action-panel h3 { border-color: var(--ads-border); }

html.night-mode .ads-hero { border-color: var(--ads-border); }

html.night-mode .sr-verified-badge,
html.night-mode .sr-home-event-card__verified {
  color: #0866ff;
}

html.night-mode .sr-verified-badge[tabindex]::after,
html.night-mode .sr-home-event-card__verified[tabindex]::after {
  background: #f8fafc;
  color: #111827;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
/* Admin orders */
.night-mode .admin-orders-summary > div,
html.night-mode .admin-orders-summary > div,
html[data-theme="dark"] .admin-orders-summary > div {
  background: #151922;
  border-color: #293142;
}

.night-mode .admin-orders-summary strong,
html.night-mode .admin-orders-summary strong,
html[data-theme="dark"] .admin-orders-summary strong,
.night-mode .admin-orders-empty strong,
html.night-mode .admin-orders-empty strong,
html[data-theme="dark"] .admin-orders-empty strong {
  color: #f8fafc;
}

.night-mode .admin-orders-summary span,
html.night-mode .admin-orders-summary span,
html[data-theme="dark"] .admin-orders-summary span,
.night-mode .admin-orders-table td span,
html.night-mode .admin-orders-table td span,
html[data-theme="dark"] .admin-orders-table td span,
.night-mode .admin-orders-muted,
html.night-mode .admin-orders-muted,
html[data-theme="dark"] .admin-orders-muted,
.night-mode .admin-orders-empty,
html.night-mode .admin-orders-empty,
html[data-theme="dark"] .admin-orders-empty {
  color: #cbd5e1;
}

.night-mode .admin-orders-filters label,
html.night-mode .admin-orders-filters label,
html[data-theme="dark"] .admin-orders-filters label {
  color: #e5e7eb;
}

.night-mode .admin-orders-link,
.night-mode .admin-orders-reference,
html.night-mode .admin-orders-link,
html.night-mode .admin-orders-reference,
html[data-theme="dark"] .admin-orders-link,
html[data-theme="dark"] .admin-orders-reference {
  color: #fca5a5;
}

.night-mode .admin-orders-status--success,
html.night-mode .admin-orders-status--success,
html[data-theme="dark"] .admin-orders-status--success {
  background: #123322;
  color: #86efac;
}

.night-mode .admin-orders-status--pending,
html.night-mode .admin-orders-status--pending,
html[data-theme="dark"] .admin-orders-status--pending {
  background: #3a2d11;
  color: #fcd34d;
}

.night-mode .admin-orders-status--refunded,
html.night-mode .admin-orders-status--refunded,
html[data-theme="dark"] .admin-orders-status--refunded {
  background: #102f43;
  color: #7dd3fc;
}

.night-mode .admin-orders-status--danger,
html.night-mode .admin-orders-status--danger,
html[data-theme="dark"] .admin-orders-status--danger {
  background: #431818;
  color: #fca5a5;
}

.night-mode .admin-orders-status--neutral,
html.night-mode .admin-orders-status--neutral,
html[data-theme="dark"] .admin-orders-status--neutral {
  background: #263041;
  color: #e5e7eb;
}

.night-mode .admin-order-detail-head h3,
html.night-mode .admin-order-detail-head h3,
html[data-theme="dark"] .admin-order-detail-head h3,
.night-mode .admin-order-detail-panel h4,
html.night-mode .admin-order-detail-panel h4,
html[data-theme="dark"] .admin-order-detail-panel h4,
.night-mode .admin-order-detail-panel dd,
html.night-mode .admin-order-detail-panel dd,
html[data-theme="dark"] .admin-order-detail-panel dd {
  color: #f8fafc;
}

.night-mode .admin-order-detail-head span,
html.night-mode .admin-order-detail-head span,
html[data-theme="dark"] .admin-order-detail-head span,
.night-mode .admin-orders-back,
html.night-mode .admin-orders-back,
html[data-theme="dark"] .admin-orders-back,
.night-mode .admin-order-detail-panel dt,
html.night-mode .admin-order-detail-panel dt,
html[data-theme="dark"] .admin-order-detail-panel dt {
  color: #cbd5e1;
}

.night-mode .admin-order-detail-panel dl > div,
html.night-mode .admin-order-detail-panel dl > div,
html[data-theme="dark"] .admin-order-detail-panel dl > div {
  border-color: #293142;
}

.night-mode .admin-order-json-grid strong,
html.night-mode .admin-order-json-grid strong,
html[data-theme="dark"] .admin-order-json-grid strong,
.night-mode .admin-order-items-block > strong,
html.night-mode .admin-order-items-block > strong,
html[data-theme="dark"] .admin-order-items-block > strong {
  color: #e5e7eb;
}

.night-mode .admin-order-json-grid pre,
html.night-mode .admin-order-json-grid pre,
html[data-theme="dark"] .admin-order-json-grid pre {
  background: #111827;
  border-color: #293142;
  color: #e5e7eb;
}

/* Site banners */
.night-mode .site-banner-admin-preview,
html.night-mode .site-banner-admin-preview,
html[data-theme="dark"] .site-banner-admin-preview {
  border-color: #293142;
}

.night-mode .sr-site-banner__close,
html.night-mode .sr-site-banner__close,
html[data-theme="dark"] .sr-site-banner__close {
  background: rgba(255, 255, 255, .14);
}

.night-mode .admin-manage-promote-form select,
.night-mode .admin-user-actions select,
html.night-mode .admin-manage-promote-form select,
html.night-mode .admin-user-actions select,
html[data-theme="dark"] .admin-manage-promote-form select,
html[data-theme="dark"] .admin-user-actions select {
  background: #1d1b1b;
  border-color: rgba(255, 255, 255, 0.14);
  color: #f8fafc;
}

/* ── SR Report / Page Stats - dark mode ───────────────── */
html.night-mode .sr-report-tabs         { border-color: var(--ads-border); }
html.night-mode .sr-report-toolbar      { background: var(--ads-surface-alt); border-color: var(--ads-border); }
html.night-mode .sr-report-search input { background: var(--ads-surface); border-color: var(--ads-border); color: var(--ads-text); }
html.night-mode .sr-report-footer       { background: var(--ads-surface-alt); border-color: var(--ads-border); }
html.night-mode .sr-page-stat           { background: var(--ads-surface); border-color: var(--ads-border); }
html.night-mode .sr-flash--ok           { background: rgba(21,128,61,.15); }
html.night-mode .sr-flash--err          { background: rgba(185,28,28,.14); }
html.night-mode .sr-contact-hero        { border-color: var(--ads-border); }

.night-mode .sr-doc-card,
html.night-mode .sr-doc-card,
html[data-theme="dark"] .sr-doc-card {
  background: #1d1b1b;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.night-mode .sr-doc-card__meta div,
html.night-mode .sr-doc-card__meta div,
html[data-theme="dark"] .sr-doc-card__meta div {
  border-color: rgba(255, 255, 255, 0.08);
}

.night-mode .sr-doc-card h2,
.night-mode .sr-doc-card__meta dd,
.night-mode .sr-docs-toolbar__text,
html.night-mode .sr-doc-card h2,
html.night-mode .sr-doc-card__meta dd,
html.night-mode .sr-docs-toolbar__text,
html[data-theme="dark"] .sr-doc-card h2,
html[data-theme="dark"] .sr-doc-card__meta dd,
html[data-theme="dark"] .sr-docs-toolbar__text {
  color: #f8fafc;
}

.night-mode .sr-doc-card p,
.night-mode .sr-doc-card__eyebrow,
.night-mode .sr-doc-card__meta dt,
.night-mode .sr-docs-toolbar__text span,
html.night-mode .sr-doc-card p,
html.night-mode .sr-doc-card__eyebrow,
html.night-mode .sr-doc-card__meta dt,
html.night-mode .sr-docs-toolbar__text span,
html[data-theme="dark"] .sr-doc-card p,
html[data-theme="dark"] .sr-doc-card__eyebrow,
html[data-theme="dark"] .sr-doc-card__meta dt,
html[data-theme="dark"] .sr-docs-toolbar__text span {
  color: #cbd5e1;
}

.night-mode .ads-icon-btn,
html.night-mode .ads-icon-btn,
html[data-theme="dark"] .ads-icon-btn {
  background: #1d1b1b;
  border-color: rgba(255, 255, 255, .12);
  color: #D4D4D4;
}

.night-mode .ads-icon-btn:hover,
.night-mode .ads-icon-btn:focus,
.night-mode .ads-icon-btn.is-copied,
html.night-mode .ads-icon-btn:hover,
html.night-mode .ads-icon-btn:focus,
html.night-mode .ads-icon-btn.is-copied,
html[data-theme="dark"] .ads-icon-btn:hover,
html[data-theme="dark"] .ads-icon-btn:focus,
html[data-theme="dark"] .ads-icon-btn.is-copied {
  background: #D4D4D4;
  border-color: #D4D4D4;
  color: #1a0101;
}

.night-mode .sr-json-details summary,
html.night-mode .sr-json-details summary,
html[data-theme="dark"] .sr-json-details summary {
  color: #D4D4D4;
}

.night-mode .sr-json-details pre,
html.night-mode .sr-json-details pre,
html[data-theme="dark"] .sr-json-details pre {
  background: #111827;
  border-color: #293142;
  color: #e5e7eb;
}

.night-mode .deleted-event-card,
html.night-mode .deleted-event-card,
html[data-theme="dark"] .deleted-event-card,
.night-mode .deleted-event-meta div,
html.night-mode .deleted-event-meta div,
html[data-theme="dark"] .deleted-event-meta div {
  background: #1d1b1b;
  border-color: rgba(255, 255, 255, .1);
  box-shadow: none;
}

.night-mode .deleted-event-card__head h2,
html.night-mode .deleted-event-card__head h2,
html[data-theme="dark"] .deleted-event-card__head h2,
.night-mode .deleted-event-meta strong,
html.night-mode .deleted-event-meta strong,
html[data-theme="dark"] .deleted-event-meta strong {
  color: #f8fafc;
}

.night-mode .deleted-event-card__head p,
html.night-mode .deleted-event-card__head p,
html[data-theme="dark"] .deleted-event-card__head p,
.night-mode .deleted-event-meta span,
html.night-mode .deleted-event-meta span,
html[data-theme="dark"] .deleted-event-meta span,
.night-mode .deleted-event-restore label,
html.night-mode .deleted-event-restore label,
html[data-theme="dark"] .deleted-event-restore label {
  color: #cbd5e1;
}

/* Pricing page */
.night-mode .pricing-main,
html.night-mode .pricing-main,
html[data-theme="dark"] .pricing-main {
  background: linear-gradient(180deg, #110f12 0%, #151719 46%, #111827 100%);
  color: #f8fafc;
}

.night-mode .pricing-hero,
html.night-mode .pricing-hero,
html[data-theme="dark"] .pricing-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(248, 129, 129, .16), transparent 28%),
    linear-gradient(135deg, #170506 0%, #3a0b10 54%, #5f151c 100%);
}

html.night-mode .sr-market-context,
html[data-theme="dark"] .sr-market-context {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .92);
}

.night-mode .pricing-rate-card,
html.night-mode .pricing-rate-card,
html[data-theme="dark"] .pricing-rate-card,
.night-mode .pricing-stat,
html.night-mode .pricing-stat,
html[data-theme="dark"] .pricing-stat,
.night-mode .pricing-feature-card,
html.night-mode .pricing-feature-card,
html[data-theme="dark"] .pricing-feature-card,
.night-mode .pricing-panel,
html.night-mode .pricing-panel,
html[data-theme="dark"] .pricing-panel,
.night-mode .pricing-step,
html.night-mode .pricing-step,
html[data-theme="dark"] .pricing-step,
.night-mode .pricing-support__inner,
html.night-mode .pricing-support__inner,
html[data-theme="dark"] .pricing-support__inner {
  background: #1d1b1b;
  border-color: rgba(255, 255, 255, .1);
  box-shadow: none;
}

.night-mode .pricing-section--split,
html.night-mode .pricing-section--split,
html[data-theme="dark"] .pricing-section--split {
  background: #151719;
}

.night-mode .pricing-rate-card__value,
html.night-mode .pricing-rate-card__value,
html[data-theme="dark"] .pricing-rate-card__value,
.night-mode .pricing-kicker,
html.night-mode .pricing-kicker,
html[data-theme="dark"] .pricing-kicker {
  color: #D4D4D4;
}

.night-mode .pricing-rate-card__suffix,
html.night-mode .pricing-rate-card__suffix,
html[data-theme="dark"] .pricing-rate-card__suffix,
.night-mode .pricing-stat strong,
html.night-mode .pricing-stat strong,
html[data-theme="dark"] .pricing-stat strong,
.night-mode .pricing-section-head h2,
html.night-mode .pricing-section-head h2,
html[data-theme="dark"] .pricing-section-head h2,
.night-mode .pricing-panel h2,
html.night-mode .pricing-panel h2,
html[data-theme="dark"] .pricing-panel h2,
.night-mode .pricing-support h2,
html.night-mode .pricing-support h2,
html[data-theme="dark"] .pricing-support h2,
.night-mode .pricing-feature-card h3,
html.night-mode .pricing-feature-card h3,
html[data-theme="dark"] .pricing-feature-card h3,
.night-mode .pricing-step h3,
html.night-mode .pricing-step h3,
html[data-theme="dark"] .pricing-step h3,
.night-mode .pricing-example strong,
html.night-mode .pricing-example strong,
html[data-theme="dark"] .pricing-example strong {
  color: #f8fafc;
}

.night-mode .pricing-rate-card__label,
.night-mode .pricing-rate-card__note,
html.night-mode .pricing-rate-card__label,
html.night-mode .pricing-rate-card__note,
html[data-theme="dark"] .pricing-rate-card__label,
html[data-theme="dark"] .pricing-rate-card__note,
.night-mode .pricing-stat span,
html.night-mode .pricing-stat span,
html[data-theme="dark"] .pricing-stat span,
.night-mode .pricing-section-head p,
html.night-mode .pricing-section-head p,
html[data-theme="dark"] .pricing-section-head p,
.night-mode .pricing-panel p,
html.night-mode .pricing-panel p,
html[data-theme="dark"] .pricing-panel p,
.night-mode .pricing-support p,
html.night-mode .pricing-support p,
html[data-theme="dark"] .pricing-support p,
.night-mode .pricing-feature-card p,
html.night-mode .pricing-feature-card p,
html[data-theme="dark"] .pricing-feature-card p,
.night-mode .pricing-step p,
html.night-mode .pricing-step p,
html[data-theme="dark"] .pricing-step p,
.night-mode .pricing-example span,
html.night-mode .pricing-example span,
html[data-theme="dark"] .pricing-example span {
  color: #cbd5e1;
}

.night-mode .pricing-feature-card__icon,
html.night-mode .pricing-feature-card__icon,
html[data-theme="dark"] .pricing-feature-card__icon,
.night-mode .pricing-stat__icon,
html.night-mode .pricing-stat__icon,
html[data-theme="dark"] .pricing-stat__icon {
  background: rgba(255, 138, 138, .13);
  color: #D4D4D4;
}

.night-mode .pricing-stat--green .pricing-stat__icon,
html.night-mode .pricing-stat--green .pricing-stat__icon,
html[data-theme="dark"] .pricing-stat--green .pricing-stat__icon {
  background: rgba(134, 239, 172, .14);
  color: #86efac;
}

.night-mode .pricing-stat--blue .pricing-stat__icon,
html.night-mode .pricing-stat--blue .pricing-stat__icon,
html[data-theme="dark"] .pricing-stat--blue .pricing-stat__icon {
  background: rgba(125, 211, 252, .14);
  color: #7dd3fc;
}

.night-mode .pricing-example div,
html.night-mode .pricing-example div,
html[data-theme="dark"] .pricing-example div {
  background: #241d1d;
  border-color: rgba(255, 255, 255, .1);
}

.night-mode .pricing-step > span,
html.night-mode .pricing-step > span,
html[data-theme="dark"] .pricing-step > span {
  background: #1f5d50;
}

.night-mode .pricing-support__inner,
html.night-mode .pricing-support__inner,
html[data-theme="dark"] .pricing-support__inner {
  background:
    linear-gradient(135deg, rgba(255, 138, 138, .08), rgba(125, 211, 252, .07)),
    #1d1b1b;
}

/* event-filter.php / category.php dark-mode overrides */
html.night-mode .sr-search-card {
  background: #1e1e22;
  border-color: rgba(255, 255, 255, 0.08);
}

html.night-mode .sr-search-card:hover {
  border-color: rgba(255, 255, 255, 0.18);
}

html.night-mode .sr-search-card__title {
  color: #f0eee8;
}

html.night-mode .sr-search-filter-item {
  background: #1a1a1f;
  border-color: rgba(255, 255, 255, 0.1);
  color: #d8d5cf;
}

html.night-mode .sr-search-filter-item:hover,
html.night-mode .sr-search-filter-item.active {
  background: rgba(123, 2, 2, 0.18);
  border-color: var(--sr-primary);
  color: #D4D4D4;
}

html.night-mode .sr-search-empty {
  background: #1a1a1f;
  border-color: rgba(255, 255, 255, 0.08);
}

html.night-mode .ef-cat-hero-icon {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}


/* status.php / site-map.php dark mode */
html.night-mode .sr-status-row { background: #1a1a1f; }
html.night-mode .sr-status-grid { border-color: rgba(255,255,255,.08); }
html.night-mode .sr-status-row:not(:last-child) { border-color: rgba(255,255,255,.06); }
html.night-mode .sr-status-banner--ok  { background: rgba(16,185,129,.15); color: #6ee7b7; }
html.night-mode .sr-status-banner--warn { background: rgba(245,158,11,.12); color: #fcd34d; }
html.night-mode .sr-status-banner--down { background: rgba(239,68,68,.12); color: #fca5a5; }
html.night-mode .sr-status-pill--ok  { background: rgba(16,185,129,.15); color: #6ee7b7; }
html.night-mode .sr-status-pill--warn { background: rgba(245,158,11,.12); color: #fcd34d; }
html.night-mode .sr-status-pill--down { background: rgba(239,68,68,.12); color: #fca5a5; }
html.night-mode .sr-sitemap {
  background: #0e0404;
  color: #f5ecea;
}
html.night-mode .sr-sitemap-section__heading {
  color: #D4D4D4;
  border-bottom-color: rgba(255, 138, 138, .22);
}
html.night-mode .sr-sitemap-section__list a { color: #d8d5cf; }
html.night-mode .sr-sitemap-section__list a:hover { color: #D4D4D4; }
html.night-mode .sr-sitemap-section__list a i { color: #9ca3af; }
html.night-mode .sr-sitemap-section__list a:hover i { color: #D4D4D4; }

/* ═══════════════════════════════════════════════════════════════
   CAREERS PAGE  -  /careers
   ═══════════════════════════════════════════════════════════════ */

/* 1. Override CSS variable tokens - all surface/text/border tokens
      flip automatically for every component that uses them */
html.night-mode .careers-page {
  --careers-text:         #f0ecea;
  --careers-muted:        #c4a0a0;
  --careers-border:       rgba(255, 180, 180, .10);
  --careers-surface:      #1a0606;
  --careers-surface-alt:  #130404;
  --careers-primary-soft: rgba(255, 122, 122, .12);
  background: #0e0404;
}

/* 2. Hero - hardcoded light gradient to deep dark */
html.night-mode .careers-hero {
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .03), transparent 32%),
    radial-gradient(circle at 82% 8%,  rgba(255, 255, 255, .02), transparent 26%),
    linear-gradient(135deg, #1c0404 0%, #120202 48%, #080101 100%);
}

/* 3. Hero text - hardcoded dark colours to light */
html.night-mode .careers-hero__title { color: #f5ecea; }
html.night-mode .careers-hero__text  { color: #c4a0a0; }

/* 4. Dampen the decorative glow blobs */
html.night-mode .careers-hero__glow  { opacity: .12; }

/* 5. Ghost button inside the hero */
html.night-mode .careers-hero .careers-btn--ghost {
  color: rgba(255, 255, 255, .88);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .18);
}
html.night-mode .careers-hero .careers-btn--ghost:hover {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

/* 6. Section with soft tinted background */
html.night-mode .careers-section--soft {
  background:
    linear-gradient(180deg, rgba(255, 122, 122, .03), transparent),
    var(--careers-surface-alt);
}

/* 7. Card hover shadows - make visible on dark surfaces */
html.night-mode .careers-feature-card:hover,
html.night-mode .careers-benefit-card:hover {
  border-color: rgba(255, 122, 122, .28);
  box-shadow: 0 22px 50px rgba(0, 0, 0, .38);
}
html.night-mode .careers-team-item:hover   { border-color: rgba(255, 122, 122, .22); }
html.night-mode .careers-process__step:hover { border-color: rgba(255, 122, 122, .22); }

/* 8. Intro / spec boxes - deepen shadow */
html.night-mode .careers-intro__box,
html.night-mode .careers-spec__box {
  box-shadow: 0 20px 54px rgba(0, 0, 0, .30);
}

/* 9. Spec box gradient tint */
html.night-mode .careers-spec__box {
  background:
    linear-gradient(135deg, rgba(255, 122, 122, .07), transparent 60%),
    var(--careers-surface-alt);
  border-color: rgba(255, 122, 122, .16);
}

/* 10. Dark bands already dark - deepen slightly */
html.night-mode .careers-mission,
html.night-mode .careers-cta {
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .05), transparent 30%),
    linear-gradient(135deg, #080000, #4a0101);
}

/* 11. Empty-state dashed box */
html.night-mode .careers-empty {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 122, 122, .09), transparent 38%),
    var(--careers-surface);
  border-color: rgba(255, 122, 122, .22);
}

/* ═══════════════════════════════════════════════════════════════
   SECURITY PAGE  -  /security
   ═══════════════════════════════════════════════════════════════ */

html.night-mode .security-page {
  --security-text:         #f0ecea;
  --security-muted:        #c4a0a0;
  --security-border:       rgba(255, 180, 180, .10);
  --security-surface:      #1a0606;
  --security-surface-alt:  #130404;
  --security-primary-soft: rgba(255, 122, 122, .12);
  background: #0e0404;
}

html.night-mode .security-hero {
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .03), transparent 32%),
    radial-gradient(circle at 82% 8%,  rgba(255, 255, 255, .02), transparent 26%),
    linear-gradient(135deg, #1c0404 0%, #120202 48%, #080101 100%);
}

html.night-mode .security-hero__title { color: #f5ecea; }
html.night-mode .security-hero__text  { color: #c4a0a0; }
html.night-mode .security-hero__glow  { opacity: .12; }

html.night-mode .security-hero .security-btn--ghost {
  color: rgba(255, 255, 255, .88);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .18);
}
html.night-mode .security-hero .security-btn--ghost:hover {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

html.night-mode .security-section--soft {
  background:
    linear-gradient(180deg, rgba(255, 122, 122, .03), transparent),
    var(--security-surface-alt);
}

html.night-mode .security-card:hover,
html.night-mode .security-tip:hover,
html.night-mode .security-disclosure-card:hover {
  border-color: rgba(255, 122, 122, .28);
  box-shadow: 0 22px 50px rgba(0, 0, 0, .38);
}

html.night-mode .security-layer:hover { border-color: rgba(255, 122, 122, .22); }

html.night-mode .security-intro__box,
html.night-mode .security-commitment {
  box-shadow: 0 20px 54px rgba(0, 0, 0, .30);
}

html.night-mode .security-report-box {
  background:
    linear-gradient(135deg, rgba(255, 122, 122, .07), transparent 60%),
    var(--security-surface-alt);
  border-color: rgba(255, 122, 122, .16);
}

html.night-mode .security-band,
html.night-mode .security-cta {
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .05), transparent 30%),
    linear-gradient(135deg, #080000, #4a0101);
}

/* ═══════════════════════════════════════════════════════════════
   ACCESSIBILITY PAGE  -  /accessibility
   ═══════════════════════════════════════════════════════════════ */

html.night-mode .accessibility-page {
  --accessibility-text:         #f0ecea;
  --accessibility-muted:        #c4a0a0;
  --accessibility-border:       rgba(255, 180, 180, .10);
  --accessibility-surface:      #1a0606;
  --accessibility-surface-alt:  #130404;
  --accessibility-primary-soft: rgba(255, 122, 122, .12);
  background: #0e0404;
}

html.night-mode .accessibility-hero {
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .03), transparent 32%),
    radial-gradient(circle at 82% 8%,  rgba(255, 255, 255, .02), transparent 26%),
    linear-gradient(135deg, #1c0404 0%, #120202 48%, #080101 100%);
}

html.night-mode .accessibility-hero__title { color: #f5ecea; }
html.night-mode .accessibility-hero__text  { color: #c4a0a0; }
html.night-mode .accessibility-hero__glow  { opacity: .12; }

html.night-mode .accessibility-hero .accessibility-btn--ghost {
  color: rgba(255, 255, 255, .88);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .18);
}
html.night-mode .accessibility-hero .accessibility-btn--ghost:hover {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

html.night-mode .accessibility-section--soft {
  background:
    linear-gradient(180deg, rgba(255, 122, 122, .03), transparent),
    var(--accessibility-surface-alt);
}

html.night-mode .accessibility-card:hover {
  border-color: rgba(255, 122, 122, .28);
  box-shadow: 0 22px 50px rgba(0, 0, 0, .38);
}

html.night-mode .accessibility-improve-item:hover { border-color: rgba(255, 122, 122, .22); }

html.night-mode .accessibility-intro__box,
html.night-mode .accessibility-standard,
html.night-mode .accessibility-limits {
  box-shadow: 0 20px 54px rgba(0, 0, 0, .30);
}

html.night-mode .accessibility-feedback {
  background:
    linear-gradient(135deg, rgba(255, 122, 122, .07), transparent 60%),
    var(--accessibility-surface);
  border-color: rgba(255, 122, 122, .16);
}

html.night-mode .accessibility-band,
html.night-mode .accessibility-cta {
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .05), transparent 30%),
    linear-gradient(135deg, #080000, #4a0101);
}

/* Band cards - already translucent white; darken slightly in night mode */
html.night-mode .accessibility-band-card {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .10);
}

/* Band card icon: white bg with primary colour to invert for dark */
html.night-mode .accessibility-band-card > div:first-child {
  background: rgba(255, 255, 255, .12);
  color: #ffaaaa;
}

/* ═══════════════════════════════════════════════════════════════
   FEAT-PAGE SYSTEM - careers.php / security.php / accessibility.php
   (and any other page using body.feat-page + feat-* / lp-* classes)
   ═══════════════════════════════════════════════════════════════ */

/* ── Page base ───────────────────────────────────────────────── */
html.night-mode body.feat-page {
  background: #0e0404;
  color:      #f5ecea;
}

/* ── Sections ────────────────────────────────────────────────── */
html.night-mode .feat-section          { background: #0e0404; }
html.night-mode .feat-section--alt     { background: #150606; }
html.night-mode .feat-section__kicker  { color: #D4D4D4; }
html.night-mode .feat-section__h2      { color: #f5ecea; }
html.night-mode .feat-section__sub     { color: #c4a0a0; }

/* ── Trust / stats strip ─────────────────────────────────────── */
html.night-mode .feat-trust            { background: #150606; border-bottom-color: rgba(255,180,180,.08); }
html.night-mode .feat-trust__item      { border-right-color: rgba(255,180,180,.08); }
html.night-mode .feat-trust__val       { color: #D4D4D4; }
html.night-mode .feat-trust__label     { color: #c4a0a0; }

/* ── Feature cards ───────────────────────────────────────────── */
html.night-mode .feat-card             { background: #1c0707; border-color: rgba(255,180,180,.10); }
html.night-mode .feat-card:hover       { border-color: rgba(255,122,122,.28); box-shadow: 0 12px 36px rgba(0,0,0,.32); }
html.night-mode .feat-card__icon       { background: rgba(255,122,122,.12); color: #D4D4D4; }
html.night-mode .feat-card__title      { color: #f5ecea; }
html.night-mode .feat-card__desc       { color: #c4a0a0; }

/* ── Spotlight rows ──────────────────────────────────────────── */
html.night-mode .feat-spot             { background: #0e0404; }
html.night-mode .feat-spot--alt        { background: #150606; }
html.night-mode .feat-spot__kicker     { color: #D4D4D4; }
html.night-mode .feat-spot__h2         { color: #f5ecea; }
html.night-mode .feat-spot__body       { color: #c4a0a0; }
html.night-mode .feat-spot__checklist li               { color: #f5ecea; }
html.night-mode .feat-spot__checklist li::before       {
  background-color: rgba(255,122,122,.12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ff8a8a' d='M16.7 5.3a1 1 0 010 1.4l-8 8a1 1 0 01-1.4 0l-3-3a1 1 0 011.4-1.4L8 12.59l7.3-7.3a1 1 0 011.4 0z'/%3E%3C/svg%3E");
}

/* ── FAQ (feat-faq variant) ──────────────────────────────────── */
html.night-mode .feat-faq              { background: #150606; }
html.night-mode .feat-faq__item        { border-color: rgba(255,180,180,.10); }
html.night-mode .feat-faq__q           { background: #1c0707; color: #f5ecea; }
html.night-mode .feat-faq__q:hover     { background: #240a0a; }
html.night-mode .feat-faq__q i         { color: #D4D4D4; }
html.night-mode .feat-faq__a           { color: #c4a0a0; }

/* ── LP stats strip ──────────────────────────────────────────── */
html.night-mode .lp-stats              { background: #130505; border-bottom-color: rgba(255,180,180,.10); }
html.night-mode .lp-stat               { border-right-color: rgba(255,180,180,.10); }
html.night-mode .lp-stat__val          { color: #D4D4D4; }
html.night-mode .lp-stat__label        { color: #c4a0a0; }

/* ── LP feature cards (6-up grid) ────────────────────────────── */
html.night-mode .lp-feat-card          { background: #1c0707; border-color: rgba(255,180,180,.10); }
html.night-mode .lp-feat-card:hover    { border-color: rgba(255,122,122,.28); box-shadow: 0 10px 30px rgba(0,0,0,.32); }
html.night-mode .lp-feat-icon          { background: rgba(255,122,122,.12); color: #D4D4D4; }
html.night-mode .lp-feat-title         { color: #f5ecea; }
html.night-mode .lp-feat-body          { color: #c4a0a0; }

/* ── LP type cards ───────────────────────────────────────────── */
html.night-mode .lp-type-card          { background: #1c0707; border-color: rgba(255,180,180,.10); }
html.night-mode .lp-type-card:hover    { border-color: rgba(255,122,122,.28); }
html.night-mode .lp-type-icon          { background: rgba(255,122,122,.12); color: #D4D4D4; }
html.night-mode .lp-type-title         { color: #f5ecea; }

/* ── LP trust / insight cards ────────────────────────────────── */
html.night-mode .lp-trust-card         { background: #1c0707; border-color: rgba(255,180,180,.10); }
html.night-mode .lp-trust-card__num    { color: #D4D4D4; }
html.night-mode .lp-trust-card__title  { color: #f5ecea; }
html.night-mode .lp-trust-card__body   { color: #c4a0a0; }

/* ── LP numbered steps ───────────────────────────────────────── */
html.night-mode .lp-step__title        { color: #f5ecea; }
html.night-mode .lp-step__body         { color: #c4a0a0; }
html.night-mode .lp-steps::before      {
  background: repeating-linear-gradient(
    90deg,
    rgba(255,180,180,.14) 0, rgba(255,180,180,.14) 6px,
    transparent 6px, transparent 14px
  );
}

/* ── LP dark band (disclosure / scanner sections) ────────────── */
/* Already dark by design; deepen slightly in night mode */
html.night-mode .lp-dark-band          {
  background:
    radial-gradient(circle at 8% 8%, rgba(255,255,255,.04), transparent 26rem),
    linear-gradient(145deg, #4a0101 0%, #240101 54%, #080101 100%);
}
html.night-mode .lp-dark-card          {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
}
html.night-mode .lp-dark-card__icon    { background: rgba(255,255,255,.09); }

/* ── LP FAQ (lp-faq variant) ─────────────────────────────────── */
html.night-mode .lp-faq-item           { background: #1c0707; border-color: rgba(255,180,180,.10); }
html.night-mode .lp-faq-q              { background: #1c0707; color: #f5ecea; }
html.night-mode .lp-faq-q:hover        { background: #240a0a; }
html.night-mode .lp-faq-q i            { color: #D4D4D4; }
html.night-mode .lp-faq-a              { color: #c4a0a0; }

/* ── CTA band (feat-cta) - already dark gradient; minor tuning ── */
html.night-mode .feat-cta              {
  background:
    radial-gradient(circle at 14% 10%, rgba(255,255,255,.05), transparent 24rem),
    linear-gradient(135deg, #4a0101 0%, #280101 52%, #0a0101 100%);
}

/* ── Buttons on light sections ───────────────────────────────── */
/* feat-btn-primary is white with dark red text - stays crisp on dark bg */
html.night-mode .feat-section .feat-btn-primary,
html.night-mode .feat-section--alt .feat-btn-primary {
  background: #D4D4D4;
  color: #1a0101;
  box-shadow: 0 8px 24px rgba(255,122,122,.22);
}
html.night-mode .feat-section .feat-btn-primary:hover,
html.night-mode .feat-section--alt .feat-btn-primary:hover {
  background: #ffaaaa;
  box-shadow: 0 14px 32px rgba(255,122,122,.30);
  color: #1a0101;
}

/* ── Careers: open-positions empty-state box ─────────────────── */
html.night-mode .feat-section [style*="border: 2px dashed"],
html.night-mode .feat-section--alt [style*="border: 2px dashed"] {
  border-color: rgba(255,122,122,.22);
  background: #1c0707;
}

/* ── Status page inline boxes used on light sections ─────────── */
html.night-mode .feat-section [style*="background:var(--sr-surface-alt)"],
html.night-mode .feat-section--alt [style*="background:var(--sr-surface-alt)"] {
  background: #1c0707;
  border-color: rgba(255,180,180,.10);
}

/* ═══════════════════════════════════════════════════════════════
   ADMIN DASHBOARD PAGE  -  admin/panel-overview.php
   and any page using body.admin-dashboard-page + kpi-* / dash-*
   ═══════════════════════════════════════════════════════════════ */

/* 1. Override CSS variable tokens - fixes all components that use var(--sr-*) */
html.night-mode body.admin-dashboard-page {
  --sr-card-bg: #1a1a20;
  --sr-border:  rgba(255, 255, 255, .07);
  --sr-muted:   #9ca3af;
  background:   #111317;
}

/* 2. Hardcoded values not covered by variables */
html.night-mode .kpi-value               { color: #f3f4f6; }
html.night-mode .kpi-card:hover          { box-shadow: 0 4px 16px rgba(0,0,0,.30); }
html.night-mode .dash-greeting-text h2   { color: #f3f4f6; }
html.night-mode .dash-card-header h6     { color: #e5e7eb; }

/* 3. KPI icon tinted backgrounds */
html.night-mode .kpi-icon.blue    { background: rgba(59, 130, 246, .14); color: #93c5fd; }
html.night-mode .kpi-icon.green   { background: rgba(16, 185, 129, .14); color: #6ee7b7; }
html.night-mode .kpi-icon.orange  { background: rgba(249, 115, 22,  .14); color: #fdba74; }
html.night-mode .kpi-icon.purple  { background: rgba(139, 92, 246,  .14); color: #c4b5fd; }
html.night-mode .kpi-icon.slate   { background: rgba(100, 116, 139, .14); color: #cbd5e1; }
html.night-mode .kpi-icon.red     { background: rgba(220, 38,  38,  .14); color: #fca5a5; }

/* 4. Attention banner - yellow to warm dark amber */
html.night-mode .attention-banner {
  background: rgba(120, 80, 0, .20);
  border-color: rgba(251, 191, 36, .22);
}
html.night-mode .attention-banner__title {
  color: #f59e0b;
}
html.night-mode .admin-dashboard__event-link,
html.night-mode .admin-dashboard__user-link {
  color: #93c5fd;
}
html.night-mode .admin-dashboard__email {
  color: #94a3b8;
}
html.night-mode .attention-pill {
  background:   rgba(251, 191, 36, .12);
  border-color: rgba(251, 191, 36, .22);
  color:        #fcd34d;
}
html.night-mode .attention-pill:hover {
  background: rgba(251, 191, 36, .22);
  color: #fef3c7;
}

/* 5. Activity / data tables */
html.night-mode .activity-table th {
  background:    #1f2028;
  color:         #9ca3af;
  border-color:  rgba(255,255,255,.07);
}
html.night-mode .activity-table td { border-color: rgba(255,255,255,.05); }
html.night-mode .activity-table tr:hover td { background: #1f2028; }

/* 6. Status badges */
html.night-mode .sr-badge-success { background: rgba(16,185,129,.14); color: #6ee7b7; }
html.night-mode .sr-badge-warn    { background: rgba(245,158,11,.14);  color: #fcd34d; }
html.night-mode .sr-badge-danger  { background: rgba(239,68,68,.14);   color: #fca5a5; }
html.night-mode .sr-badge-muted   { background: rgba(100,116,139,.14); color: #cbd5e1; }
html.night-mode .sr-badge-blue    { background: rgba(59,130,246,.14);  color: #93c5fd; }

/* 7. System status rows */
html.night-mode .sys-stat           { border-color: rgba(255,255,255,.06); }
html.night-mode .sys-stat-label     { color: #d1d5db; }

/* 8. Quick-action buttons */
html.night-mode .quick-action {
  background:   #1f2028;
  border-color: rgba(255,255,255,.07);
  color:        #d1d5db;
}
html.night-mode .quick-action i     { color: #93c5fd; }
html.night-mode .quick-action:hover {
  background:   #252733;
  border-color: rgba(99,179,237,.30);
  color:        #93c5fd;
}

/* ═══════════════════════════════════════════════════════════════
   ORGANISER OVERVIEW  -  organiser/panel-overview.php
   sr-org-* CSS system
   ═══════════════════════════════════════════════════════════════ */

html.night-mode .sr-org-overview    { color: #e5e7eb; }

/* Cards / panels - white to dark surface */
html.night-mode .sr-org-kpi,
html.night-mode .sr-org-panel,
html.night-mode .sr-org-link-card,
html.night-mode .sr-org-event-row {
  background:   #1a1a20;
  border-color: rgba(255,255,255,.07);
  box-shadow:   0 12px 32px rgba(0,0,0,.22);
}

/* KPI card values & labels */
html.night-mode .sr-org-kpi         { color: #e5e7eb; }
html.night-mode .sr-org-kpi:hover,
html.night-mode .sr-org-link-card:hover {
  border-color: rgba(255,255,255,.15);
  color: #f3f4f6;
}
html.night-mode .sr-org-kpi-value   { color: #f3f4f6; }
html.night-mode .sr-org-kpi-label,
html.night-mode .sr-org-muted       { color: #9ca3af; }

/* Panel headings */
html.night-mode .sr-org-panel-title h2 { color: #f3f4f6; }

/* Event card */
html.night-mode .sr-org-event-title    { color: #f3f4f6; }
html.night-mode .sr-org-event-media    { background: #252733; }
html.night-mode .sr-org-event-media-fallback { color: #6b7280; }
html.night-mode .sr-org-event-thumb    { background: #252733; }

/* Mini stats */
html.night-mode .sr-org-mini-stat {
  background:   #252733;
  border-color: rgba(255,255,255,.07);
}
html.night-mode .sr-org-mini-stat strong { color: #f3f4f6; }

/* Table */
html.night-mode .sr-org-table th {
  color:        #9ca3af;
  border-color: rgba(255,255,255,.07);
}
html.night-mode .sr-org-table td  { border-color: rgba(255,255,255,.05); }

/* Link card icon */
html.night-mode .sr-org-link-card i {
  background: rgba(59,130,246,.14);
  color:      #93c5fd;
}
html.night-mode .sr-org-link-card strong { color: #f3f4f6; }

/* Checklist items */
html.night-mode .sr-org-check-item {
  border-color: rgba(255,255,255,.07);
  color:        #e5e7eb;
}
html.night-mode .sr-org-check-done { background: rgba(16,185,129,.14); color: #6ee7b7; }
html.night-mode .sr-org-check-todo { background: rgba(100,116,139,.14); color: #9ca3af; }

/* Status badges */
html.night-mode .sr-org-badge-active,
html.night-mode .sr-org-badge-processed,
html.night-mode .sr-org-badge-successful,
html.night-mode .sr-org-badge-completed { background: rgba(16,185,129,.14); color: #6ee7b7; }

html.night-mode .sr-org-badge-private,
html.night-mode .sr-org-badge-pending   { background: rgba(245,158,11,.14); color: #fcd34d; }

html.night-mode .sr-org-badge-cancelled,
html.night-mode .sr-org-badge-expired,
html.night-mode .sr-org-badge-failed    { background: rgba(239,68,68,.14);  color: #fca5a5; }

/* Empty state */
html.night-mode .sr-org-empty {
  background:   #1f2028;
  border-color: rgba(255,255,255,.10);
  color:        #9ca3af;
}

/* ═══════════════════════════════════════════════════════════════
   SR-REPORT / SR-PAGE-STAT SYSTEM  -  report + booking pages
   Extends the partial overrides already present above
   ═══════════════════════════════════════════════════════════════ */

html.night-mode .sr-report-hero        { background: #1a1a20; border-color: rgba(255,255,255,.07); }
html.night-mode .sr-report-hero h1     { color: #f3f4f6; }
html.night-mode .sr-report-hero p      { color: #9ca3af; }
html.night-mode .sr-report-tab         { color: #9ca3af; border-color: transparent; }
html.night-mode .sr-report-tab:hover   { background: #252733; color: #e5e7eb; }
html.night-mode .sr-report-tab--active {
  background:   #252733;
  border-color: rgba(255,255,255,.10);
  color:        #f3f4f6;
}
html.night-mode .sr-report-tab__count  { background: rgba(255,255,255,.10); color: #d1d5db; }
html.night-mode .sr-report-tab--active .sr-report-tab__count { background: #7b0202; color: #fff; }
html.night-mode .sr-report-search-icon { color: #9ca3af; }
html.night-mode .sr-page-stat__label   { color: #9ca3af; }
html.night-mode .sr-page-stat__value   { color: #f3f4f6; }
html.night-mode .sr-page-stat--red   .sr-page-stat__value { color: #fca5a5; }
html.night-mode .sr-page-stat--green .sr-page-stat__value { color: #6ee7b7; }
html.night-mode .sr-page-stat--amber .sr-page-stat__value { color: #fcd34d; }
html.night-mode .sr-page-stat--blue  .sr-page-stat__value { color: #93c5fd; }

/* ═══════════════════════════════════════════════════════════════
   EVENT PUBLIC PAGE  -  event/ev.php
   Uses .sr-event-shell CSS variable scope
   ═══════════════════════════════════════════════════════════════ */

/* 1. Override CSS variable tokens - most components auto-flip */
html.night-mode .sr-event-shell {
  --sr-page-bg:   #0f0f13;
  --sr-card-bg:   #1a1a20;
  --sr-soft-bg:   #252530;
  --sr-text:      #f3f4f6;
  --sr-muted:     #9ca3af;
  --sr-border:    rgba(255, 255, 255, .08);
  --sr-shadow-sm: 0 8px 24px rgba(0, 0, 0, .24);
  --sr-shadow-md: 0 14px 34px rgba(0, 0, 0, .30);
}

/* 2. Page background */
html.night-mode body.sr-event-public-page { background: #0f0f13; }

/* 3. Rich text body copy - hardcoded #3f3f3f */
html.night-mode .sr-rich-text              { color: #d1d5db; }
html.night-mode .sr-rich-text h1,
html.night-mode .sr-rich-text h2,
html.night-mode .sr-rich-text h3,
html.night-mode .sr-rich-text h4           { color: #f3f4f6; }

/* 4. Ticket & addon cards - hardcoded #fff */
html.night-mode .sr-ticket-card {
  background:   #1f1f28;
  border-color: rgba(255, 255, 255, .09);
}

/* 5. Quantity counter - hardcoded #fff */
html.night-mode .counter {
  background:   #1f1f28;
  border-color: rgba(255, 255, 255, .09);
}
html.night-mode .counter input {
  background:   #1f1f28;
  color:        #f3f4f6;
  border-color: rgba(255, 255, 255, .09);
}
html.night-mode .counter span { color: #f3f4f6; }

/* 6. More events carousel cards - hardcoded #fff */
html.night-mode .sr-more-card {
  background:   #1a1a20;
  border-color: rgba(255, 255, 255, .08);
}

/* 7. Gallery thumbnails - hardcoded #ddd placeholder */
html.night-mode .sr-gallery button { background: #252530; }

/* 8. Detail section icon - hardcoded rgba(255,45,85,.1) pink tint */
html.night-mode .sr-detail__icon {
  background: rgba(255, 100, 100, .12);
  color:      #D4D4D4;
}

/* 9. Submit button: dark bg is invisible on dark page - flip to light */
html.night-mode .sr-btn--dark {
  background: #e5e7eb;
  color:      #111827;
}
html.night-mode .sr-btn--dark:hover { background: #f9fafb; }

/* 10. Image modal */
html.night-mode #imageModal .modal-content { background: #111; }

/* 11. Countdown numbers - #7a0000 is too dark against dark surface */
html.night-mode .sr-countdown span { color: #D4D4D4; }


body.night-mode .sitemap-page,
html.night-mode .sitemap-page,
[data-theme="dark"] .sitemap-page {
  --sitemap-primary: #ffb3b3;
  --sitemap-primary-dark: #ffd0d0;
  --sitemap-primary-soft: rgba(255, 179, 179, .1);
  --sitemap-text: #f4f4f5;
  --sitemap-muted: rgba(244, 244, 245, .68);
  --sitemap-border: rgba(255, 255, 255, .1);
  --sitemap-surface: #151515;
  --sitemap-surface-alt: #0f0f10;
  --sitemap-link-bg: #171717;
  --sitemap-link-hover: rgba(255, 179, 179, .1);
  background: var(--sitemap-surface-alt);
  color: var(--sitemap-text);
}

body.night-mode .sitemap-header,
html.night-mode .sitemap-header,
[data-theme="dark"] .sitemap-header {
  background:
    linear-gradient(180deg, rgba(255, 179, 179, .06), transparent 72%),
    var(--sitemap-surface);
  border-bottom-color: var(--sitemap-border);
}

body.night-mode .sitemap-panel,
html.night-mode .sitemap-panel,
[data-theme="dark"] .sitemap-panel {
  background: var(--sitemap-surface);
  border-color: var(--sitemap-border);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

body.night-mode .sitemap-panel__head,
html.night-mode .sitemap-panel__head,
[data-theme="dark"] .sitemap-panel__head {
  background:
    linear-gradient(135deg, rgba(255, 179, 179, .07), transparent 68%),
    #181818;
  border-bottom-color: var(--sitemap-border);
}

body.night-mode .sitemap-panel__head h2,
html.night-mode .sitemap-panel__head h2,
[data-theme="dark"] .sitemap-panel__head h2,
body.night-mode .sitemap-header h1,
html.night-mode .sitemap-header h1,
[data-theme="dark"] .sitemap-header h1 {
  color: var(--sitemap-text);
}

body.night-mode .sitemap-header p:not(.sitemap-kicker),
html.night-mode .sitemap-header p:not(.sitemap-kicker),
[data-theme="dark"] .sitemap-header p:not(.sitemap-kicker) {
  color: var(--sitemap-muted);
}


body.night-mode .sitemap-list a,
html.night-mode .sitemap-list a,
[data-theme="dark"] .sitemap-list a {
  color: var(--sitemap-text);
}


body.night-mode .sitemap-list a:hover,
body.night-mode .sitemap-list a:focus,
html.night-mode .sitemap-list a:hover,
html.night-mode .sitemap-list a:focus,
[data-theme="dark"] .sitemap-list a:hover,
[data-theme="dark"] .sitemap-list a:focus {
  color: var(--sitemap-primary);
  background: var(--sitemap-link-hover);
}

body.night-mode .sitemap-list i,
body.night-mode .sitemap-kicker,
html.night-mode .sitemap-list i,
html.night-mode .sitemap-kicker,
[data-theme="dark"] .sitemap-list i,
[data-theme="dark"] .sitemap-kicker {
  color: var(--sitemap-primary);
}

body.night-mode .sitemap-panel__icon,
html.night-mode .sitemap-panel__icon,
[data-theme="dark"] .sitemap-panel__icon {
  color: var(--sitemap-primary);
  background: var(--sitemap-primary-soft);
}

body.night-mode .sitemap-list--countries::-webkit-scrollbar-thumb,
html.night-mode .sitemap-list--countries::-webkit-scrollbar-thumb,
[data-theme="dark"] .sitemap-list--countries::-webkit-scrollbar-thumb {
  background: rgba(255, 179, 179, .22);
}

/* ============================================================
   NIGHT-MODE OVERRIDES - batch sweep 2025
   ============================================================ */

/* ── live-chat.php ──────────────────────────────────────── */
html.night-mode .live-chat-page {
  background: #0f0f13;
  color: #f3f4f6;
}
html.night-mode .live-chat-hero {
  background: linear-gradient(135deg, rgba(100,0,0,.18), rgba(14,165,233,.10)), #111317;
  border-bottom-color: rgba(255,255,255,.08);
}
html.night-mode .live-chat-hero h1 {
  color: #f3f4f6;
}
html.night-mode .live-chat-lead {
  color: #9ca3af;
}
html.night-mode .live-chat-secondary {
  background: #1a1a20;
  color: #f3f4f6;
  border-color: rgba(255,255,255,.12);
}
html.night-mode .live-chat-secondary:hover,
html.night-mode .live-chat-secondary:focus {
  color: #f3f4f6;
  border-color: rgba(255,255,255,.22);
}
html.night-mode .live-chat-status {
  background: rgba(16,185,129,.14);
  color: #6ee7b7;
}
html.night-mode .live-chat-panel,
html.night-mode .live-chat-card {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .live-chat-panel h2,
html.night-mode .live-chat-side h2,
html.night-mode .live-chat-card h3 {
  color: #f3f4f6;
}
html.night-mode .live-chat-panel p,
html.night-mode .live-chat-card p {
  color: #9ca3af;
}
html.night-mode .live-chat-step {
  background: #1f2028;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .live-chat-step h3 {
  color: #f3f4f6;
}
html.night-mode .live-chat-note {
  background: rgba(59,130,246,.14);
  color: #93c5fd;
}

/* ── apps/main-app-downloader.php ──────────────────────── */

/* ── apps/scanner-downloader.php ───────────────────────── */

/* ── apps/your-device.php ──────────────────────────────── */

/* ── attendee/a_myaccount.php ──────────────────────────── */
html.night-mode .error {
  color: #fca5a5;
  background-color: rgba(239,68,68,.14);
}
html.night-mode .success {
  color: #6ee7b7;
  background-color: rgba(16,185,129,.14);
}
html.night-mode .warning {
  color: #fcd34d;
  background-color: rgba(245,158,11,.14);
}
html.night-mode .deleted,
html.night-mode .red {
  color: #fca5a5;
  background-color: rgba(239,68,68,.14);
}

/* ── blog/blog_post.php ────────────────────────────────── */
html.night-mode .article-page {
  background: #0f0f13;
}
html.night-mode .article-main {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .article-hero h1 {
  color: #f3f4f6;
}
html.night-mode .article-summary {
  color: #9ca3af;
}
html.night-mode .article-meta {
  color: #9ca3af;
}
html.night-mode .article-meta span {
  background: #1f2028;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .article-body {
  color: #d1d5db;
}
html.night-mode .article-body h2,
html.night-mode .article-body h3 {
  color: #f3f4f6;
}
html.night-mode .article-box {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .article-box h2 {
  color: #f3f4f6;
}
html.night-mode .article-tags li {
  background: rgba(255,138,138,.10);
  color: #D4D4D4;
}
html.night-mode .article-share a {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
  color: #9ca3af;
}
html.night-mode .related-head h2 {
  color: #f3f4f6;
}
html.night-mode .related-head p {
  color: #9ca3af;
}
html.night-mode .related-card {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .related-card h3 {
  color: #f3f4f6;
}
html.night-mode .related-card p {
  color: #9ca3af;
}
html.night-mode .related-meta {
  color: #9ca3af;
}
html.night-mode .related-empty {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
  color: #9ca3af;
}
html.night-mode .related-list__item {
  border-bottom-color: rgba(255,255,255,.08);
}
html.night-mode .related-list__item a {
  color: #f3f4f6;
}
html.night-mode .related-list__item a:hover {
  color: #ff8a8a;
}
html.night-mode .related-list__meta {
  color: #6b7280;
}
html.night-mode .posts-slider-head h2 {
  color: #f3f4f6;
}
html.night-mode .posts-slider-head p {
  color: #9ca3af;
}
html.night-mode .slider-btn {
  background: #1a1a20;
  border-color: rgba(255,255,255,.12);
  color: #9ca3af;
}
html.night-mode .slider-btn:hover {
  background: #6E0000;
  border-color: #6E0000;
  color: #fff;
}
html.night-mode .post-slider-card {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .post-slider-card__body h3 {
  color: #f3f4f6;
}
html.night-mode .post-slider-card__body h3 a {
  color: #f3f4f6;
}
html.night-mode .post-slider-card__body h3 a:hover {
  color: #ff8a8a;
}
html.night-mode .post-slider-card__body p {
  color: #9ca3af;
}
html.night-mode .post-slider-card__meta {
  color: #6b7280;
}

/* ── blog.php ───────────────────────────────────────────── */
html.night-mode .blog-journal {
  background: #0f0f13;
}
html.night-mode .blog-hero {
  background:
    linear-gradient(135deg, rgba(69, 8, 8, .98) 0%, rgba(31, 12, 16, .98) 50%, rgba(15, 15, 19, .98) 100%);
  border-color: rgba(255,180,180,.12);
  box-shadow: 0 22px 56px rgba(0,0,0,.42);
}
html.night-mode .blog-kicker {
  color: #ffbaba;
}
html.night-mode .blog-hero h1 {
  color: #f3f4f6;
}
html.night-mode .blog-hero p {
  color: rgba(243,244,246,.72);
}
html.night-mode .blog-feature {
  background: #1a1a20;
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 22px 48px rgba(0,0,0,.36);
}
html.night-mode .blog-feature h2 {
  color: #f3f4f6;
}
html.night-mode .blog-feature p,
html.night-mode .blog-card p {
  color: #9ca3af;
}
html.night-mode .blog-label {
  background: rgba(255,138,138,.10);
  border-color: rgba(255,138,138,.20);
  color: #D4D4D4;
}
html.night-mode .blog-meta {
  color: #9ca3af;
}
html.night-mode .blog-panel {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .blog-section-head h2 {
  color: #f3f4f6;
}
html.night-mode .blog-section-head p {
  color: #9ca3af;
}
html.night-mode .blog-search input {
  background: #1f2028;
  border-color: rgba(255,255,255,.12);
  color: #f3f4f6;
}
html.night-mode .blog-btn.secondary {
  background: #1a1a20;
  color: #d1d5db;
  border-color: rgba(255,255,255,.12);
}
html.night-mode .blog-card {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .blog-card h3 {
  color: #f3f4f6;
}
html.night-mode .blog-empty {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
  color: #9ca3af;
}
html.night-mode .blog-empty h2 {
  color: #f3f4f6;
}

/* ── contact_us.php ────────────────────────────────────── */
/* whatsapp-float is already green - no surface override needed */

/* ── pricing.php ───────────────────────────────────────── */
/* Fully covered by CSS variables already in style.css */

/* ── nice-to-have-you.php ──────────────────────────────── */
/* logout-card dark overrides already in style.css */

/* ── worldwide-coverage.php ────────────────────────────── */
/* .countries-list / .country-item are transparent - no override needed */

/* ── a.php ──────────────────────────────────────────────── */
/* page bg is already #0E0508 (dark) - no override needed */

/* ── sign-in/login_modal.php ───────────────────────────── */
/* Fully covered by CSS variable block already in style.css */

/* ── sign-in/leave_feedback.php ────────────────────────── */
/* .star-rating uses color only - stars are transparent bg, no surface */

/* ── evnts/checkout.php ────────────────────────────────── */
/* Fully covered by CSS variable block already in style.css */

/* ── organiser/myaccount.php ───────────────────────────── */
/* Core payout-page/panel overrides already in style.css; add missing pieces */
html.night-mode .payout-btn.secondary {
  background: #1a1a20;
  color: #d1d5db;
  border-color: rgba(255,255,255,.12);
}
html.night-mode .bank-card-modern__meta div,
html.night-mode .bank-card-modern__actions {
  background: #1f2028;
}
html.night-mode .bank-card-modern__meta span {
  color: #9ca3af;
}
html.night-mode .bank-card-modern__meta strong {
  color: #f3f4f6;
}
html.night-mode .payout-icon-btn {
  background: #1a1a20;
  border-color: rgba(255,255,255,.12);
  color: #f3f4f6;
}
html.night-mode .payout-icon-btn.danger {
  background: rgba(239,68,68,.14);
  border-color: rgba(239,68,68,.25);
  color: #fca5a5;
}
html.night-mode .payout-badge.is-ready {
  background: rgba(16,185,129,.14);
  color: #6ee7b7;
}
html.night-mode .payout-badge.is-needed {
  background: rgba(245,158,11,.14);
  color: #fcd34d;
}
html.night-mode .payout-modal .modal-content {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .payout-modal .modal-header {
  border-bottom-color: rgba(255,255,255,.08);
}
html.night-mode .payout-modal .modal-title {
  color: #f3f4f6;
}
html.night-mode .payout-form-grid label {
  color: #d1d5db;
}
html.night-mode .payout-side-panel {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .payout-side-panel h2 {
  color: #f3f4f6;
}
html.night-mode .payout-side-panel__head p {
  color: #9ca3af;
}

/* ── tickets/download-ticket.php ───────────────────────── */
html.night-mode body.ticket-download-page {
  background: #111317;
  color: #d1d5db;
}
html.night-mode body.ticket-download-page .ticket-card {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode body.ticket-download-page .ticket-body {
  background: #1a1a20;
}
html.night-mode body.ticket-download-page .left-column {
  border-right-color: rgba(255,255,255,.08);
}
html.night-mode body.ticket-download-page .info-label {
  color: #9ca3af;
}
html.night-mode body.ticket-download-page .info-value {
  color: #f3f4f6;
}
html.night-mode body.ticket-download-page .info-value.muted {
  color: #9ca3af;
}
html.night-mode body.ticket-download-page .price-value,
html.night-mode body.ticket-download-page .price-free,
html.night-mode body.ticket-download-page .ticket-name,
html.night-mode body.ticket-download-page .attendee-name,
html.night-mode body.ticket-download-page .qr-title {
  color: #D4D4D4;
}
html.night-mode body.ticket-download-page .qr-card {
  background: #1f2028;
  border-color: rgba(255,255,255,.08);
}
html.night-mode body.ticket-download-page .qr-code {
  background: #fff;
  border-color: rgba(255,255,255,.12);
}
html.night-mode body.ticket-download-page .ref-value {
  color: #d1d5db;
}
html.night-mode body.ticket-download-page .ticket-description {
  color: #9ca3af;
}
html.night-mode body.ticket-download-page .status-active {
  background: rgba(16,185,129,.14);
  color: #6ee7b7;
  border-color: rgba(16,185,129,.35);
}
html.night-mode body.ticket-download-page .status-expired,
html.night-mode body.ticket-download-page .status-canceled {
  background: rgba(239,68,68,.14);
  color: #fca5a5;
  border-color: rgba(239,68,68,.35);
}

/* ── tickets/my-ticket-download.php ────────────────────── */
html.night-mode body.my-ticket-download-page {
  background: #111317;
  color: #d1d5db;
}
html.night-mode body.my-ticket-download-page .ticket-card {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode body.my-ticket-download-page .ticket-body {
  background: #1a1a20;
}
html.night-mode body.my-ticket-download-page .left-column {
  border-right-color: rgba(255,255,255,.08);
}
html.night-mode body.my-ticket-download-page .info-label {
  color: #9ca3af;
}
html.night-mode body.my-ticket-download-page .info-value {
  color: #f3f4f6;
}
html.night-mode body.my-ticket-download-page .info-value.muted {
  color: #9ca3af;
}
html.night-mode body.my-ticket-download-page .price-value,
html.night-mode body.my-ticket-download-page .price-free,
html.night-mode body.my-ticket-download-page .ticket-name,
html.night-mode body.my-ticket-download-page .attendee-name,
html.night-mode body.my-ticket-download-page .qr-title {
  color: #D4D4D4;
}
html.night-mode body.my-ticket-download-page .qr-card {
  background: #1f2028;
  border-color: rgba(255,255,255,.08);
}
html.night-mode body.my-ticket-download-page .qr-code {
  background: #fff;
  border-color: rgba(255,255,255,.12);
}
html.night-mode body.my-ticket-download-page .ref-value {
  color: #d1d5db;
}
html.night-mode body.my-ticket-download-page .ticket-description {
  color: #9ca3af;
}
html.night-mode body.my-ticket-download-page .status-active {
  background: rgba(16,185,129,.14);
  color: #6ee7b7;
  border-color: rgba(16,185,129,.35);
}
html.night-mode body.my-ticket-download-page .status-expired,
html.night-mode body.my-ticket-download-page .status-canceled {
  background: rgba(239,68,68,.14);
  color: #fca5a5;
  border-color: rgba(239,68,68,.35);
}

/* ── tickets/incomplete-order.php ──────────────────────── */
/* .download-button-container uses solid green - already dark-safe */

/* ── scan/your-device.php ──────────────────────────────── */
html.night-mode body.sr-scanner-device-page {
  background-color: #111317;
}
html.night-mode body.sr-scanner-device-page .container {
  background-color: #1a1a20;
  border: 1px solid rgba(255,255,255,.08);
}
html.night-mode body.sr-scanner-device-page h1 {
  color: #f3f4f6;
}
html.night-mode body.sr-scanner-device-page p {
  color: #9ca3af;
}

/* ── admin/chats/index.php ──────────────────────────────── */
/* .night-mode rules already embedded in style.css; upgrade to html.night-mode selector */
html.night-mode .sr-chat-page {
  background: #111317;
}
html.night-mode .sr-chat-panel,
html.night-mode .sr-chat-room {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .sr-chat-room:hover {
  background: #1f2028;
  border-color: rgba(255,255,255,.14);
}
html.night-mode .sr-chat-name strong,
html.night-mode .sr-chat-preview,
html.night-mode .sr-chat-empty h3 {
  color: #f3f4f6;
}
html.night-mode .sr-chat-name small,
html.night-mode .sr-chat-preview small,
html.night-mode .sr-chat-date,
html.night-mode .sr-chat-empty p {
  color: #9ca3af;
}
html.night-mode .sr-chat-tabs a {
  background: #252530;
  color: #d1d5db;
}
html.night-mode .sr-chat-tabs a.active {
  background: #8b0f1a;
  color: #fff;
}
html.night-mode .sr-chat-tabs a:not(.active) .sr-chat-tab-count {
  background: #1f2028;
  color: #d1d5db;
}
html.night-mode .sr-chat-search {
  background: #1f2028;
  color: #f3f4f6;
  border-color: rgba(255,255,255,.12);
}
html.night-mode .sr-chat-avatar,
html.night-mode .sr-chat-empty-icon,
html.night-mode .sr-chat-unread {
  background: rgba(139,15,26,.18);
  color: #fca5a5;
}
html.night-mode .sr-chat-unread-zero {
  background: #252530;
  color: #9ca3af;
}
html.night-mode .sr-status-waiting {
  background: rgba(245,158,11,.14);
  color: #fcd34d;
}
html.night-mode .sr-status-active {
  background: rgba(16,185,129,.14);
  color: #6ee7b7;
}
html.night-mode .sr-status-resolved,
html.night-mode .sr-status-muted {
  background: #252530;
  color: #9ca3af;
}
html.night-mode .sr-chat-service-warning {
  background: rgba(245,158,11,.12);
  border-color: rgba(245,158,11,.4);
  color: #fcd34d;
}

/* ── admin/chats/room.php ───────────────────────────────── */
html.night-mode .sr-room-page {
  background: #111317;
}
html.night-mode .sr-room-card,
html.night-mode .sr-room-chat,
html.night-mode .sr-room-side-card,
html.night-mode .sr-room-actions-menu-panel,
html.night-mode .admin-composer,
html.night-mode .admin-typing-indicator {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .admin-chat-messages {
  background: #111317;
}
html.night-mode .sr-room-pagination {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .acm-bubble {
  background: #252530;
  color: #f3f4f6;
}
html.night-mode .from-admin .acm-bubble {
  background: #8b0f1a;
  color: #fff;
}
html.night-mode .system-msg .acm-bubble {
  background: rgba(245,158,11,.14);
  color: #fcd34d;
}
html.night-mode .sr-room-chat-head strong,
html.night-mode .sr-room-side-card h2,
html.night-mode .sr-room-info-list dd,
html.night-mode .acm-detail-grid dd {
  color: #f3f4f6;
}
html.night-mode .sr-room-chat-head small,
html.night-mode .sr-room-info-list dt,
html.night-mode .acm-meta,
html.night-mode .acm-detail-grid dt {
  color: #9ca3af;
}
html.night-mode .admin-composer textarea {
  background: #1f2028;
  border-color: rgba(255,255,255,.12);
  color: #f3f4f6;
}
html.night-mode .admin-translation-language select {
  background: #1f2028;
  border-color: rgba(255,255,255,.12);
  color: #f3f4f6;
}
html.night-mode .acm-actions button,
html.night-mode .sr-room-btn {
  background: #1f2028;
  border-color: rgba(255,255,255,.12);
  color: #d1d5db;
}
html.night-mode .acm-translation,
html.night-mode .admin-translation-composer {
  background: #1f2028;
  border-color: rgba(255,255,255,.12);
  color: #e5e7eb;
}
html.night-mode .acm-translation strong,
html.night-mode .admin-translation-preview strong,
html.night-mode .admin-translation-composer p {
  color: #9ca3af;
}
html.night-mode .admin-translation-preview {
  border-top-color: rgba(255,255,255,.12);
}
html.night-mode .sr-room-btn-primary {
  background: #8b0f1a;
  border-color: #8b0f1a;
  color: #fff;
}
html.night-mode .sr-room-btn-soft,
html.night-mode .admin-selected-file {
  background: rgba(139,15,26,.18);
  border-color: rgba(139,15,26,.35);
  color: #fca5a5;
}
html.night-mode .sr-room-btn-danger {
  background: rgba(239,68,68,.14);
  border-color: rgba(248,113,113,.35);
  color: #fca5a5;
}
html.night-mode .acm-attachment,
html.night-mode .acm-link-preview {
  background: #1f2028;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .acm-detail-content {
  background: #1f2028;
  border-color: rgba(255,255,255,.08);
  color: #d1d5db;
}
html.night-mode .sr-room-status-waiting {
  background: rgba(245,158,11,.14);
  color: #fcd34d;
}
html.night-mode .sr-room-status-active {
  background: rgba(16,185,129,.14);
  color: #6ee7b7;
}
html.night-mode .sr-room-status-resolved,
html.night-mode .sr-room-status-muted {
  background: #252530;
  color: #9ca3af;
}

/* ── admin/email_chrome.php ─────────────────────────────── */
html.night-mode .email-admin-nav,
html.night-mode .email-panel {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .email-admin-nav a {
  color: #d1d5db;
  border-bottom-color: rgba(255,255,255,.06);
}
html.night-mode .email-admin-nav a.active {
  background: #252530;
  color: #f3f4f6;
}
html.night-mode .email-preview-frame {
  background: #fff;
  border-color: rgba(255,255,255,.12);
}

/* ── admin/email_history.php ────────────────────────────── */
html.night-mode {
  --email-surface:       #1a1a20;
  --email-surface-soft:  #1f2028;
  --email-border:        rgba(255,255,255,.08);
  --email-border-strong: rgba(255,255,255,.12);
  --email-text:          #f3f4f6;
  --email-muted:         #9ca3af;
  --email-primary:       #93c5fd;
  --email-primary-soft:  rgba(59,130,246,.14);
  --email-danger:        #fca5a5;
  --email-danger-soft:   rgba(239,68,68,.14);
  --email-shadow:        0 1px 2px rgba(0,0,0,.3);
}
html.night-mode .email-page-header {
  background: linear-gradient(135deg, #1a1a20 0%, #1f2028 100%);
}
html.night-mode .email-count-pill {
  background: #1f2028;
  border-color: rgba(255,255,255,.10);
  color: #9ca3af;
}
html.night-mode .email-table thead th {
  background: #1f2028;
  color: #9ca3af;
  border-bottom-color: rgba(255,255,255,.08);
}
html.night-mode .email-table tbody td {
  color: #d1d5db;
  border-color: rgba(255,255,255,.06);
}
html.night-mode .email-sort-link:hover,
html.night-mode .email-sort-link--active {
  color: #f87171;
}
html.night-mode .email-table tbody tr:last-child td {
  border-bottom: none;
}
html.night-mode .email-status {
  background: #252530;
  color: #9ca3af;
}
html.night-mode .email-status--sent {
  background: rgba(16,185,129,.14);
  color: #6ee7b7;
}
html.night-mode .email-status--pending {
  background: rgba(59,130,246,.14);
  color: #93c5fd;
}
html.night-mode .email-status--processing {
  background: rgba(139,92,246,.14);
  color: #c4b5fd;
}
html.night-mode .email-status--dry_run {
  background: rgba(245,158,11,.14);
  color: #fcd34d;
}
html.night-mode .email-status--cancelled {
  background: #252530;
  color: #9ca3af;
}
html.night-mode .email-row-danger td {
  background: rgba(239,68,68,.06);
}
html.night-mode .email-table code {
  background: rgba(59,130,246,.14);
  color: #93c5fd;
}
html.night-mode .email-actions button,
html.night-mode .email-actions .email-action-disabled {
  background: #1f2028;
  border-color: rgba(255,255,255,.12);
  color: #d1d5db;
}
html.night-mode .email-actions button.danger {
  background: rgba(239,68,68,.14);
  border-color: rgba(239,68,68,.25);
  color: #fca5a5;
}
html.night-mode .email-actions .email-action-primary {
  background: rgba(59,130,246,.14);
  border-color: rgba(59,130,246,.25);
  color: #93c5fd;
}
html.night-mode .email-actions .email-action-disabled {
  background: #1a1a20;
  color: #9ca3af;
}
html.night-mode .email-field label {
  color: #9ca3af;
}
html.night-mode .email-table tbody tr {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}

/* ── admin/email_template.php ───────────────────────────── */
html.night-mode .email-help-text {
  color: #9ca3af;
}
html.night-mode .email-status.inactive {
  background: #252530;
  color: #9ca3af;
}

/* ── admin/email_templates.php ──────────────────────────── */
html.night-mode .email-stat-label {
  color: #9ca3af;
}
html.night-mode .email-stat-value {
  color: #f3f4f6;
}
html.night-mode .email-template-row:hover td,
html.night-mode .email-template-row:focus td {
  background: #1f2028;
}
html.night-mode .email-preview-modal .modal-body {
  background: #111317;
}
html.night-mode .email-preview-frame--modal {
  background: #fff;
  border-color: rgba(255,255,255,.12);
}
html.night-mode .email-preview-error {
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.25);
  color: #fca5a5;
}

/* ── admin/email_template_version.php ───────────────────── */
html.night-mode .email-locale-rail {
  background: #1a1a20;
  border-color: rgba(255,255,255,.08);
}
html.night-mode .email-locale-rail a {
  color: #d1d5db;
  border-bottom-color: rgba(255,255,255,.06);
}
html.night-mode .email-locale-rail a.active {
  background: #f3f4f6;
  color: #111317;
}
html.night-mode .email-mode-tabs,
html.night-mode .email-tiptap-toolbar {
  background: #1a1a20;
  border-color: rgba(255,255,255,.10);
}
html.night-mode .email-mode-tabs button,
html.night-mode .email-tiptap-toolbar button {
  background: #1a1a20;
  color: #d1d5db;
}
html.night-mode .email-mode-tabs button.active {
  background: #f3f4f6;
  color: #111317;
}
html.night-mode .email-wysiwyg {
  background: #1f2028;
  border-color: rgba(255,255,255,.10);
  color: #f3f4f6;
}
html.night-mode .email-preview-subject {
  background: #1f2028;
  border-color: rgba(255,255,255,.10);
  color: #d1d5db;
}
html.night-mode .email-preview-text {
  background: #1f2028;
  border-color: rgba(255,255,255,.10);
  color: #d1d5db;
}
html.night-mode .email-variable-chip {
  background: #1f2028;
  border-color: rgba(255,255,255,.10);
  color: #d1d5db;
}

/* ── css/consent_banner.php ─────────────────────────────── */
/* Fully covered by html.night-mode rules already in style.css */

/* ── css/language_switcher_modal.php ────────────────────── */
/* Fully covered by CSS variable block already in style.css */

/* ── css/search_modal.php ───────────────────────────────── */
/* Core overrides already in style.css; add missing pieces */
html.night-mode .sr-search-modal__eyebrow {
  color: #9ca3af;
}
html.night-mode .sr-search-modal__close {
  background: #1f2028;
  border-color: rgba(255,255,255,.12);
  color: #f3f4f6;
}
html.night-mode .sr-search-modal__filters .filter-tag a {
  background: rgba(255,138,138,.10);
  color: #D4D4D4;
}
html.night-mode .sr-search-modal__filters .filter-tag a:hover {
  background: rgba(255,138,138,.18);
  color: #fca5a5;
}
html.night-mode .sr-search-modal__section-title {
  color: #9ca3af;
}
html.night-mode .sr-search-modal__promo {
  background: #252530;
  color: #f3f4f6;
}

body.night-mode .coverage-page,
html.night-mode .coverage-page,
[data-theme="dark"] .coverage-page {
  --coverage-primary: #ffb3b3;
  --coverage-primary-dark: #ffd0d0;
  --coverage-primary-soft: rgba(255, 179, 179, .1);
  --coverage-text: #f4f4f5;
  --coverage-muted: rgba(244, 244, 245, .68);
  --coverage-border: rgba(255, 255, 255, .1);
  --coverage-surface: #151515;
  --coverage-surface-alt: #0f0f10;
  --coverage-card: #181818;
  --coverage-card-hover: rgba(255, 179, 179, .08);
  background: var(--coverage-surface-alt);
  color: var(--coverage-text);
}

body.night-mode .coverage-breadcrumb-wrap,
html.night-mode .coverage-breadcrumb-wrap,
[data-theme="dark"] .coverage-breadcrumb-wrap {
  background: var(--coverage-surface);
  border-bottom-color: var(--coverage-border);
}

body.night-mode .coverage-breadcrumb li,
html.night-mode .coverage-breadcrumb li,
[data-theme="dark"] .coverage-breadcrumb li {
  color: var(--coverage-muted);
}

body.night-mode .coverage-breadcrumb li + li::before,
html.night-mode .coverage-breadcrumb li + li::before,
[data-theme="dark"] .coverage-breadcrumb li + li::before {
  color: rgba(255, 255, 255, .28);
}

body.night-mode .coverage-breadcrumb a,
html.night-mode .coverage-breadcrumb a,
[data-theme="dark"] .coverage-breadcrumb a {
  color: var(--coverage-primary);
}

body.night-mode .coverage-header,
html.night-mode .coverage-header,
[data-theme="dark"] .coverage-header {
  background:
    linear-gradient(180deg, rgba(255, 179, 179, .06), transparent 75%),
    var(--coverage-surface);
  border-bottom-color: var(--coverage-border);
}


body.night-mode .coverage-header h1,
body.night-mode .coverage-directory__head h2,
body.night-mode .coverage-country-card__name,
body.night-mode .coverage-cta h2,
html.night-mode .coverage-header h1,
html.night-mode .coverage-directory__head h2,
html.night-mode .coverage-country-card__name,
html.night-mode .coverage-cta h2,
[data-theme="dark"] .coverage-header h1,
[data-theme="dark"] .coverage-directory__head h2,
[data-theme="dark"] .coverage-country-card__name,
[data-theme="dark"] .coverage-cta h2 {
  color: var(--coverage-text);
}


body.night-mode .coverage-header p:not(.coverage-kicker),
body.night-mode .coverage-count small,
html.night-mode .coverage-header p:not(.coverage-kicker),
html.night-mode .coverage-count small,
[data-theme="dark"] .coverage-header p:not(.coverage-kicker),
[data-theme="dark"] .coverage-count small {
  color: var(--coverage-muted);
}


body.night-mode .coverage-kicker,
body.night-mode .coverage-count span,
html.night-mode .coverage-kicker,
html.night-mode .coverage-count span,
[data-theme="dark"] .coverage-kicker,
[data-theme="dark"] .coverage-count span {
  color: var(--coverage-primary);
}

body.night-mode .coverage-count,
body.night-mode .coverage-country-card,
body.night-mode .coverage-cta__box,
html.night-mode .coverage-count,
html.night-mode .coverage-country-card,
html.night-mode .coverage-cta__box,
[data-theme="dark"] .coverage-count,
[data-theme="dark"] .coverage-country-card,
[data-theme="dark"] .coverage-cta__box {
  background: var(--coverage-card);
  border-color: var(--coverage-border);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
}

body.night-mode .coverage-count,
html.night-mode .coverage-count,
[data-theme="dark"] .coverage-count {
  background:
    radial-gradient(circle at 80% 0%, rgba(255, 179, 179, .08), transparent 42%),
    var(--coverage-card);
}

body.night-mode .coverage-country-card:hover,
html.night-mode .coverage-country-card:hover,
[data-theme="dark"] .coverage-country-card:hover {
  border-color: rgba(255, 179, 179, .24);
  background: var(--coverage-card-hover);
}

body.night-mode .coverage-country-card__flag,
html.night-mode .coverage-country-card__flag,
[data-theme="dark"] .coverage-country-card__flag {
  background: var(--coverage-surface-alt);
  border-color: var(--coverage-border);
}


body.night-mode .coverage-directory__line,
html.night-mode .coverage-directory__line,
[data-theme="dark"] .coverage-directory__line {
  background: var(--coverage-border);
}

body.night-mode .coverage-cta__box,
html.night-mode .coverage-cta__box,
[data-theme="dark"] .coverage-cta__box {
  background:
    linear-gradient(135deg, rgba(255, 179, 179, .07), transparent 65%),
    var(--coverage-card);
}

body.night-mode .coverage-cta__icon,
html.night-mode .coverage-cta__icon,
[data-theme="dark"] .coverage-cta__icon {
  color: #230000;
  background: var(--coverage-primary);
  box-shadow: 0 14px 26px rgba(0, 0, 0, .28);
}

/* Comprehensive page-class coverage from style.css sweep */
html.night-mode {
  --ea-bg: #0f0f13;
  --ea-card: #1a1a20;
  --ea-text: #f3f4f6;
  --ea-muted: #9ca3af;
  --ea-border: rgba(255, 255, 255, .08);
  --ea-soft-border: rgba(255, 255, 255, .08);
  --ea-primary-soft: rgba(255, 138, 138, .12);
  --ea-dark-soft: rgba(255, 255, 255, .08);
}

html.night-mode body.abt-page,
html.night-mode body.app-dl-page,
html.night-mode body.attendee-edit-page,
html.night-mode body.attendee-list-page,
html.night-mode body.attendee-profile-page,
html.night-mode body.attendee-settings-page,
html.night-mode body.auth-card-page,
html.night-mode body.auth-page,
html.night-mode body.blog-index-page,
html.night-mode body.blog-post-page,
html.night-mode body.checkout-page,
html.night-mode body.contact-page,
html.night-mode body.create-event-page,
html.night-mode body.feedback-page,
html.night-mode body.invoice-redesign-page,
html.night-mode body.legal-page,
html.night-mode body.partner-page,
html.night-mode body.public-profile-page,
html.night-mode body.sell-tickets-page,
html.night-mode body.sr-android-home-page,
html.night-mode body.sr-ios-home-page,
html.night-mode body.support-ticket-page {
  background: #0e0404;
  color: #f5ecea;
}

html.night-mode .pp-contact-modal {
  background: #1c0707;
  color: #f5ecea;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

html.night-mode .pp-contact-modal__header {
  background: #210909;
  border-color: rgba(255, 180, 180, .12);
}

html.night-mode .pp-contact-modal__header .modal-title,
html.night-mode .pp-contact-modal__recipient strong,
html.night-mode .pp-contact-field .form-label {
  color: #f5ecea;
}

html.night-mode .pp-contact-modal__recipient {
  background: #160606;
  border-color: rgba(255, 180, 180, .12);
}

html.night-mode .pp-contact-modal__recipient span {
  background: #B80000;
  color: #fff;
}

html.night-mode .pp-contact-input.form-control,
html.night-mode .pp-contact-textarea.form-control {
  background: #160606;
  border-color: rgba(255, 180, 180, .16);
  color: #f5ecea;
}

html.night-mode .pp-contact-input.form-control:focus,
html.night-mode .pp-contact-textarea.form-control:focus {
  background: #1c0707;
  border-color: #B80000;
  box-shadow: 0 0 0 3px rgba(184, 0, 0, .22);
}

html.night-mode .pp-contact-input.form-control::placeholder,
html.night-mode .pp-contact-textarea.form-control::placeholder {
  color: #8A8F98;
}

html.night-mode .alert {
  border-color: #293142;
  border-left-color: #64748b;
  background: #111827;
  color: #f8fafc;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .28);
}

html.night-mode .alert-success {
  border-color: rgba(34, 197, 94, .32);
  border-left-color: #22c55e;
  background: #0f2418;
  color: #bbf7d0;
}

html.night-mode .alert-success::before {
  background: #16a34a;
}

html.night-mode .alert-danger {
  border-color: rgba(248, 113, 113, .32);
  border-left-color: #ef4444;
  background: #2a1216;
  color: #fecaca;
}

html.night-mode .alert-danger::before {
  background: #dc2626;
}

html.night-mode .alert-warning {
  border-color: rgba(251, 191, 36, .34);
  border-left-color: #f59e0b;
  background: #2a2111;
  color: #fde68a;
}

html.night-mode .alert-warning::before {
  background: #d97706;
}

html.night-mode .alert-info {
  border-color: rgba(194, 138, 99, .34);
  border-left-color: #c28a63;
  background: #26160d;
  color: #f0c7a8;
}

html.night-mode .alert-info::before {
  background: #c28a63;
}

html.night-mode body.checkout-page {
  --checkout-page-bg: #0d0706;
  --checkout-panel-bg: #160606;
  --checkout-panel-soft: #210909;
  --checkout-panel-border: rgba(255, 222, 199, 0.16);
  --checkout-panel-text: #fff3ea;
  --checkout-panel-muted: #d2aa98;
}

html.night-mode .checkout-page-hero,
html.night-mode .checkout-page-hero__copy,
html.night-mode .checkout-page-hero__eyebrow,
html.night-mode .checkout-page-hero__title {
  color: var(--checkout-panel-text, #fff3ea);
}

html.night-mode .checkout-page-hero__eyebrow {
  background: var(--checkout-panel-soft, #210909);
  border-color: var(--checkout-panel-border, rgba(255, 222, 199, 0.16));
}

html.night-mode .pricing-page,
html.night-mode .sell-page,
html.night-mode .payout-page,
html.night-mode .ticket-page,
html.night-mode .sr-hero-illo-page {
  background: #0e0404;
  color: #f5ecea;
}

html.night-mode .pricing-page .pp-card,
html.night-mode .pricing-page .pp-help,
html.night-mode .sell-page .sell-card,
html.night-mode .payout-page .panel,
html.night-mode .ticket-page .ticket-card {
  background: #1a1a20;
  border-color: rgba(255, 255, 255, .08);
  color: #f3f4f6;
}

html.night-mode .kyc-page,
html.night-mode .ea-page,
html.night-mode .er-page,
html.night-mode .confirm-payment-page,
html.night-mode .email-admin-page,
html.night-mode .sr-errors-page,
html.night-mode .backfill-event-slugs-page {
  background: #111317;
  color: #f3f4f6;
}

html.night-mode .kyc-hero,
html.night-mode .kyc-state,
html.night-mode .kyc-form,
html.night-mode .kyc-notice,
html.night-mode .ea-tabs,
html.night-mode .ea-filter-card,
html.night-mode .ea-card,
html.night-mode .ea-pagination,
html.night-mode .er-panel,
html.night-mode .er-card,
html.night-mode .confirm-payment-header,
html.night-mode .confirm-payment-filters,
html.night-mode .confirm-payment-bulkbar,
html.night-mode .confirm-payment-stats,
html.night-mode .email-page-header,
html.night-mode .sr-errors-hero,
html.night-mode .sr-errors-panel,
html.night-mode .sr-page-stats,
html.night-mode .sr-page-stat {
  background: #1a1a20;
  border-color: rgba(255, 255, 255, .08);
  color: #f3f4f6;
}

html.night-mode .kyc-hero h1,
html.night-mode .kyc-step h2,
html.night-mode .kyc-notice strong,
html.night-mode .ea-page h1,
html.night-mode .ea-page h2,
html.night-mode .er-page h1,
html.night-mode .er-page h2,
html.night-mode .confirm-payment-header h1,
html.night-mode .email-page-header h1,
html.night-mode .sr-errors-page h1,
html.night-mode .sr-page-stat__value {
  color: #f3f4f6;
}

html.night-mode .kyc-hero p,
html.night-mode .kyc-step p,
html.night-mode .kyc-step small,
html.night-mode .kyc-state p,
html.night-mode .kyc-notice p,
html.night-mode .ea-pagination__status,
html.night-mode .ea-page .text-muted,
html.night-mode .er-page .text-muted,
html.night-mode .confirm-payment-kicker,
html.night-mode .email-page-header p,
html.night-mode .sr-errors-page p,
html.night-mode .sr-page-stat__label {
  color: #9ca3af;
}

html.night-mode .ea-page-btn,
html.night-mode .ea-page-indicator {
  background: rgba(255, 138, 138, .12);
  border: 1px solid rgba(255, 138, 138, .24);
  color: #D4D4D4;
}

html.night-mode .ea-page-btn:hover {
  background: rgba(255, 138, 138, .2);
  color: #fca5a5;
}

html.night-mode .ea-page-btn.is-disabled {
  background: #252530;
  border-color: rgba(255, 255, 255, .08);
  color: #6b7280;
}

/* Second sweep: light-surface component coverage from style.css */
html.night-mode .admin-nav-search__control,
html.night-mode .admin-nav-search__results,
html.night-mode .admin-nav-search__item,
html.night-mode .notif-stat,
html.night-mode .notif-filter,
html.night-mode .notif-card,
html.night-mode .notif-empty,
html.night-mode .sr-consent-banner__panel,
html.night-mode .sr-search-modal__shell,
html.night-mode .sr-search-modal__form,
html.night-mode .sr-search-modal__popular-link,
html.night-mode .payout-hero__main,
html.night-mode .payout-panel,
html.night-mode .payout-side-panel,
html.night-mode .payout-empty,
html.night-mode .sr-org-avatar,
html.night-mode .sr-org-avatar-fallback,
html.night-mode .pp-strip-item,
html.night-mode .deleted-event-card__image,
html.night-mode .sr-search-bar,
html.night-mode .sell-hero-card,
html.night-mode .sell-stat,
html.night-mode .sell-graph,
html.night-mode .sell-ticket-preview,
html.night-mode .sell-qr,
html.night-mode .sell-section.is-white,
html.night-mode .sell-feature-card,
html.night-mode .sell-step-card,
html.night-mode .sell-panel,
html.night-mode .sell-mini-card,
html.night-mode .feat-spot__visual,
html.night-mode .feat-type-card,
html.night-mode .feat-spot2-wrap,
html.night-mode .abt-intro-visual,
html.night-mode .abt-stat-card,
html.night-mode .abt-value-card,
html.night-mode .abt-split-panel,
html.night-mode .abt-global-item,
html.night-mode .abt-globe-art,
html.night-mode .abt-promise-card,
html.night-mode .legal-def-list li,
html.night-mode .legal-steps li,
html.night-mode .legal-note,
html.night-mode .legal-related-link,
html.night-mode .contact-stats,
html.night-mode .contact-section--alt,
html.night-mode .contact-channel-card,
html.night-mode .contact-faq-item,
html.night-mode .contact-biz,
html.night-mode .partner-section--alt,
html.night-mode .partner-rate-card,
html.night-mode .partner-why-card,
html.night-mode .partner-link-chip,
html.night-mode .partner-ref-link-wrap,
html.night-mode .partner-dash-stat,
html.night-mode .pp-login-prompt,
html.night-mode .pp-event-card,
html.night-mode .pp-event-thumb,
html.night-mode .lp-dash-art,
html.night-mode .lp-dash-row,
html.night-mode .lp-dash-bar-wrap,
html.night-mode .create-option-card,
html.night-mode .create-why__inner,
html.night-mode .app-dl-card,
html.night-mode .app-dl-feat,
html.night-mode .auth-form-panel,
html.night-mode .auth-input,
html.night-mode .auth-suggestion-chip {
  background: #1a1a20;
  border-color: rgba(255, 255, 255, .08);
  color: #f3f4f6;
}

html.night-mode .admin-nav-search__control:focus-within,
html.night-mode .admin-nav-search__item:hover,
html.night-mode .admin-nav-search__item.is-active,
html.night-mode .notif-card.unread,
html.night-mode .notif-icon-btn:hover,
html.night-mode .sr-search-modal__popular-link:hover,
html.night-mode .sell-feature-card:hover,
html.night-mode .sell-step-card:hover,
html.night-mode .sell-panel:hover,
html.night-mode .contact-channel-card:hover,
html.night-mode .legal-related-link:hover,
html.night-mode .partner-link-chip:hover,
html.night-mode .pp-event-card:hover,
html.night-mode .create-option-card:hover,
html.night-mode .auth-suggestion-chip:hover {
  background: #1f2028;
  border-color: rgba(255, 138, 138, .22);
}

html.night-mode .admin-nav-search__input,
html.night-mode .notif-search input,
html.night-mode .sr-search-bar input,
html.night-mode .auth-input input,
html.night-mode .auth-input select,
html.night-mode .auth-input textarea {
  background: #111317;
  border-color: rgba(255, 255, 255, .12);
  color: #f3f4f6;
}

html.night-mode .admin-nav-search__input::placeholder,
html.night-mode .notif-search input::placeholder,
html.night-mode .sr-search-bar input::placeholder,
html.night-mode .auth-input input::placeholder,
html.night-mode .auth-input textarea::placeholder {
  color: #6b7280;
}

html.night-mode .admin-nav-search__icon,
html.night-mode .admin-nav-search__shortcut,
html.night-mode .admin-nav-search__item-path,
html.night-mode .admin-nav-search__empty,
html.night-mode .admin-nav-search__hint,
html.night-mode .notif-hero p,
html.night-mode .notif-stat span,
html.night-mode .notif-message,
html.night-mode .notif-meta,
html.night-mode .payout-empty i,
html.night-mode .pricing-eyebrow,
html.night-mode .sell-eyebrow,
html.night-mode .sell-proof span,
html.night-mode .legal-section__h2-num,
html.night-mode .contact-channel-badge,
html.night-mode .partner-step__num,
html.night-mode .pp-main__heading span,
html.night-mode .auth-divider,
html.night-mode .sr-status-banner__dot,
html.night-mode .sr-status-pill__dot {
  color: #9ca3af;
}

html.night-mode .notif-hero h1,
html.night-mode .notif-stat strong,
html.night-mode .notif-title h2,
html.night-mode .notif-empty h2,
html.night-mode .payout-panel h2,
html.night-mode .payout-side-panel h2,
html.night-mode .payout-empty h3,
html.night-mode .sell-hero h1 span,
html.night-mode .abt-split-panel,
html.night-mode .legal-hero,
html.night-mode .contact-faq-q,
html.night-mode .pp-event-cta,
html.night-mode .auth-brand,
html.night-mode .app-dl-card h1 {
  color: #f3f4f6;
}

html.night-mode .sr-login-modal .modal-content,
html.night-mode .sr-login-modal__form-panel {
  background: #160606;
  color: #f3f4f6;
}

html.night-mode .sr-login-modal__heading {
  color: #f3f4f6;
}

html.night-mode .sr-login-modal__subcopy,
html.night-mode .sr-login-modal__label,
html.night-mode .sr-login-modal__footer {
  color: #9ca3af;
}

html.night-mode .sr-login-modal__link {
  color: #f87171;
}

html.night-mode .sr-login-modal__input {
  background: #111317;
  border-color: rgba(255, 255, 255, .12);
  color: #f3f4f6;
}

html.night-mode .sr-login-modal__input::placeholder {
  color: #6b7280;
}

html.night-mode .sr-login-modal__input-wrap {
  background: #111317;
}

html.night-mode .sr-login-modal__field-icon,
html.night-mode .sr-login-modal__toggle-password {
  color: #9ca3af;
}

html.night-mode .sr-login-modal__toggle-password:hover {
  color: #f3f4f6;
}

html.night-mode .sr-login-modal__divider::before,
html.night-mode .sr-login-modal__divider::after {
  background: rgba(255, 255, 255, .12);
}

html.night-mode .sr-login-modal__alert {
  background: rgba(127, 29, 29, .22);
  color: #fecaca;
}

html.night-mode .sr-login-modal__alert.is-success {
  background: rgba(21, 128, 61, .22);
  color: #bbf7d0;
}

html.night-mode .notif-btn,
html.night-mode .notif-icon-btn,
html.night-mode .login-btn,
html.night-mode .pricing-btn--ghost,
html.night-mode .sell-btn.secondary,
html.night-mode .feat-btn-ghost,
html.night-mode .legal-contact-btn--light,
html.night-mode .legal-contact-btn--ghost,
html.night-mode .pp-contact-btn--ghost,
html.night-mode .careers-btn--light,
html.night-mode .security-btn--light,
html.night-mode .accessibility-btn--light,
html.night-mode .sr-org-action-btn,
html.night-mode .partner-ref-copy-btn,
html.night-mode .btn-outline-like {
  background: #1f2028;
  border-color: rgba(255, 255, 255, .12);
  color: #f3f4f6;
}

html.night-mode .notif-btn:hover,
html.night-mode .login-btn:hover,
html.night-mode .pricing-btn--ghost:hover,
html.night-mode .pricing-btn--ghost:focus,
html.night-mode .sell-btn.secondary:hover,
html.night-mode .feat-btn-ghost:hover,
html.night-mode .legal-contact-btn--light:hover,
html.night-mode .legal-contact-btn--ghost:hover,
html.night-mode .pp-contact-btn--ghost:hover,
html.night-mode .careers-btn--light:hover,
html.night-mode .security-btn--light:hover,
html.night-mode .accessibility-btn--light:hover,
html.night-mode .sr-org-action-btn:hover,
html.night-mode .partner-ref-copy-btn:hover,
html.night-mode .btn-outline-like:hover,
html.night-mode .btn-outline-like:focus,
html.night-mode .btn-outline-like:active {
  background: rgba(255, 138, 138, .16);
  border-color: rgba(255, 138, 138, .32);
  color: #ffb3b3;
}

html.night-mode .checkout-warning,
html.night-mode .checkout-line-warning {
  background: rgba(245, 158, 11, .14);
  border-color: rgba(245, 158, 11, .28);
  color: #fcd34d;
}

html.night-mode .checkout-flash--error {
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .3);
  color: #fca5a5;
}

html.night-mode .abt-section--alt,
html.night-mode .contact-section--alt,
html.night-mode .partner-section--alt,
html.night-mode .sell-section.is-white {
  background: #111317;
}

html.night-mode .abt-section--dark,
html.night-mode .abt-split-panel--dark,
html.night-mode .sell-cta,
html.night-mode .abt-cta,
html.night-mode .partner-cta {
  background: #09090b;
  color: #f3f4f6;
}

html.night-mode .feat-hero,
html.night-mode .abt-hero,
html.night-mode .legal-hero,
html.night-mode .partner-hero,
html.night-mode .pp-hero,
html.night-mode .create-hero,
html.night-mode .sell-hero {
  border-color: rgba(255, 255, 255, .08);
}

html.night-mode .sr-search-modal__feature-badge,
html.night-mode .payout-status-card__icon,
html.night-mode .sell-icon,
html.night-mode .sell-step-card__num,
html.night-mode .abt-value-icon,
html.night-mode .abt-promise-icon,
html.night-mode .contact-channel-icon,
html.night-mode .partner-rate-icon,
html.night-mode .partner-why-icon,
html.night-mode .careers-mission__icon,
html.night-mode .security-band__icon {
  background: rgba(255, 138, 138, .14);
  color: #ffb3b3;
}

/* Second sweep: remaining light badges, pills, and highlighted cards */
html.night-mode .global-pagination__link,
html.night-mode .global-pagination > a,
html.night-mode .global-pagination > span,
html.night-mode .global-pagination__list > a,
html.night-mode .global-pagination__list .page-link,
html.night-mode .sr-chat-stat,
html.night-mode .sr-room-avatar,
html.night-mode .admin-nav-search__item-icon,
html.night-mode .notif-pill,
html.night-mode .sr-consent-banner__icon,
html.night-mode .logout-card,
html.night-mode .logout-badge,
html.night-mode .sell-dots span,
html.night-mode .sell-pulse,
html.night-mode .sell-metric-list i,
html.night-mode .abt-split-list__dot,
html.night-mode .contact-channel-card--primary,
html.night-mode .partner-rate-card--highlight,
html.night-mode .pp-social a {
  background: #1f2028;
  border-color: rgba(255, 255, 255, .12);
  color: #f3f4f6;
}

html.night-mode .global-pagination__link--active,
html.night-mode .global-pagination__link[aria-current="page"],
html.night-mode .global-pagination > span.active,
html.night-mode .global-pagination__list > a.active,
html.night-mode .global-pagination__list .page-item.active .page-link,
html.night-mode .notif-pill.unread,
html.night-mode .email-status-pill,
html.night-mode .dot-warn,
html.night-mode .contact-channel-card--primary .contact-channel-badge,
html.night-mode .contact-channel-card--primary .contact-channel-icon,
html.night-mode .partner-rate-card--highlight .partner-rate-icon {
  background: rgba(255, 138, 138, .16);
  border-color: rgba(255, 138, 138, .32);
  color: #ffb3b3;
}

html.night-mode .global-pagination__link:hover,
html.night-mode .global-pagination__link:focus,
html.night-mode .global-pagination > a:hover,
html.night-mode .global-pagination > a:focus,
html.night-mode .global-pagination__list > a:hover,
html.night-mode .global-pagination__list > a:focus,
html.night-mode .global-pagination__list .page-link:hover,
html.night-mode .global-pagination__list .page-link:focus {
  background: rgba(255, 138, 138, .12);
  border-color: rgba(255, 138, 138, .34);
  color: #ffb3b3;
}

html.night-mode .global-pagination__link--active:hover,
html.night-mode .global-pagination__link[aria-current="page"]:hover,
html.night-mode .global-pagination > span.active:hover,
html.night-mode .global-pagination__list > a.active:hover,
html.night-mode .global-pagination__list .page-item.active .page-link:hover {
  background: rgba(255, 138, 138, .22);
  border-color: rgba(255, 138, 138, .42);
  color: #fff;
}

html.night-mode .global-pagination__link--ellipsis,
html.night-mode .global-pagination__link--ellipsis:hover,
html.night-mode .global-pagination__list .page-item.disabled .page-link,
html.night-mode .global-pagination__list .page-item.disabled .page-link:hover {
  background: transparent;
  border-color: transparent;
  color: #9ca3af;
}

html.night-mode .global-pagination__info {
  color: #9ca3af;
}

html.night-mode .sr-chat-kicker,
html.night-mode .attendee-label,
html.night-mode .abt-split-divider,
html.night-mode .partner-steps-grid::before {
  color: #9ca3af;
  border-color: rgba(255, 255, 255, .1);
}

html.night-mode .sr-chat-btn-light,
html.night-mode .sr-chat-btn-ghost,
html.night-mode .contact-channel-card--primary .contact-channel-cta {
  background: #252530;
  border-color: rgba(255, 255, 255, .12);
  color: #f3f4f6;
}

html.night-mode .sr-chat-btn-light:hover,
html.night-mode .sr-chat-btn-ghost:hover,
html.night-mode .contact-channel-card--primary .contact-channel-cta:hover,
html.night-mode .pp-social a:hover {
  background: rgba(255, 138, 138, .16);
  border-color: rgba(255, 138, 138, .32);
  color: #ffb3b3;
}

html.night-mode .sr-org-hero::after,
html.night-mode .partner-steps-grid::before {
  opacity: .22;
}

body.night-mode .sr-errors-page,
html.night-mode .sr-errors-page,
[data-theme="night"] .sr-errors-page {
  --err-primary: #ffb3b3;
  --err-primary-dark: #ffd0d0;
  --err-primary-soft: rgba(255, 179, 179, .1);
  --err-text: #f4f4f5;
  --err-muted: rgba(244, 244, 245, .68);
  --err-border: rgba(255, 255, 255, .1);
  --err-surface: #151515;
  --err-surface-alt: #101011;
  --err-card: #181818;
  --err-row-hover: rgba(255, 179, 179, .075);
  color: var(--err-text);
}

body.night-mode .sr-errors-topbar,
body.night-mode .sr-error-stat,
body.night-mode .sr-errors-filter-card,
body.night-mode .sr-errors-panel,
body.night-mode .sr-errors-empty,
html.night-mode .sr-errors-topbar,
html.night-mode .sr-error-stat,
html.night-mode .sr-errors-filter-card,
html.night-mode .sr-errors-panel,
html.night-mode .sr-errors-empty,
[data-theme="night"] .sr-errors-topbar,
[data-theme="night"] .sr-error-stat,
[data-theme="night"] .sr-errors-filter-card,
[data-theme="night"] .sr-errors-panel,
[data-theme="night"] .sr-errors-empty {
  background: var(--err-card);
  border-color: var(--err-border);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24);
}

body.night-mode .sr-errors-topbar,
html.night-mode .sr-errors-topbar,
[data-theme="night"] .sr-errors-topbar {
  background:
    linear-gradient(135deg, rgba(255, 179, 179, .07), transparent 58%),
    var(--err-card);
}

body.night-mode .sr-errors-topbar h1,
body.night-mode .sr-error-stat,
body.night-mode .sr-error-stat strong,
body.night-mode .sr-errors-bulkbar__select label,
body.night-mode .sr-errors-table,
body.night-mode .sr-errors-table tbody td,
body.night-mode .sr-error-message__text,
html.night-mode .sr-errors-topbar h1,
html.night-mode .sr-error-stat,
html.night-mode .sr-error-stat strong,
html.night-mode .sr-errors-bulkbar__select label,
html.night-mode .sr-errors-table,
html.night-mode .sr-errors-table tbody td,
html.night-mode .sr-error-message__text,
[data-theme="night"] .sr-errors-topbar h1,
[data-theme="night"] .sr-error-stat,
[data-theme="night"] .sr-error-stat strong,
[data-theme="night"] .sr-errors-bulkbar__select label,
[data-theme="night"] .sr-errors-table,
[data-theme="night"] .sr-errors-table tbody td,
[data-theme="night"] .sr-error-message__text {
  color: var(--err-text);
}

body.night-mode .sr-errors-topbar p,
body.night-mode .sr-error-stat span,
body.night-mode .sr-errors-empty p,
body.night-mode .sr-errors-bulkbar__select span,
body.night-mode #selectedErrorLabel,
body.night-mode .sr-sort-btn,
body.night-mode .sr-error-meta,
html.night-mode .sr-errors-topbar p,
html.night-mode .sr-error-stat span,
html.night-mode .sr-errors-empty p,
html.night-mode .sr-errors-bulkbar__select span,
html.night-mode #selectedErrorLabel,
html.night-mode .sr-sort-btn,
html.night-mode .sr-error-meta,
[data-theme="night"] .sr-errors-topbar p,
[data-theme="night"] .sr-error-stat span,
[data-theme="night"] .sr-errors-empty p,
[data-theme="night"] .sr-errors-bulkbar__select span,
[data-theme="night"] #selectedErrorLabel,
[data-theme="night"] .sr-sort-btn,
[data-theme="night"] .sr-error-meta {
  color: var(--err-muted);
}

body.night-mode .sr-errors-kicker,
body.night-mode .sr-errors-empty i,
body.night-mode .sr-error-source,
body.night-mode .sr-sort-btn:hover,
body.night-mode .sr-sort-btn.is-active,
html.night-mode .sr-errors-kicker,
html.night-mode .sr-errors-empty i,
html.night-mode .sr-error-source,
html.night-mode .sr-sort-btn:hover,
html.night-mode .sr-sort-btn.is-active,
[data-theme="night"] .sr-errors-kicker,
[data-theme="night"] .sr-errors-empty i,
[data-theme="night"] .sr-error-source,
[data-theme="night"] .sr-sort-btn:hover,
[data-theme="night"] .sr-sort-btn.is-active {
  color: var(--err-primary);
}

body.night-mode .sr-errors-filter-card .form-control,
body.night-mode .sr-errors-filter-card .form-select,
body.night-mode .sr-errors-bulkbar .form-control,
html.night-mode .sr-errors-filter-card .form-control,
html.night-mode .sr-errors-filter-card .form-select,
html.night-mode .sr-errors-bulkbar .form-control,
[data-theme="night"] .sr-errors-filter-card .form-control,
[data-theme="night"] .sr-errors-filter-card .form-select,
[data-theme="night"] .sr-errors-bulkbar .form-control {
  color: var(--err-text);
  background-color: var(--err-surface);
  border-color: var(--err-border);
}

body.night-mode .sr-errors-filter-card .form-control::placeholder,
body.night-mode .sr-errors-bulkbar .form-control::placeholder,
html.night-mode .sr-errors-filter-card .form-control::placeholder,
html.night-mode .sr-errors-bulkbar .form-control::placeholder,
[data-theme="night"] .sr-errors-filter-card .form-control::placeholder,
[data-theme="night"] .sr-errors-bulkbar .form-control::placeholder {
  color: rgba(244, 244, 245, .42);
}

body.night-mode .sr-errors-bulkbar,
html.night-mode .sr-errors-bulkbar,
[data-theme="night"] .sr-errors-bulkbar {
  background:
    linear-gradient(135deg, rgba(255, 179, 179, .055), transparent 62%),
    var(--err-card);
  border-bottom-color: var(--err-border);
}

body.night-mode .sr-errors-table thead th,
html.night-mode .sr-errors-table thead th,
[data-theme="night"] .sr-errors-table thead th {
  background: var(--err-surface-alt);
  border-bottom-color: var(--err-border);
}

body.night-mode .sr-errors-table th,
body.night-mode .sr-errors-table td,
html.night-mode .sr-errors-table th,
html.night-mode .sr-errors-table td,
[data-theme="night"] .sr-errors-table th,
[data-theme="night"] .sr-errors-table td {
  border-color: var(--err-border);
}

body.night-mode .sr-errors-table tbody tr:hover,
html.night-mode .sr-errors-table tbody tr:hover,
[data-theme="night"] .sr-errors-table tbody tr:hover {
  background: var(--err-row-hover);
}

body.night-mode .sr-sort-btn:hover,
body.night-mode .sr-sort-btn.is-active,
html.night-mode .sr-sort-btn:hover,
html.night-mode .sr-sort-btn.is-active,
[data-theme="night"] .sr-sort-btn:hover,
[data-theme="night"] .sr-sort-btn.is-active {
  background: rgba(255, 179, 179, .08);
}

body.night-mode .sr-error-stat:hover,
html.night-mode .sr-error-stat:hover,
[data-theme="night"] .sr-error-stat:hover {
  background: rgba(255, 179, 179, .065);
  border-color: rgba(255, 179, 179, .2);
}

body.night-mode .sr-error-stat--critical strong,
html.night-mode .sr-error-stat--critical strong,
[data-theme="night"] .sr-error-stat--critical strong {
  color: #ffb4a8;
}

body.night-mode .sr-error-stat--error strong,
html.night-mode .sr-error-stat--error strong,
[data-theme="night"] .sr-error-stat--error strong {
  color: #fdba74;
}

body.night-mode .sr-error-stat--open strong,
html.night-mode .sr-error-stat--open strong,
[data-theme="night"] .sr-error-stat--open strong {
  color: var(--err-primary);
}

/* DB content translation admin */
html.night-mode .db-i18n-admin {
  --db-i18n-bg: #0f0804;
  --db-i18n-surface: #1b120c;
  --db-i18n-surface-strong: #24170f;
  --db-i18n-border: rgba(255, 220, 180, .12);
  --db-i18n-text: #f7ead9;
  --db-i18n-muted: #cbb8a2;
  --db-i18n-primary: #f4a261;
  --db-i18n-primary-strong: #ffd1a3;
  --db-i18n-soft: rgba(244, 162, 97, .12);
}

html.night-mode .db-i18n-hero {
  background:
    radial-gradient(circle at 10% 0%, rgba(244, 162, 97, .14), transparent 32%),
    linear-gradient(135deg, #241006, #160b07 58%, #0b0503);
  border-color: var(--db-i18n-border);
}

html.night-mode .db-i18n-stat,
html.night-mode .db-i18n-card,
html.night-mode .db-i18n-result-item,
html.night-mode .db-i18n-sample,
html.night-mode .db-i18n-table td,
html.night-mode .db-i18n-locale-bar select,
html.night-mode .db-i18n-selector select {
  background: var(--db-i18n-surface-strong);
  border-color: var(--db-i18n-border);
  color: var(--db-i18n-text);
}

html.night-mode .db-i18n-card,
html.night-mode .db-i18n-stat {
  box-shadow: 0 18px 44px rgba(0, 0, 0, .32);
}

html.night-mode .db-i18n-btn:disabled {
  background: #534338;
  color: #cbb8a2;
}

html.night-mode .db-i18n-progress-panel {
  background: linear-gradient(135deg, rgba(244, 162, 97, .1), rgba(27, 18, 12, .86));
  border-color: rgba(244, 162, 97, .2);
}

html.night-mode .db-i18n-progress-track {
  background: rgba(255, 220, 180, .14);
}

html.night-mode .db-i18n-progress-clear {
  background: rgba(36, 23, 15, .82);
  border-color: rgba(255, 220, 180, .14);
  color: var(--db-i18n-primary-strong);
}

html.night-mode .db-i18n-progress-clear:hover {
  background: rgba(54, 35, 23, .94);
  border-color: rgba(255, 220, 180, .26);
}

html.night-mode .db-i18n-progress-log li {
  background: rgba(36, 23, 15, .82);
  border-color: rgba(255, 220, 180, .12);
  color: var(--db-i18n-text);
}

html.night-mode .db-i18n-progress-log li.is-muted {
  color: var(--db-i18n-muted);
}

html.night-mode .db-i18n-progress-log li.is-success {
  border-color: rgba(74, 222, 128, .22);
  color: #86efac;
}

html.night-mode .db-i18n-progress-log li.is-error {
  border-color: rgba(252, 165, 165, .28);
  color: #fca5a5;
}

html.night-mode .db-i18n-copy-block textarea {
  background: #070b12;
  border-color: rgba(255, 220, 180, .16);
  color: #f8fafc;
}

html.night-mode .db-i18n-help-strip,
html.night-mode .db-i18n-empty {
  background: rgba(244, 162, 97, .1);
  border-color: rgba(244, 162, 97, .18);
}

html.night-mode .db-i18n-help-strip strong,
html.night-mode .db-i18n-row-link {
  color: var(--db-i18n-primary-strong);
}

html.night-mode .db-i18n-sort-btn:hover,
html.night-mode .db-i18n-sort-btn.is-active {
  color: var(--db-i18n-primary-strong);
}

html.night-mode .db-i18n-table tr.is-selected td {
  background: rgba(244, 162, 97, .14);
  border-color: rgba(244, 162, 97, .35);
}

html.night-mode .db-i18n-pill--ok {
  background: rgba(74, 222, 128, .14);
  color: #86efac;
}

html.night-mode .db-i18n-pill--warn {
  background: rgba(251, 191, 36, .16);
  color: #fde68a;
}

html.night-mode .db-i18n-pill--muted {
  background: rgba(148, 163, 184, .16);
  color: #cbd5e1;
}
/* Admin attention operations */
.night-mode .admin-attention-card,
.night-mode .admin-attention-panel {
	background: #171717;
	border-color: #34302c;
}

.night-mode .admin-attention-card strong,
.night-mode .admin-attention-panel h2 {
	color: #f8f3ed;
}

.night-mode .admin-attention-card span {
	color: #d6a77c;
}

.night-mode .admin-attention-note {
	background: #24160d;
	border-color: #5f3519;
	color: #fed7aa;
}

html.night-mode .oam-message-preview {
	background: #171717;
	border-color: #34302c;
}

html.night-mode .oam-compose-card,
html.night-mode .oam-summary-panel {
  background: #171717;
  border-color: #34302c;
  color: #f8f3ed;
}

html.night-mode .oam-summary-panel h2 {
  color: #f8f3ed;
}

html.night-mode .oam-summary-panel p,
html.night-mode .oam-direct-image-name {
  color: #cbd5e1;
}

html.night-mode .oam-summary-divider {
  background: #34302c;
}

html.night-mode .oam-direct-message-input.form-control {
  background: #111827;
  border-color: #34302c;
  color: #f8f3ed;
}

html.night-mode .oam-direct-message-input.form-control:focus {
  background: #0f131b;
  border-color: #b91c1c;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.22);
}

html.night-mode .oam-direct-message-input.form-control::placeholder {
  color: #94a3b8;
}

html.night-mode .oam-table thead th {
  border-color: #34302c;
  color: #cbd5e1;
}

html.night-mode .oam-table tbody td {
  border-color: #292524;
  color: #f8f3ed;
}

html.night-mode .oam-table tbody tr:hover {
  background: #210909;
}
/* Crypto payments */
.night-mode .crypto-method-panel {
  background:
    linear-gradient(135deg, rgba(185, 28, 28, 0.16), rgba(21, 25, 34, 0) 44%),
    #151922;
  border-color: #2b3342;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.36);
}

.night-mode .crypto-order-summary,
.night-mode .crypto-status-card,
.night-mode .crypto-method-card {
  background: #1f232a;
  border-color: #333946;
  color: #f3f4f6;
}

.night-mode .crypto-method-panel .crypto-order-summary {
  background:
    radial-gradient(circle at top right, rgba(198, 139, 47, 0.18), transparent 44%),
    #1b2029;
  border-color: #3b2d2d;
}

.night-mode .crypto-method-header h1,
.night-mode .crypto-order-summary h2,
.night-mode .crypto-method-card__body > span,
.night-mode .crypto-order-summary dd {
  color: #f8fafc;
}

.night-mode .crypto-method-header p,
.night-mode .crypto-status-body,
.night-mode .crypto-method-card small,
.night-mode .crypto-order-summary dt,
.night-mode .crypto-status-details dt,
.night-mode .crypto-admin-flag__control small {
  color: #b8c0cc;
}

.night-mode .crypto-method-card:hover {
  border-color: #f2b8b8;
  color: #f2b8b8;
}

.night-mode .crypto-method-card {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.24);
}

.night-mode .crypto-method-card__icon,
.night-mode .crypto-method-card__arrow {
  background: #252c38;
  color: #f2b8b8;
}

.night-mode .crypto-order-summary__image {
  background: #252c38;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.night-mode .crypto-method-card--primary .crypto-method-card__icon,
.night-mode .crypto-method-card:hover .crypto-method-card__arrow {
  background: #f2b8b8;
  color: #210909;
}

.night-mode .crypto-order-summary__amount dd {
  color: #f2b8b8;
}

.night-mode .crypto-status-badge--pending {
  background: #3a2f12;
  color: #ffd36a;
}

.night-mode .crypto-status-badge--paid {
  background: #123524;
  color: #88e0ac;
}

.night-mode .crypto-status-badge--review {
  background: #232b55;
  color: #b8c4ff;
}

.night-mode .crypto-status-badge--failed {
  background: #431f24;
  color: #ffb3bd;
}

.night-mode .crypto-admin-warnings {
    color: #ffd36a;
  }

.night-mode .crypto-payment-panel,
.night-mode .crypto-payment-qr,
.night-mode .crypto-payment-main,
.night-mode .crypto-payment-details,
.night-mode .crypto-payment-timer {
    background: #1f232a;
    border-color: #333946;
    color: #f3f4f6;
}

.night-mode .crypto-payment-timer span,
.night-mode .crypto-payment-send__label > span,
.night-mode .crypto-payment-field__label span,
.night-mode .crypto-payment-note,
.night-mode .crypto-payment-details dt {
    color: #b8c0cc;
}

.night-mode .crypto-payment-timer strong {
    color: #f2b8b8;
}

.night-mode .crypto-payment-send {
    border-bottom-color: #333946;
}

.night-mode .crypto-payment-send strong,
.night-mode .crypto-payment-value,
.night-mode .crypto-copy-btn {
    color: #f3f4f6;
}

.night-mode .crypto-payment-value {
    background: #171a20;
    border-color: #333946;
}

.night-mode .crypto-copy-btn {
    background: #1f232a;
    border-color: #333946;
}

.night-mode .crypto-copy-btn:hover {
    border-color: #f2b8b8;
    color: #f2b8b8;
}

.night-mode .crypto-payment-qr__empty {
    background: #171a20;
    color: #b8c0cc;
}

.night-mode .crypto-booking-panel,
.night-mode .crypto-select-panel {
    background: #1f232a;
    border-color: #333946;
    color: #f3f4f6;
}

.night-mode .crypto-booking-panel dt,
.night-mode .crypto-select-search i,
.night-mode .crypto-coin-option__text small,
.night-mode .crypto-no-results {
    color: #b8c0cc;
}

.night-mode .crypto-booking-panel dd,
.night-mode .crypto-coin-option__text strong {
    color: #f3f4f6;
}

.night-mode .crypto-select-search,
.night-mode .crypto-coin-option {
    background: #1f232a;
    border-color: #333946;
}

.night-mode .crypto-select-search input {
    background: transparent;
    color: #f3f4f6;
}

.night-mode .crypto-coin-option:hover,
.night-mode .crypto-coin-option.is-selected,
.night-mode .crypto-coin-option:has(input:checked) {
    border-color: #f2b8b8;
    box-shadow: 0 0 0 2px rgba(242, 184, 184, 0.12);
}

.night-mode .crypto-coin-option__icon {
    background: #171a20;
}

.night-mode .crypto-coin-option__icon--fallback::before {
    color: #f2b8b8;
}
html.night-mode .hiw-page,
html[data-theme="dark"] .hiw-page {
  --hiw-muted: rgba(251, 244, 232, .72);
  --hiw-line: rgba(255, 255, 255, .16);
  --hiw-panel: rgba(255, 255, 255, .07);
  --hiw-panel-strong: rgba(255, 255, 255, .11);
  background: #05070d;
}

html.night-mode .hiw-stage,
html[data-theme="dark"] .hiw-stage {
  background:
    linear-gradient(125deg, rgba(46, 140, 140, .16) 0%, transparent 28%),
    linear-gradient(215deg, rgba(233, 73, 87, .15) 0%, transparent 30%),
    linear-gradient(170deg, #08111d 0%, #080d15 55%, #05070d 100%);
}

html.night-mode .hiw-stage::before,
html[data-theme="dark"] .hiw-stage::before {
  background-image: radial-gradient(rgba(255, 255, 255, .055) 1px, transparent 1.4px);
}

html.night-mode .hiw-strip,
html[data-theme="dark"] .hiw-strip {
  background: rgba(0, 0, 0, .18);
}

html.night-mode .hiw-stat strong,
html[data-theme="dark"] .hiw-stat strong {
  color: #fff;
}

html.night-mode .hiw-stat span:not(.hiw-stat__badge),
html[data-theme="dark"] .hiw-stat span:not(.hiw-stat__badge) {
  color: rgba(251, 244, 232, .62);
}

html.night-mode .hiw-section,
html[data-theme="dark"] .hiw-section {
  background: #080d15;
}

html.night-mode .hiw-section--split,
html[data-theme="dark"] .hiw-section--split {
  background: #100b10;
}

html.night-mode .hiw-section__header h2,
html.night-mode .hiw-split__copy h2,
html.night-mode .hiw-cta h2,
html.night-mode .hiw-step h3,
html.night-mode .hiw-benefit h3,
html[data-theme="dark"] .hiw-section__header h2,
html[data-theme="dark"] .hiw-split__copy h2,
html[data-theme="dark"] .hiw-cta h2,
html[data-theme="dark"] .hiw-step h3,
html[data-theme="dark"] .hiw-benefit h3 {
  color: #fff;
}

html.night-mode .hiw-section__header p,
html.night-mode .hiw-split__copy p,
html.night-mode .hiw-cta p,
html.night-mode .hiw-step p,
html.night-mode .hiw-benefit p,
html[data-theme="dark"] .hiw-section__header p,
html[data-theme="dark"] .hiw-split__copy p,
html[data-theme="dark"] .hiw-cta p,
html[data-theme="dark"] .hiw-step p,
html[data-theme="dark"] .hiw-benefit p {
  color: rgba(251, 244, 232, .72);
}

html.night-mode .hiw-step,
html.night-mode .hiw-benefit,
html[data-theme="dark"] .hiw-step,
html[data-theme="dark"] .hiw-benefit {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .07);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

html.night-mode .hiw-pass__perf::before,
html.night-mode .hiw-pass__perf::after,
html[data-theme="dark"] .hiw-pass__perf::before,
html[data-theme="dark"] .hiw-pass__perf::after {
  background: #080d15;
}

html.night-mode .hiw-step::after,
html[data-theme="dark"] .hiw-step::after {
  box-shadow: 0 0 0 4px #130b10, 0 0 0 5px currentColor, 0 0 24px currentColor;
}

html.night-mode .hiw-checklist li,
html[data-theme="dark"] .hiw-checklist li {
  color: rgba(251, 244, 232, .86);
}

html.night-mode .hiw-phone,
html[data-theme="dark"] .hiw-phone {
  background: linear-gradient(155deg, #13070d 0%, #220b12 100%);
}

html.night-mode .hiw-cta,
html[data-theme="dark"] .hiw-cta {
  border-top-color: rgba(255, 255, 255, .16);
  background:
    radial-gradient(circle at 12% 22%, rgba(233, 73, 87, .12), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(46, 140, 140, .12), transparent 28%),
    #080d15;
}
html.night-mode .sr-msg-bot,
html.night-mode .sr-chat-bot-bubble {
  background: #252530;
  color: #f3f4f6;
}

html.night-mode .sr-chat-bot-name {
  color: #d1d5db;
}

html.night-mode .sr-chat-bot-link {
  background: rgba(255,255,255,.08);
  color: #f3f4f6;
  border-color: rgba(255,255,255,.12);
}

html.night-mode .sr-chat-talk-human {
  background: var(--sr-chat-accent);
  color: #fff;
}

html.night-mode .sr-room-bot-context {
  background: #1f2028;
  border-color: rgba(255,255,255,.1);
}

html.night-mode .sr-room-bot-context summary {
  color: #f3f4f6;
}

html.night-mode .sr-room-bot-context summary small {
  color: #9ca3af;
}

html.night-mode .sr-room-bot-context-item {
  background: #252530;
  border-color: rgba(255,255,255,.08);
}

html.night-mode .sr-room-bot-context-item strong {
  color: #f3d2d2;
}

html.night-mode .sr-room-bot-context-item p {
  color: #d1d5db;
}

html.night-mode .sr-room-bot-context-links a {
  background: rgba(255,255,255,.08);
  color: #f3d2d2;
}


/* ── Things To Do ── */
html.night-mode .ttd-hero { background:#040408; }
html.night-mode .ttd-intro { background:#0a0a0f; }
html.night-mode .ttd-intro__inner .ttd-sh__h2,
html.night-mode .ttd-intro__body { color:#d1d5db; }
html.night-mode .ttd-intro__inner .ttd-sh__h2 { color:#f3f4f6; }

html.night-mode .ttd-cats { background:#0d0d14; }
html.night-mode .ttd-cat-item { background:#1a1a24;border-color:rgba(255,255,255,.07); }
html.night-mode .ttd-cat-item:hover { background:#22222f;border-color:#e63946; }
html.night-mode .ttd-cat-item__icon { background:rgba(230,57,70,.12); }
html.night-mode .ttd-cat-item__label { color:#d1d5db; }
html.night-mode .ttd-sh__h2 { color:#f3f4f6; }
html.night-mode .ttd-sh__sub { color:#6b7280; }

html.night-mode .ttd-upcoming { background:#0a0a0f;border-color:rgba(255,255,255,.06); }
html.night-mode .ttd-upcoming__tag { background:#1a1a24;border-color:rgba(255,255,255,.1);color:#9ca3af; }
html.night-mode .ttd-upcoming__note { color:#4b5563; }

html.night-mode .ttd-why { background:#0d0d14; }
html.night-mode .ttd-why .ttd-sh__label { color:#f87171; }
html.night-mode .ttd-why .ttd-sh__h2 { color:#f3f4f6; }
html.night-mode .ttd-why__body { color:#9ca3af; }
html.night-mode .ttd-why__note { color:#4b5563; }
html.night-mode .ttd-stat { background:#1a1a24;border-color:rgba(255,255,255,.07); }
html.night-mode .ttd-stat__val { color:#f3f4f6; }
html.night-mode .ttd-stat__label { color:#6b7280; }

html.night-mode .ttd-article { background:#0d0d14; }
html.night-mode .ttd-article__section-icon { background:rgba(230,57,70,.12); }
html.night-mode .ttd-article__section-title { color:#f3f4f6; }
html.night-mode .ttd-article__section-body { color:#9ca3af; }html.night-mode .ttd-all-countries { background:#0d0d14; }
html.night-mode .ttd-country-tag { background:#1a1a24;border-color:rgba(255,255,255,.1);color:#d1d5db; }
html.night-mode .ttd-country-tag:hover { border-color:#e63946;color:#f87171;background:#1a1a24; }html.night-mode .ttd-country-photo-card { background:#1a1a24; }

/* ── City page dark mode ── */
body.night-mode .sr-ttdc,
html.night-mode .sr-ttdc,
[data-theme="dark"] .sr-ttdc {
  --city-paper: #09090f;
  --city-soft: #111118;
  --city-border: rgba(255, 255, 255, .1);
  color: #f8fafc;
}

body.night-mode .sr-ttdc-intro-card,
body.night-mode .sr-ttdc-section,
body.night-mode .sr-ttdc-empty,
html.night-mode .sr-ttdc-intro-card,
html.night-mode .sr-ttdc-section,
html.night-mode .sr-ttdc-empty,
[data-theme="dark"] .sr-ttdc-intro-card,
[data-theme="dark"] .sr-ttdc-section,
[data-theme="dark"] .sr-ttdc-empty {
  background: #111118;
  color: #f8fafc;
}

body.night-mode .sr-ttdc-section h2,
body.night-mode .sr-ttdc-intro-card h2,
html.night-mode .sr-ttdc-section h2,
html.night-mode .sr-ttdc-intro-card h2,
[data-theme="dark"] .sr-ttdc-section h2,
[data-theme="dark"] .sr-ttdc-intro-card h2 {
  color: #f8fafc;
}

body.night-mode .sr-ttdc-section p,
body.night-mode .sr-ttdc-empty p,
body.night-mode .sr-ttdc-intro-card p,
html.night-mode .sr-ttdc-section p,
html.night-mode .sr-ttdc-empty p,
html.night-mode .sr-ttdc-intro-card p,
[data-theme="dark"] .sr-ttdc-section p,
[data-theme="dark"] .sr-ttdc-empty p,
[data-theme="dark"] .sr-ttdc-intro-card p {
  color: #a1a1aa;
}

body.night-mode .sr-ttdc-pulse,
html.night-mode .sr-ttdc-pulse,
[data-theme="dark"] .sr-ttdc-pulse {
  background:
    radial-gradient(circle at 24px 40px, var(--city-red) 0 5px, transparent 6px),
    radial-gradient(circle at 58px 24px, var(--city-gold) 0 5px, transparent 6px),
    radial-gradient(circle at 92px 48px, #c28a63 0 5px, transparent 6px),
    #17171f;
}

body.night-mode .sr-ttdc-final,
html.night-mode .sr-ttdc-final,
[data-theme="dark"] .sr-ttdc-final {
  background: #09090f;
}
html.night-mode .ttd-country-cities { background:#0d0d14; }
html.night-mode .ttd-all-countries { background:#0d0d14; }
.night-mode .sr-dm-thread-card,
html.night-mode .sr-dm-thread-card,
html[data-theme="dark"] .sr-dm-thread-card,
.night-mode .sr-dm-panel,
html.night-mode .sr-dm-panel,
html[data-theme="dark"] .sr-dm-panel {
  background: #151922;
  border-color: #293142;
  color: #f8fafc;
}

.night-mode .sr-dm-thread-card:hover,
html.night-mode .sr-dm-thread-card:hover,
html[data-theme="dark"] .sr-dm-thread-card:hover {
  background: #1f2937;
  color: #f8fafc;
}

.night-mode .sr-dm-thread-card.is-unread,
html.night-mode .sr-dm-thread-card.is-unread,
html[data-theme="dark"] .sr-dm-thread-card.is-unread {
  background: #241518;
  border-color: #7f1d1d;
}

.night-mode .sr-dm-thread-preview,
html.night-mode .sr-dm-thread-preview,
html[data-theme="dark"] .sr-dm-thread-preview,
.night-mode .sr-dm-thread-time,
html.night-mode .sr-dm-thread-time,
html[data-theme="dark"] .sr-dm-thread-time,
.night-mode .sr-dm-heading p,
html.night-mode .sr-dm-heading p,
html[data-theme="dark"] .sr-dm-heading p,
.night-mode .sr-dm-empty,
html.night-mode .sr-dm-empty,
html[data-theme="dark"] .sr-dm-empty {
  color: #cbd5e1;
}

.night-mode .sr-dm-delivery-option,
html.night-mode .sr-dm-delivery-option,
html[data-theme="dark"] .sr-dm-delivery-option {
  background: #111827;
  border-color: #293142;
}

.night-mode .sr-dm-delivery-option strong,
html.night-mode .sr-dm-delivery-option strong,
html[data-theme="dark"] .sr-dm-delivery-option strong {
  color: #f8fafc;
}

.night-mode .sr-dm-delivery-option small,
html.night-mode .sr-dm-delivery-option small,
html[data-theme="dark"] .sr-dm-delivery-option small {
  color: #cbd5e1;
}

.night-mode .sr-dm-bubble,
html.night-mode .sr-dm-bubble,
html[data-theme="dark"] .sr-dm-bubble {
  background: #1f2937;
  border-color: #293142;
  color: #f8fafc;
}

.night-mode .sr-dm-bubble.is-own,
html.night-mode .sr-dm-bubble.is-own,
html[data-theme="dark"] .sr-dm-bubble.is-own,
.night-mode .sr-dm-bubble.is-participant-b,
html.night-mode .sr-dm-bubble.is-participant-b,
html[data-theme="dark"] .sr-dm-bubble.is-participant-b {
  background: #8f1111;
  border-color: #8f1111;
  color: #fff;
}

.night-mode .sr-dm-message-meta,
html.night-mode .sr-dm-message-meta,
html[data-theme="dark"] .sr-dm-message-meta {
  color: #cbd5e1;
}

.night-mode .sr-dm-compose,
html.night-mode .sr-dm-compose,
html[data-theme="dark"] .sr-dm-compose {
  background: #151922;
  border-color: #293142;
}

.night-mode .sr-dm-compose-input.form-control,
html.night-mode .sr-dm-compose-input.form-control,
html[data-theme="dark"] .sr-dm-compose-input.form-control {
  background: #0f131b;
  border-color: #293142;
  color: #f8fafc;
}

.night-mode .sr-dm-compose-input.form-control:focus,
html.night-mode .sr-dm-compose-input.form-control:focus,
html[data-theme="dark"] .sr-dm-compose-input.form-control:focus {
  background: #111827;
  border-color: #b91c1c;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.22);
}

.night-mode .sr-dm-compose-input.form-control::placeholder,
html.night-mode .sr-dm-compose-input.form-control::placeholder,
html[data-theme="dark"] .sr-dm-compose-input.form-control::placeholder {
  color: #94a3b8;
}

.night-mode .sr-dm-compose-icon,
html.night-mode .sr-dm-compose-icon,
html[data-theme="dark"] .sr-dm-compose-icon {
  background: #0f131b;
  border-color: #293142;
  color: #cbd5e1;
}

.night-mode .sr-dm-compose-icon:hover,
.night-mode .sr-dm-compose-icon:focus,
html.night-mode .sr-dm-compose-icon:hover,
html.night-mode .sr-dm-compose-icon:focus,
html[data-theme="dark"] .sr-dm-compose-icon:hover,
html[data-theme="dark"] .sr-dm-compose-icon:focus {
  background: #2a1216;
  border-color: #7f1d1d;
  color: #fecaca;
}

.night-mode .sr-dm-messages,
html.night-mode .sr-dm-messages,
html[data-theme="dark"] .sr-dm-messages {
  background: #0f131b;
}

html.night-mode .sr-dm-delivery-option:has(input:checked) {
  border-color: #b91c1c;
  background: #2a1216;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.16);
}

html.night-mode .sr-dm-compose-disabled,
html.night-mode .sr-dm-empty {
  color: #cbd5e1;
}

/* Source: public_html/organiser/welcome.php */
html.night-mode .sr-organiser-welcome,
html[data-theme="dark"] .sr-organiser-welcome {
  background:
    linear-gradient(135deg, rgba(123, 2, 2, .22), rgba(122, 75, 42, .14) 42%, rgba(0, 0, 0, 0) 72%),
    #0d0706;
}

html.night-mode .sr-organiser-welcome__copy,
html.night-mode .sr-organiser-welcome__badge-card,
html.night-mode .sr-organiser-welcome__next,
html[data-theme="dark"] .sr-organiser-welcome__copy,
html[data-theme="dark"] .sr-organiser-welcome__badge-card,
html[data-theme="dark"] .sr-organiser-welcome__next {
  border-color: rgba(240, 199, 168, .16);
  background: rgba(23, 9, 8, .9);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
}

html.night-mode .sr-organiser-welcome h1,
html.night-mode .sr-organiser-welcome__section-head h2,
html.night-mode .sr-organiser-welcome__badge-meta strong,
html.night-mode .sr-organiser-welcome__step,
html[data-theme="dark"] .sr-organiser-welcome h1,
html[data-theme="dark"] .sr-organiser-welcome__section-head h2,
html[data-theme="dark"] .sr-organiser-welcome__badge-meta strong,
html[data-theme="dark"] .sr-organiser-welcome__step {
  color: #fff5f2;
}

html.night-mode .sr-organiser-welcome__copy p,
html.night-mode .sr-organiser-welcome__section-head p,
html.night-mode .sr-organiser-welcome__badge-meta span,
html.night-mode .sr-organiser-welcome__step em,
html[data-theme="dark"] .sr-organiser-welcome__copy p,
html[data-theme="dark"] .sr-organiser-welcome__section-head p,
html[data-theme="dark"] .sr-organiser-welcome__badge-meta span,
html[data-theme="dark"] .sr-organiser-welcome__step em {
  color: #d7b9b3;
}

html.night-mode .sr-organiser-welcome__status,
html.night-mode .sr-organiser-welcome__step span,
html[data-theme="dark"] .sr-organiser-welcome__status,
html[data-theme="dark"] .sr-organiser-welcome__step span {
  background: rgba(244, 228, 228, .12);
  color: #ffd7d7;
}

html.night-mode .sr-organiser-welcome__notice,
html[data-theme="dark"] .sr-organiser-welcome__notice {
  border-color: rgba(240, 199, 168, .24);
  background: rgba(122, 75, 42, .16);
  color: #f0c7a8;
}

html.night-mode .sr-organiser-welcome__secondary,
html.night-mode .sr-organiser-welcome__step,
html[data-theme="dark"] .sr-organiser-welcome__secondary,
html[data-theme="dark"] .sr-organiser-welcome__step {
  border-color: rgba(240, 199, 168, .16);
  background: rgba(255, 255, 255, .04);
}

html.night-mode .sr-organiser-welcome__secondary,
html[data-theme="dark"] .sr-organiser-welcome__secondary {
  color: #ffd7d7;
}


/* ── Testimonials page (.tmn-) night mode ──────────────────── */
html.night-mode body.tmn-page,
html[data-theme="dark"] body.tmn-page {
  background: #0d0d0f;
  color: #f3f4f6;
}

html.night-mode .tmn-section,
html[data-theme="dark"] .tmn-section {
  background: #0d0d0f;
  color: #f3f4f6;
}

html.night-mode .tmn-section--alt,
html[data-theme="dark"] .tmn-section--alt {
  background: #111317;
  color: #f3f4f6;
}

html.night-mode .tmn-hero,
html[data-theme="dark"] .tmn-hero {
  border-color: rgba(255, 255, 255, .08);
}

html.night-mode .tmn-h2,
html[data-theme="dark"] .tmn-h2 {
  color: #f3f4f6;
}

html.night-mode .tmn-sub,
html[data-theme="dark"] .tmn-sub {
  color: #9ca3af;
}

html.night-mode .tmn-card,
html[data-theme="dark"] .tmn-card {
  background: #1a1a20;
  border-color: rgba(255, 255, 255, .08);
  color: #f3f4f6;
}

html.night-mode .tmn-card:hover,
html[data-theme="dark"] .tmn-card:hover {
  background: #1f2028;
  border-color: rgba(255, 138, 138, .22);
}

html.night-mode .tmn-section--alt .tmn-card,
html[data-theme="dark"] .tmn-section--alt .tmn-card {
  background: #1a1a20;
}

html.night-mode .tmn-card__message,
html[data-theme="dark"] .tmn-card__message {
  color: #d1d5db;
}

html.night-mode .tmn-card__name,
html[data-theme="dark"] .tmn-card__name {
  color: #f3f4f6;
}

html.night-mode .tmn-card__meta,
html[data-theme="dark"] .tmn-card__meta {
  color: #6b7280;
}

html.night-mode .tmn-card__avatar,
html[data-theme="dark"] .tmn-card__avatar {
  background: rgba(255, 138, 138, .14);
  color: #ffb3b3;
}

html.night-mode .tmn-star--empty,
html[data-theme="dark"] .tmn-star--empty {
  color: #374151;
}

html.night-mode .tmn-card__badge--organiser,
html[data-theme="dark"] .tmn-card__badge--organiser {
  background: rgba(192, 80, 0, .2);
  color: #fdba74;
}

html.night-mode .tmn-card__badge--attendee,
html[data-theme="dark"] .tmn-card__badge--attendee {
  background: rgba(55, 48, 163, .3);
  color: #a5b4fc;
}

html.night-mode .sr-search-card__bookmark,
html[data-theme="dark"] .sr-search-card__bookmark {
  background: rgba(30, 30, 30, .76);
  color: #f87171;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .40);
}

html.night-mode .sr-search-card__bookmark:hover,
html[data-theme="dark"] .sr-search-card__bookmark:hover {
  background: rgba(40, 40, 40, .92);
}

/* ===================== BRANDING PAGE ===================== */
html.night-mode .branding-header h1,
html[data-theme="dark"] .branding-header h1 {
  color: #e8e8f0;
}

html.night-mode .branding-header p,
html[data-theme="dark"] .branding-header p {
  color: #999;
}

html.night-mode .branding-section__title,
html[data-theme="dark"] .branding-section__title {
  color: #666;
  border-bottom-color: #2a2a3a;
}

html.night-mode .branding-card,
html[data-theme="dark"] .branding-card {
  background: #1e1e2e;
  border-color: #2a2a3a;
}

html.night-mode .branding-card__preview,
html[data-theme="dark"] .branding-card__preview {
  background: #15151f;
}

html.night-mode .branding-card--dark .branding-card__preview,
html[data-theme="dark"] .branding-card--dark .branding-card__preview {
  background: #0d0d14;
}

html.night-mode .branding-card__name,
html[data-theme="dark"] .branding-card__name {
  color: #ddd;
}

html.night-mode .branding-btn--secondary,
html[data-theme="dark"] .branding-btn--secondary {
  background: var(--sr-primary-tint);
  color: var(--sr-primary);
}

html.night-mode .branding-btn--primary:hover,
html[data-theme="dark"] .branding-btn--primary:hover,
html.night-mode .branding-btn--secondary:hover,
html[data-theme="dark"] .branding-btn--secondary:hover {
  color: #fff;
  opacity: 1;
}

html.night-mode .branding-lightbox-backdrop img,
html[data-theme="dark"] .branding-lightbox-backdrop img {
  background: #1e1e2e;
}