/* ============================================================
   AllTickets — HARMONIZAÇÃO dos painéis DESKTOP com o app mobile
   Objetivo: usuário e organizador falarem a mesma língua visual
   (marca #004FCC, claro, cards brancos), mantendo a landing intacta.
   Carregado DEPOIS de todos os estilos (inclusive @stack('style')),
   por isso vence os blocos inline escuros dos partials.
   ============================================================ */

/* Fonte única dos painéis: Red Hat Display (o organizer já usa; unifica o user).
   Escopado ao shell do painel — ícones (la-/fa-) definem a própria fonte e não são afetados. */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700;800&display=swap');

.user-panel-shell,
.user-panel-shell .dashboard,
.user-dashboard-header {
    font-family: "Red Hat Display", "Lato", -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Tokens dos dashboards (redefinidos por cascata — carrega por último) */
:root {
    --ud-primary: #004FCC;              /* user dashboard: era navy #0b224b */
    --dashboard-primary: #004FCC;       /* organizer dashboard: era índigo #4f46e5 */
    --dashboard-primary-dark: #003a9b;  /* era #3730a3 */
}

/* ---------- Sidenavs: MESMO gradiente de marca nos dois painéis ----------
   (antes: user = navy #0b224b→#12356f; organizer = #004FCC→#082455) */
.user-modern-sidebar,
.modern-sidebar {
    --sidebar-bg: linear-gradient(180deg, #004FCC 0%, #0243a8 55%, #052a66 100%);
    background: linear-gradient(180deg, #004FCC 0%, #0243a8 55%, #052a66 100%) !important;
}

/* limpa sombras de texto herdadas (spans do organizer têm text-shadow inline) */
.user-modern-sidebar .sidebar-menu-list__link span,
.modern-sidebar .sidebar-menu-list__link span {
    text-shadow: none !important;
}

/* item ativo: pílula clara consistente nos dois painéis */
.user-modern-sidebar .sidebar-menu-list__item.active > .sidebar-menu-list__link,
.modern-sidebar .sidebar-menu-list__item.active > .sidebar-menu-list__link {
    background: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
}
.user-modern-sidebar .sidebar-menu-list__link .icon,
.modern-sidebar .sidebar-menu-list__link .icon {
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
}

/* ---------- Header do painel do usuário ----------
   (era navy #0b224b→#12356f; vira o gradiente de marca — textos brancos preservados) */
.user-dashboard-header,
.user-dashboard-header.fixed-header {
    background: linear-gradient(135deg, #004FCC 0%, #003a9b 100%) !important;
}

/* ---------- Heroes dos dashboards: gradiente igual ao card-herói do app ----------
   (user .dash-hero era #081a39→...; organizer .dashboard-hero era slate/índigo off-brand) */
.dash-hero,
.dashboard-hero {
    background: linear-gradient(135deg, #004FCC 0%, #003a9b 58%, #052a66 100%) !important;
}

/* Ícone de stat "primary" do organizer (era índigo #4f46e5→#6366f1) */
.modern-stat-card__icon--primary {
    background: linear-gradient(135deg, #004FCC, #2f74ff) !important;
}

/* Barras de progresso do dashboard do organizer no tom de marca */
.dashboard-progress__bar > span,
.modern-progress__fill {
    background: linear-gradient(90deg, #2f74ff 0%, #004FCC 100%) !important;
}

/* ---------- Botões primários DENTRO dos painéis (landing intacta) ---------- */
.user-panel-shell .btn--base,
.dashboard .btn--base {
    background-color: #004FCC !important;
    border-color: #004FCC !important;
}
.user-panel-shell .btn--base:hover,
.user-panel-shell .btn--base:focus,
.dashboard .btn--base:hover,
.dashboard .btn--base:focus {
    background-color: #003a9b !important;
    border-color: #003a9b !important;
}

/* ---------- Cards: suavidade do app (raio + sombra leve) ---------- */
.user-panel-shell .custom--card,
.user-panel-shell .stat-card,
.dashboard .custom--card,
.modern-stat-card {
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(18, 38, 80, .06) !important;
    border-color: #e6eaf1 !important;
}