/* App_SUPE01_inicio · el inicio del supervisor · E4, 4-nov-2026
   Dirección, 4-nov 13:30: «rehazla según App_SUPE01_inicio […] Así queda en
   docs/aud/mockups/supervisor-inicio/supe01.png (319c0338). […] Botones con
   el radio de 08, nunca tipo píldora.»
   Sólo variables que la app ya define (`--lyk-*`, `--radius-*`, `--marca-*`):
   una variable que no existe no falla, desaparece (docs/65 · A.1). */
#v-supervision.s1n{background:var(--lyk-bg-light);padding:0 0 calc(120px + env(safe-area-inset-bottom));display:block}
#v-supervision.s1n::before{display:none}
.s1n-banda{background:var(--marca-banda, var(--lyk-navy));color:var(--lyk-sobre-banda);
  padding:calc(34px + env(safe-area-inset-top)) 18px 18px;display:flex;flex-direction:column;gap:14px}
.s1n-fila{display:flex;align-items:center;gap:10px}
.s1n-marca{font-size:var(--lyk-letra-sub);font-weight:700;letter-spacing:2px;color:var(--lyk-sobre-banda)}
.s1n-hueco{flex:1}
.s1n-estado{min-height:30px;padding:0 12px;border-radius:var(--r-chico, 8px);background:rgba(255,255,255,.12);
  font-size:var(--lyk-letra-dato);display:inline-flex;align-items:center;gap:6px;color:var(--lyk-sobre-banda)}
.s1n-estado i{width:7px;height:7px;border-radius:2px;background:var(--lyk-text-apagado)}
.s1n-estado.en-turno i{background:var(--lyk-success)}
.s1n-linea{display:block;font-size:var(--lyk-letra-dato);color:var(--lyk-sobre-banda-2)}
.s1n-saludo{display:block;font-size:var(--lyk-letra-titulo);font-weight:500;line-height:1.2;color:var(--lyk-sobre-banda)}
.s1n-cuerpo{padding:16px;display:flex;flex-direction:column;gap:14px}
.s1n-tit{font-size:var(--lyk-letra-dato);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lyk-text-secondary)}
.s1n-tj{padding:4px 18px;border-radius:var(--radius-tarjeta);background:var(--lyk-papel);border:1px solid var(--lyk-borde)}
.s1n-ren{display:flex;align-items:center;gap:12px;min-height:60px;width:100%;text-align:left;background:none;
  border:0;border-top:1px solid var(--lyk-borde-suave);padding:8px 0;font:inherit;color:inherit}
.s1n-ren:first-child{border-top:0}
.s1n-ren[disabled]{cursor:default}
.s1n-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.s1n-txt b{font-size:var(--lyk-letra-texto);font-weight:600;color:var(--lyk-text-fuerte)}
.s1n-txt span{font-size:var(--lyk-letra-dato);color:var(--lyk-text-secondary)}
.s1n-est{min-height:26px;padding:0 10px;border-radius:var(--r-chico, 8px);font-size:var(--lyk-letra-dato);font-weight:600;
  display:inline-flex;align-items:center;white-space:nowrap;background:var(--lyk-bg-soft);color:var(--lyk-text-secondary)}
.s1n-est.siguiente,.s1n-est.primera{background:var(--lyk-azul-papel);color:var(--lyk-azul-texto)}
.s1n-est.lista{background:var(--lyk-ok-papel);color:var(--lyk-ok-texto)}
.s1n-est.omitida{background:var(--lyk-ambar-papel);color:var(--lyk-ambar-texto)}
.s1n-btn{min-height:54px;width:100%;border-radius:var(--radius-control);border:0;background:var(--lyk-yellow);color:var(--lyk-navy);
  font:inherit;font-size:var(--lyk-letra-sub);font-weight:700;cursor:pointer}
.s1n-pie{text-align:center;font-size:var(--lyk-letra-dato);color:var(--lyk-text-secondary);margin:8px 0 0}
.s1n-nota{padding:12px 14px;border-radius:var(--radius-tarjeta);background:var(--lyk-papel);border:1px solid var(--lyk-borde);
  font-size:var(--lyk-letra-dato);line-height:1.45;color:var(--lyk-text-secondary)}
.s1n-vacio b{display:block;font-size:var(--lyk-letra-texto);color:var(--lyk-text-fuerte);padding-top:12px}
.s1n-vacio span{display:block;font-size:var(--lyk-letra-dato);color:var(--lyk-text-secondary);padding:4px 0 12px}
/* La barra de vidrio de la app (`#app-tabs`), sin tocarla: sólo queda por
   encima del inicio del supervisor, que es una pantalla fija. */
body.con-sup-inicio #app-tabs{z-index:59}
/* De noche, «Primera» y «Siguiente» en el turquesa de la maqueta (el azul
   informativo no tiene versión de noche y saldría casi blanco). */
@media (prefers-color-scheme: dark){
  :root:not([data-tema="dia"]) .s1n-est.siguiente,:root:not([data-tema="dia"]) .s1n-est.primera{
    background:color-mix(in srgb, var(--lyk-teal) 14%, transparent);color:var(--lyk-teal)}
}
:root[data-tema="noche"] .s1n-est.siguiente,:root[data-tema="noche"] .s1n-est.primera{
  background:color-mix(in srgb, var(--lyk-teal) 14%, transparent);color:var(--lyk-teal)}