:root{--fondo: #111418;--superficie: #1b2027;--borde: #2b323c;--texto: #eef1f5;--apagado: #99a2ae;--acento: #e8b33a;--abierta: #e8b33a;--cerrada: #4ec98a;--error: #ef6a6a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--fondo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}.app{max-width:26rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100dvh}.cargando{color:var(--apagado);text-align:center;margin-top:4rem}.cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem}.cabecera h1{font-size:1.1rem;font-weight:600;letter-spacing:.02em;margin:0}.enlace-salir{background:none;border:0;color:var(--apagado);font-size:.875rem;padding:.25rem;cursor:pointer}.estado{text-align:center;padding:2.5rem 1rem;background:var(--superficie);border:1px solid var(--borde);border-radius:1rem;margin-bottom:1.5rem}.estado-texto{font-size:2rem;font-weight:650;margin:0;letter-spacing:-.02em}.estado[data-estado=open] .estado-texto{color:var(--abierta)}.estado[data-estado=closed] .estado-texto{color:var(--cerrada)}.estado[data-estado=unknown] .estado-texto{color:var(--apagado)}.estado-detalle{margin:.5rem 0 0;font-size:.875rem;color:var(--apagado)}.estado[data-online=false]{border-color:var(--error)}.estado[data-online=false] .estado-detalle{color:var(--error)}.acciones{display:grid;gap:.75rem;margin-top:auto}.boton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--borde);border-radius:.875rem;background:var(--superficie);color:var(--texto);font:inherit;font-weight:600;padding:1.15rem;cursor:pointer;transition:opacity .12s,transform .08s}.boton:active:not(:disabled){transform:scale(.985)}.boton:disabled{opacity:.4;cursor:not-allowed}.boton--primario{background:var(--acento);border-color:var(--acento);color:#14161a}.boton--peligro{border-color:var(--error);color:var(--error)}.login{margin:auto 0;display:grid;gap:1rem}.login h1{font-size:1.5rem;margin:0 0 .5rem;text-align:center}.campo{display:grid;gap:.375rem}.campo label{font-size:.875rem;color:var(--apagado)}.campo input{font:inherit;padding:.875rem;border-radius:.75rem;border:1px solid var(--borde);background:var(--superficie);color:var(--texto)}.campo input:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.aviso{margin:0;padding:.75rem 1rem;border-radius:.75rem;font-size:.9rem;background:#ef6a6a1f;border:1px solid var(--error);color:var(--error)}.aviso[hidden]{display:none}.dialogo{border:1px solid var(--borde);border-radius:1rem;background:var(--superficie);color:var(--texto);padding:1.5rem;max-width:20rem;width:calc(100vw - 2.5rem)}.dialogo::backdrop{background:#0009}.dialogo p{margin:0 0 1.25rem}.dialogo-botones{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}