/* ==========================================================================
   MUNICIPAL DARK MODE - Overrides para contexto municipal
   Seletores baseados em [data-pc-theme="dark"] (toggle do SIGEDU)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. LAYOUT MUNICIPAL (body, sidebar, header)
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] body.layout-municipal {
    background:
        radial-gradient(circle at top left, rgba(62, 165, 245, 0.06), transparent 24%),
        linear-gradient(180deg, var(--sg-bg-body) 0%, #1e2227 42%, var(--sg-bg-body) 100%);
}

[data-pc-theme="dark"] body.layout-municipal .pc-sidebar {
    background: linear-gradient(180deg, var(--sg-surface) 0%, var(--sg-bg-body) 100%);
    border-right: 1px solid var(--sg-border);
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.2);
}

[data-pc-theme="dark"] body.layout-municipal .pc-header {
    background: rgba(30, 34, 39, 0.92);
    border-bottom: 1px solid var(--sg-border);
    backdrop-filter: blur(14px);
}

/* --------------------------------------------------------------------------
   2. HERO CARDS - Padrão gradiente usado em quase todas as views municipais
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .hero-card,
[data-pc-theme="dark"] .municipal-hero {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3) !important;
}

/* Suaviza gradientes hero para dark (fundo escuro + brilho mais discreto) */
[data-pc-theme="dark"] .freq-shell .hero-card,
[data-pc-theme="dark"] .freq-launch .hero-card,
[data-pc-theme="dark"] .objective-launch .hero-card,
[data-pc-theme="dark"] .municipal-details .hero-card,
[data-pc-theme="dark"] .vida-escolar-shell .hero-card,
[data-pc-theme="dark"] .vida-escolar-detalhes .hero-card,
[data-pc-theme="dark"] .close-stage .hero-card,
[data-pc-theme="dark"] .municipal-shell .hero-card,
[data-pc-theme="dark"] .censo-municipal-shell .hero-card,
[data-pc-theme="dark"] .painel-operacional-shell .hero-card {
    background:
        radial-gradient(circle at top left, rgba(62, 165, 245, 0.10), transparent 28%),
        linear-gradient(135deg, rgba(62, 165, 245, 0.06), rgba(76, 175, 80, 0.06)),
        var(--sg-surface) !important;
}

[data-pc-theme="dark"] .gestao-shell .hero-card {
    background:
        radial-gradient(circle at top left, rgba(62, 165, 245, 0.10), transparent 28%),
        linear-gradient(135deg, rgba(14, 165, 233, 0.08), rgba(76, 175, 80, 0.06)),
        var(--sg-surface) !important;
}

[data-pc-theme="dark"] .close-stage .hero-card {
    background:
        radial-gradient(circle at top left, rgba(76, 175, 80, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(76, 175, 80, 0.06), rgba(255, 193, 7, 0.06)),
        var(--sg-surface) !important;
}

[data-pc-theme="dark"] .censo-municipal-shell .hero-card {
    background:
        radial-gradient(circle at top left, rgba(255, 152, 0, 0.10), transparent 28%),
        linear-gradient(135deg, rgba(255, 152, 0, 0.06), rgba(41, 182, 246, 0.06)),
        var(--sg-surface) !important;
}

[data-pc-theme="dark"] .municipal-shell .municipal-hero {
    background:
        radial-gradient(circle at top right, rgba(62, 165, 245, 0.12), transparent 30%),
        linear-gradient(135deg, rgba(62, 165, 245, 0.06), rgba(76, 175, 80, 0.06)),
        var(--sg-surface) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3) !important;
}

[data-pc-theme="dark"] .municipal-shell .municipal-hero::after {
    background: rgba(255, 193, 7, 0.08);
}

