/* Inicio de sesión y pantalla Usuarios. Usa los colores de estilos.css. */
body { margin: 0; }
img { max-width: 100%; }
[hidden] { display: none !important; }
#btn-exportar[hidden], #sede-global[hidden] { display: none !important; }
.acceso-cargando { padding: 40px 16px; text-align: center; color: var(--tinta-2); }
.acceso { min-height: 100vh; display: grid; place-items: center; padding-block: 24px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); box-sizing: border-box; }
.acceso-caja { width: min(400px, 100%); display: flex; flex-direction: column; gap: 14px; background: var(--superficie); border: 1px solid var(--linea); border-radius: 12px; padding: 24px; box-sizing: border-box; }
.acceso-caja img { width: 190px; height: auto; }
.logo-oscuro-solo { display: none; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .logo-claro-solo { display: none; } :root:not([data-theme="light"]) .logo-oscuro-solo { display: block; } }
:root[data-theme="dark"] .logo-claro-solo { display: none; }
:root[data-theme="dark"] .logo-oscuro-solo { display: block; }
:root[data-theme="light"] .logo-claro-solo { display: block; }
:root[data-theme="light"] .logo-oscuro-solo { display: none; }
.acceso-tema { display: flex; justify-content: flex-end; }
.tema-switch { display: inline-flex; align-items: center; gap: 7px; border: 0; background: none; padding: 4px 2px; color: var(--tinta-2); font: 600 .84rem var(--texto); cursor: pointer; white-space: nowrap; }
.tema-riel { position: relative; width: 34px; height: 20px; border-radius: 99px; background: var(--gris-suave); border: 1px solid var(--linea); box-sizing: border-box; flex: none; }
.tema-perilla { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--tinta-2); }
.tema-switch[aria-checked="true"] .tema-riel { background: var(--marca); border-color: var(--marca); }
.tema-switch[aria-checked="true"] .tema-perilla { left: 16px; background: var(--marca-tinta); }
@media (prefers-reduced-motion: no-preference) { .tema-perilla { transition: left .15s; } }
.opciones { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.opciones legend { font-weight: 700; margin-bottom: 4px; padding: 0; }
.opciones .fila { flex-wrap: nowrap; gap: 8px; }
.cuenta-mini { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.cuenta-mini div { display: flex; flex-direction: column; font-size: .82rem; }
.cuenta-mini b { font-size: .95rem; }
.clave-temporal { font: 700 1.1rem/1.4 ui-monospace, Consolas, monospace; padding: 10px 12px; background: var(--superficie-2); border-radius: 7px; overflow-wrap: anywhere; user-select: all; }