/* Dashboard: correct surfaces before premium CSS parses */
body.aya-dashboard-page,
body.aya-dashboard-page.bg-gray {
    background-color: #F6F5F2 !important;
}
.section-content.dashboard-shell {
    background: #F6F5F2;
}
.dashboard-shell .dashboard-hero,
.dashboard-shell .card-elevated,
.dashboard-shell .card.box,
.dashboard-shell .section-panel,
.dashboard-shell .dashboard-collapsible,
.dashboard-shell .box.shadow-none.bg-gray {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    box-shadow: none;
}
.dashboard-shell .stat-card {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.dashboard-shell .stat-value {
    color: #111827;
    font-weight: 600;
}
.dashboard-shell .stat-label {
    color: #6b7280;
}
.dashboard-shell .hero-greeting {
    color: #111827;
    font-weight: 600;
}
.dashboard-shell .hero-sub {
    color: #6b7280;
}
.dashboard-shell .btn-primary {
    background-color: #c3073f;
    border-color: #c3073f;
    color: #fff;
}
/* Sidebar: override encore .nav-pills-vertical-styled before dashboard-premium.css */
body.aya-dashboard-page #dashboard-menu.nav-pills-vertical-styled {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    margin: 0;
    padding: 8px;
}
body.aya-dashboard-page #dashboard-menu.nav-pills-vertical-styled .nav-link {
    border: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    color: #4b5563;
    background: transparent;
}
body.aya-dashboard-page #dashboard-menu.nav-pills-vertical-styled .nav-link.active {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    padding-left: 0.75rem;
    color: #111827;
    font-weight: 600;
}
body.aya-dashboard-page #dashboard-menu .nav-header {
    color: #9ca3af;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
#dashboard-sidenav .nav-header {
    color: #6b7280 !important;
}
.dashboard-shell .count-up {
    opacity: 1;
    transform: none;
}

/* Mobile nav drawer: correct surface before stylesheet loads */
.mobile-nav-container {
    background: #fff;
}
.mobile-nav-profile,
.mobile-nav-footer,
.mobile-nav-quicklinks {
    background: #fff;
}

/* Mobile search modal: hidden until aya-mobile-search-premium.css loads */
.mobile-search-modal {
    display: none;
}

/* Auth (login, 2FA, register, reset): surfaces before auth-premium.css */
body.aya-auth-page,
body.aya-auth-page.bg-gray {
    background-color: #F6F5F2 !important;
}
/* Never blank auth pages. Inlined auth CSS already prevents FOUC. */
body.aya-auth-page.aya-preload {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}
body.aya-auth-page .header-main {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}
.auth-shell {
    background: #F6F5F2;
}
.auth-card {
    background: #fff;
    border: 1px solid #E4E2DC;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.auth-shell .btn-primary,
.auth-shell .btn-success {
    background-color: #c3073f;
    border-color: #c3073f;
    color: #fff;
}
.auth-title {
    color: #111827;
    font-weight: 600;
}

body.aya-event-password-page,
body.aya-event-password-page.bg-gray {
    background-color: #F6F5F2 !important;
}
body.aya-event-password-page .header-main {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}

/* Checkout / cart shells before route stylesheets */
body.aya-page-checkout {
    background-color: #fafafa;
}
body.aya-page-cart {
    background-color: #fafafa;
}

/* Help center v2: hero surface before full stylesheet */
body.aya-help-v2-page,
body.aya-help-v2-page.bg-gray {
    background-color: #F6F5F2 !important;
}
.aya-help-v2__hero {
    background: transparent;
    border-bottom: 0;
}

/* Find tickets: page shell before full stylesheet */
body.aya-find-tickets-page {
    background-color: #f8f7f2;
}
.aya-find-tickets {
    background: #f8f7f2;
}

/* Events page v2 / sell tickets v2: surface before full stylesheet */
.aya-ev2.section-content,
section.aya-ev2 {
    background: #fafafa;
}
body.aya-sell-v2-page {
    background-color: #fafafa;
}

/* Venues list / detail: surfaces before full stylesheet */
body.aya-venues-page {
    background-color: #fafafa;
}
.aya-venues-page.section-content,
section.aya-venues-page {
    background: #fafafa;
}
body.aya-venue-detail-page {
    background-color: #fff;
}

/* Events by city: hero before full stylesheet */
.aya-city-events .city-hero {
    background: #fff;
    color: #111827;
}

/* Create event wizard: shell before full stylesheet */
section.create-event-v2,
.create-event-v2,
section.create-event-v4,
.create-event-v4 {
    background: #f6f7f9;
    color: #101828;
}

/* Press kit: hero surface before full stylesheet */
body.aya-press-kit-page {
    background-color: #fafafa;
}
.aya-press-kit__hero {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}

/* Contact support: cream shell + white content before aya-contact-support.css */
body.aya-contact-page,
body.aya-contact-page.bg-gray {
    background-color: #F6F5F2 !important;
}
.section-content.aya-contact {
    background: #fff;
    min-height: 0;
}
body.aya-contact-page.aya-preload {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}

body.aya-refund-request-page,
body.aya-refund-request-page.bg-gray {
    background-color: #F6F5F2 !important;
}
.section-content.aya-refund {
    background: #fff;
    min-height: 0;
}
body.aya-refund-request-page.aya-preload {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}