/* 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"] .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .combo-item.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .chip.active{color:var(--texto-invertido)}
[data-tema="escuro"] .contexto .aviso{color:var(--texto); background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda)}
[data-tema="escuro"] .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
[data-tema="escuro"] .kpi .v{color:var(--texto)}
[data-tema="escuro"] .tab-scroll::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .tab-scroll::-webkit-scrollbar-thumb{border:2px solid var(--borda)}
[data-tema="escuro"] thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] th.on{color:var(--texto)}
[data-tema="escuro"] tbody td{border-bottom:1px solid var(--borda)}
[data-tema="escuro"] tbody tr.clicavel:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
[data-tema="escuro"] tbody td .tag,.kpi .tag{color:var(--texto); background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda)}
[data-tema="escuro"] .rodape-tab{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .btn-csv:hover{color:var(--texto)}
[data-tema="escuro"] .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .modo.active{color:var(--texto-invertido)}
[data-tema="escuro"] .rosca-centro .v{color:var(--texto)}
[data-tema="escuro"] .pl .barra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .panel-header .ajuda:hover,.panel-header .ajuda.on{color:var(--texto-invertido)}
[data-tema="escuro"] #tt .pil{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie)); border:1px solid var(--borda)}
[data-tema="escuro"] .btn-hip{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .btn-hip.on,.btn-hip:hover{color:var(--texto-invertido)}
[data-tema="escuro"] .minipilha{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .pista.dup{color:var(--texto); border-color:var(--borda); background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
[data-tema="escuro"] .mem .form{border-bottom:1px solid var(--borda)}
[data-tema="escuro"] .mem .form b{color:var(--texto)}
[data-tema="escuro"] .mem .rev b{color:var(--texto)}
[data-tema="escuro"] .heat tr.sel td.ano{color:var(--texto-invertido)}
[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"]) .combo-item:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .combo-item.sel{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip:hover{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .chip.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .contexto .aviso{color:var(--texto); background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) .panel-header{background:linear-gradient(135deg,var(--superficie) 0%,color-mix(in srgb, var(--azul-10) 14%, var(--superficie)) 100%)}
  :root:not([data-tema="claro"]) .kpi .v{color:var(--texto)}
  :root:not([data-tema="claro"]) .tab-scroll::-webkit-scrollbar-track{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .tab-scroll::-webkit-scrollbar-thumb{border:2px solid var(--borda)}
  :root:not([data-tema="claro"]) thead th{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) th.on{color:var(--texto)}
  :root:not([data-tema="claro"]) tbody td{border-bottom:1px solid var(--borda)}
  :root:not([data-tema="claro"]) tbody tr.clicavel:hover td{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody tr.sel td{background:color-mix(in srgb, var(--azul-20) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) tbody td .tag,.kpi .tag{color:var(--texto); background:color-mix(in srgb, var(--ambar-10) 14%, var(--superficie)); border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) .rodape-tab{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .btn-csv:hover{color:var(--texto)}
  :root:not([data-tema="claro"]) .minibarra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .modo.active{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .rosca-centro .v{color:var(--texto)}
  :root:not([data-tema="claro"]) .pl .barra{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .panel-header .ajuda:hover,.panel-header .ajuda.on{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) #tt .pil{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie)); border:1px solid var(--borda)}
  :root:not([data-tema="claro"]) .btn-hip{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .btn-hip.on,.btn-hip:hover{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .minipilha{background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .pista.dup{color:var(--texto); border-color:var(--borda); background:color-mix(in srgb, var(--azul-10) 14%, var(--superficie))}
  :root:not([data-tema="claro"]) .mem .form{border-bottom:1px solid var(--borda)}
  :root:not([data-tema="claro"]) .mem .form b{color:var(--texto)}
  :root:not([data-tema="claro"]) .mem .rev b{color:var(--texto)}
  :root:not([data-tema="claro"]) .heat tr.sel td.ano{color:var(--texto-invertido)}
  :root:not([data-tema="claro"]) .leaflet-tile{filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.95) saturate(0.8)}
}