/* SGT Apps — modo nocturno.
   Se activa con <html data-tema="oscuro"> (lo decide assets/js/tema.js: automático según el dispositivo, o claro/oscuro a elección). */
html[data-tema="oscuro"] { background: #f3f7fa; filter: invert(.9) hue-rotate(180deg); color-scheme: dark; }
/* lo que NO debe invertirse: fotos, video, mapas, lienzos, avatares, documentos y hojas de papel */
html[data-tema="oscuro"] img:not(.marca img), html[data-tema="oscuro"] video, html[data-tema="oscuro"] canvas, html[data-tema="oscuro"] iframe,
html[data-tema="oscuro"] picture, html[data-tema="oscuro"] .avatar, html[data-tema="oscuro"] .ca-hoja, html[data-tema="oscuro"] .fo-hoja,
html[data-tema="oscuro"] .fo-mini-hoja, html[data-tema="oscuro"] .leaflet-container, html[data-tema="oscuro"] .no-invertir,
html[data-tema="oscuro"] .pr-visor, html[data-tema="oscuro"] .adm-bienvenida, html[data-tema="oscuro"] .mod-bienvenida, html[data-tema="oscuro"] .beta-bv { filter: invert(1) hue-rotate(180deg) brightness(1.1); }
/* pantallas que ya son oscuras */
html[data-tema="oscuro"]:has(.pag-correo), html[data-tema="oscuro"]:has(.pag-oscura) { filter: none; background: #082640; }
@media print { html[data-tema="oscuro"] { filter: none !important; background: #fff; } }

/* selector de tema (menú de usuario) */
.tema-sel { display: flex; gap: 4px; padding: 6px 4px 2px; border-top: 1px solid var(--borde); margin-top: 6px; }
.tema-sel button { flex: 1; font: 600 12px var(--f-tit); padding: 7px 4px; border-radius: 8px; border: 1px solid var(--borde); background: #fff; color: var(--texto); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 5px; }
.tema-sel button[aria-pressed="true"] { background: var(--teal); border-color: var(--teal); color: #fff; }
html[data-tema="oscuro"] .pw-ico { filter: invert(1) hue-rotate(180deg); }