/* --------------------------------------------------------------------------
   3. SECTION / CONTENT / TABLE / KPI CARDS
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .section-card,
[data-pc-theme="dark"] .content-card,
[data-pc-theme="dark"] .kpi-card,
[data-pc-theme="dark"] .municipal-kpi,
[data-pc-theme="dark"] .municipal-table-card,
[data-pc-theme="dark"] .municipal-side-card,
[data-pc-theme="dark"] .avaliacao-municipal-card {
    background: var(--sg-surface);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
}

[data-pc-theme="dark"] .municipal-kpi:hover {
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
}

/* --------------------------------------------------------------------------
   4. INFO TILES / SUMMARY TILES - fundo branco translúcido → dark surface
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .info-tile,
[data-pc-theme="dark"] .summary-tile {
    background: var(--sg-surface-secondary) !important;
    border-color: var(--sg-border) !important;
}

/* --------------------------------------------------------------------------
   5. SECTION LABELS - cor fixa #64748b → variável
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .section-label {
    color: var(--sg-text-muted) !important;
}

/* --------------------------------------------------------------------------
   6. FILTROS E LINKS MUNICIPAIS
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .municipal-filter {
    background: var(--sg-surface);
    border-color: var(--sg-border);
    color: var(--sg-text);
}

[data-pc-theme="dark"] .municipal-filter:hover,
[data-pc-theme="dark"] .municipal-filter.is-active {
    border-color: rgba(62, 165, 245, 0.35);
    box-shadow: 0 12px 24px rgba(62, 165, 245, 0.12);
}

[data-pc-theme="dark"] .municipal-side-list li + li {
    border-color: var(--sg-border);
}

/* --------------------------------------------------------------------------
   7. QUICK LINKS (Painel Operacional)
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .painel-operacional-shell .quick-link {
    background: var(--sg-surface-secondary);
    border-color: var(--sg-border);
}

[data-pc-theme="dark"] .painel-operacional-shell .quick-link:hover {
    background: rgba(62, 165, 245, 0.08);
    border-color: rgba(62, 165, 245, 0.25);
}

/* --------------------------------------------------------------------------
   8. VIDA ESCOLAR - Detalhes (timeline, search-card, meta)
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .vida-escolar-shell .search-card {
    background: var(--sg-surface);
}

[data-pc-theme="dark"] .vida-escolar-shell .meta {
    background: var(--sg-surface-secondary);
    color: var(--sg-text-muted);
}

[data-pc-theme="dark"] .vida-escolar-detalhes .timeline-border {
    border-color: rgba(62, 165, 245, 0.15) !important;
}

[data-pc-theme="dark"] .vida-escolar-detalhes .timeline-dot {
    background: var(--sg-primary) !important;
}

/* --------------------------------------------------------------------------
   9. GESTÃO - Occupancy bar e tags
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .gestao-shell .occupancy-bar {
    background: rgba(148, 163, 184, 0.12);
}

[data-pc-theme="dark"] .gestao-shell .tag-warn {
    background: rgba(255, 193, 7, 0.15) !important;
    color: var(--sg-warning) !important;
}

/* --------------------------------------------------------------------------
   10. ENTURMAÇÃO - Vacancy meter
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .municipal-shell .vacancy-meter {
    background: rgba(148, 163, 184, 0.12);
}

/* --------------------------------------------------------------------------
   11. CENSO - Severity tags
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .censo-municipal-shell .severity-tag-danger {
    background: rgba(239, 83, 80, 0.15) !important;
    color: var(--sg-danger) !important;
}

[data-pc-theme="dark"] .censo-municipal-shell .severity-tag-warning {
    background: rgba(255, 193, 7, 0.15) !important;
    color: var(--sg-warning) !important;
}

/* --------------------------------------------------------------------------
   12. ESTRUTURA MUNICIPAL - Onda card (já dark) + avaliação hero + config forms
   -------------------------------------------------------------------------- */

/* avaliação hero (linear-gradient claro → dark surface) */
[data-pc-theme="dark"] .avaliacao-municipal-hero {
    background: linear-gradient(135deg, var(--sg-surface-secondary) 0%, var(--sg-surface) 55%, var(--sg-surface-tertiary) 100%) !important;
    border-color: var(--sg-border) !important;
}

/* config avaliação form sections */
[data-pc-theme="dark"] .config-avaliacao-form-section {
    background: var(--sg-surface-secondary);
    border-color: var(--sg-border);
}

[data-pc-theme="dark"] .config-avaliacao-form-section h6 {
    color: var(--sg-text-primary);
}

[data-pc-theme="dark"] .config-avaliacao-summary {
    background: linear-gradient(135deg, var(--sg-surface-secondary) 0%, var(--sg-surface) 100%);
    border-color: var(--sg-border);
}

[data-pc-theme="dark"] .config-avaliacao-summary-label {
    color: var(--sg-text-muted);
}

[data-pc-theme="dark"] .config-avaliacao-summary-value {
    color: var(--sg-text-primary);
}

/* --------------------------------------------------------------------------
   13. MUNICIPAL DETAILS (Solicitação Vaga + Rematrícula) - custom properties
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .municipal-details {
    --municipal-surface: var(--sg-surface);
    --municipal-stroke: var(--sg-border);
}

/* --------------------------------------------------------------------------
   14. TABELAS E FORMS DENTRO DO CONTEXTO MUNICIPAL
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .card {
    /* Bootstrap cards dentro do contexto municipal herdam dark do tema;
       reforço apenas para cards sem classe específica */
}

/* --------------------------------------------------------------------------
   15. ONDA MINI CARD (EstruturaMunicipal) - já usa fundo escuro, sem ajustes
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   16. ESTRUTURA MUNICIPAL - Componentes de avaliação
   -------------------------------------------------------------------------- */
[data-pc-theme="dark"] .avaliacao-municipal-stat {
    background: var(--sg-surface);
    border-color: var(--sg-border);
}

[data-pc-theme="dark"] .avaliacao-municipal-stat-label {
    color: var(--sg-text-muted);
}

[data-pc-theme="dark"] .avaliacao-municipal-stat-value {
    color: var(--sg-text-primary);
}

[data-pc-theme="dark"] .avaliacao-toolbar {
    background: var(--sg-surface-secondary);
    border-color: var(--sg-border);
}

[data-pc-theme="dark"] .avaliacao-table thead th {
    color: var(--sg-text-muted);
}

[data-pc-theme="dark"] .avaliacao-nome {
    color: var(--sg-text-primary);
}

[data-pc-theme="dark"] .avaliacao-subtexto {
    color: var(--sg-text-muted);
}

[data-pc-theme="dark"] .avaliacao-chip {
    background: var(--sg-surface-tertiary);
    color: var(--sg-text-secondary);
}

[data-pc-theme="dark"] .avaliacao-chip-success {
    background: rgba(76, 175, 80, 0.15);
    color: var(--sg-success);
}

[data-pc-theme="dark"] .avaliacao-chip-warning {
    background: rgba(255, 193, 7, 0.15);
    color: var(--sg-warning);
}

[data-pc-theme="dark"] .avaliacao-chip-danger {
    background: rgba(239, 83, 80, 0.15);
    color: var(--sg-danger);
}

[data-pc-theme="dark"] .avaliacao-chip-info {
    background: rgba(41, 182, 246, 0.15);
    color: var(--sg-info);
}

[data-pc-theme="dark"] .avaliacao-estado-vazio {
    border-color: var(--sg-border);
    background: var(--sg-surface-secondary);
}