/* ========================================================================
   FUNAE — Dark mode global polish
   Carregado depois de Funae.Web.styles.css para poder sobrepor CSS scoped.
   Paleta dark: fundo #0A0D22 · superfície #151938 · lavanda #8A92E0
   ======================================================================== */

/* Controlos nativos (scrollbars, inputs, date pickers) seguem o tema */
.funae-dark {
    color-scheme: dark;
}

/* Transição suave ao alternar tema */
body,
.mud-layout,
.mud-appbar,
.mud-main-content,
.mud-paper,
.mud-drawer {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

/* ── Scrollbars ── */
.funae-dark ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.funae-dark ::-webkit-scrollbar-track {
    background: #0A0D22;
}
.funae-dark ::-webkit-scrollbar-thumb {
    background: #2A2F5C;
    border-radius: 8px;
    border: 2px solid #0A0D22;
}
.funae-dark ::-webkit-scrollbar-thumb:hover {
    background: #3A4180;
}

/* ── Topbar: gradiente profundo (o CSS scoped força o gradiente claro) ── */
.funae-dark .funae-topbar {
    background: linear-gradient(90deg, #0D1029 0%, #181C4A 100%) !important;
    border-bottom-color: rgba(138, 146, 224, 0.14) !important;
}

/* Anel do logo mais suave em dark */
.funae-dark .appbar-logo {
    box-shadow: 0 0 0 2px rgba(255, 236, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.55);
}

/* Faixa de destaque menos agressiva */
.funae-dark .funae-accent-bar {
    background: linear-gradient(90deg,
        #D6C500 0%,
        #E07200 38%,
        #E05E10 65%,
        #2A2F6B 100%);
    opacity: 0.85;
}

/* ── Superfícies flutuantes: dialogs, menus, popovers ── */
.funae-dark .mud-dialog {
    background-color: #171B3D;
    border: 1px solid rgba(138, 146, 224, 0.16);
}
.funae-dark .mud-menu-list,
.funae-dark .mud-list {
    background-color: transparent;
}
.funae-dark .mud-popover {
    border: 1px solid rgba(138, 146, 224, 0.16);
}

/* Tooltips legíveis sobre fundo escuro */
.funae-dark .mud-tooltip {
    background-color: #2A2F5C;
    color: #EEF0FA;
}

/* ── Hovers/brilhos de cartões: em dark, sombra preta não lê — usa anel ── */
.funae-dark .card-hover:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(138, 146, 224, 0.28) !important;
}
.funae-dark .glow-hover:hover {
    box-shadow: 0 0 16px rgba(138, 146, 224, 0.35) !important;
}
.funae-dark .funae-carousel {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
}
.funae-dark .funae-stat-card:hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(138, 146, 224, 0.22);
}
.funae-dark .funae-news-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(138, 146, 224, 0.22);
}

/* Leaflet: moldura subtil para o mapa não "flutuar" sem limites */
.funae-dark .leaflet-container {
    border: 1px solid rgba(138, 146, 224, 0.15);
}