/* Ingreso, «sin acceso» y la etiqueta de estado del tablero en el navegador. Usa las variables de tema.css. */
.tb-capa {position:fixed; inset:0; z-index:2000; display:grid; place-items:center; padding:16px;
  background:var(--color-bg, #f9f9f7); color:var(--color-fg, #141413)}
.tb-caja {width:min(380px, 100%); display:grid; gap:12px; padding:28px 24px; border-radius:14px;
  background:var(--color-bg-elevated, #fff); border:1px solid color-mix(in srgb, currentColor 12%, transparent);
  box-shadow:0 8px 30px rgba(0,0,0,.06); font:14px/1.45 -apple-system, "Segoe UI", Roboto, sans-serif}
.tb-logo {height:34px; width:auto; justify-self:start}
.tb-caja h1 {margin:4px 0 0; font-size:22px; line-height:1.2}
.tb-texto {margin:0; opacity:.75}
.tb-form {display:grid; gap:6px; margin-top:4px}
.tb-form label {font-weight:600; font-size:13px; margin-top:6px}
.tb-form input {font:inherit; padding:9px 11px; border-radius:8px; color:inherit; background:transparent;
  border:1px solid color-mix(in srgb, currentColor 25%, transparent)}
.tb-form input:focus {outline:2px solid #307c29; outline-offset:1px}
.tb-error {min-height:1.2em; margin:4px 0 0; color:#b3261e; font-size:13px}
.tb-entrar {font:inherit; font-weight:600; padding:10px 14px; border:0; border-radius:8px; cursor:pointer;
  background:#307c29; color:#fff; margin-top:4px}
.tb-entrar:disabled {opacity:.6; cursor:progress}
.tb-vivo {position:fixed; top:10px; right:16px; z-index:1000; display:inline-flex; align-items:center; gap:6px;
  padding:3px 4px 3px 10px; border-radius:999px; font:11.5px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif;
  color:#6e6d68; background:color-mix(in srgb, #fff 85%, transparent); border:1px solid rgba(11,11,11,.08)}
.tb-vivo i {width:7px; height:7px; border-radius:50%; background:#307c29}
.tb-vivo.viejo i {background:#c98a10}
.tb-salir {font:inherit; border:0; background:transparent; color:inherit; text-decoration:underline; cursor:pointer; padding:0 6px}
@media (prefers-color-scheme: dark) {
  .tb-vivo {color:#c3c2b7; background:rgba(26,26,25,.85); border-color:rgba(255,255,255,.1)}
  .tb-caja {background:#1f1e1d}
  .tb-error {color:#f2b8b5}
}
@media (max-width: 600px) {.tb-vivo {top:auto; bottom:10px; right:10px}}