/* tema_escuro_ajustes.css, GERADO por padronizador-paineis/pele-atlas/
   replicar_ferrovia.py. Não editar à mão.

   Rampa de DADO usada como superfície ou letra da INTERFACE não troca com o
   tema: no escuro o fundo continua claro e a letra clareia junto. Aqui cada
   uma dessas declarações ganha, SÓ NO ESCURO, o equivalente que troca. O tema
   claro não muda um byte, e o tokens.css continua idêntico ao da referência. */
[data-tema="escuro"] .phase-btn{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] /* Regra do painel: botão toggle ativo = fundo primário + texto branco */ .phase-btn.active{color:var(--texto-invertido)}
[data-tema="escuro"] /* ===================== Botões ===================== */ .btn-primario{color:var(--texto-invertido)}
[data-tema="escuro"] .export-btn{color:var(--texto-invertido)}
[data-tema="escuro"] /* ===================== KPI (summary card) ===================== */ .summary-card{color:var(--texto-invertido)}
[data-tema="escuro"] .data-table tbody tr:hover{background-color:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .btn-remover:hover{background:color-mix(in srgb, var(--vermelho-20) 14%, var(--superficie))}
[data-tema="escuro"] .banner-erro{background:color-mix(in srgb, var(--vermelho-20) 14%, var(--superficie))}
[data-tema="escuro"] .banner-aviso{background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); color:var(--texto); border:1px solid var(--borda)}
[data-tema="escuro"] .km-popup-btn-remover:hover{color:var(--texto-invertido)}
[data-tema="escuro"] .ponto-nome-input:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .ponto-nome-input:focus{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .btn-intervalo:hover:not(:disabled){color:var(--texto-invertido)}
[data-tema="escuro"] /* Regra do painel: toggle ativo = fundo primário + texto branco */ .malha-toggle a.ativa{color:var(--texto-invertido)}
[data-tema="escuro"] .km-popup-btn:hover{color:var(--texto-invertido)}
[data-tema="escuro"] /* ---------------------- Orientação de trechos isolados ---------------------- */ /* Toggle "inverter sentido do km": aparece só em trechos isolados; destacado em âmbar por ser uma ação de correção que o usuário precisa avaliar conscientemente. */ .check-inverter{background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda); color:var(--texto)}
[data-tema="escuro"] .leaflet-tile{filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.95) saturate(0.8)}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) .phase-btn{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) /* Regra do painel: botão toggle ativo = fundo primário + texto branco */ .phase-btn.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) /* ===================== Botões ===================== */ .btn-primario{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .export-btn{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) /* ===================== KPI (summary card) ===================== */ .summary-card{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .data-table tbody tr:hover{background-color:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .btn-remover:hover{background:color-mix(in srgb, var(--vermelho-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .banner-erro{background:color-mix(in srgb, var(--vermelho-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .banner-aviso{background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); color:var(--texto); border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) .km-popup-btn-remover:hover{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .ponto-nome-input:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .ponto-nome-input:focus{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .btn-intervalo:hover:not(:disabled){color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) /* Regra do painel: toggle ativo = fundo primário + texto branco */ .malha-toggle a.ativa{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .km-popup-btn:hover{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) /* ---------------------- Orientação de trechos isolados ---------------------- */ /* Toggle "inverter sentido do km": aparece só em trechos isolados; destacado em âmbar por ser uma ação de correção que o usuário precisa avaliar conscientemente. */ .check-inverter{background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda); color:var(--texto)}
  :root:not([data-tema="claro"]) .leaflet-tile{filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.95) saturate(0.8)}
}