/* Pantalla de login. Hoja aparte de app.css: la carga una página que no tiene nada del panel
   (ni nav, ni vistas), y así no arrastra 2000 líneas de CSS para mostrar un botón.
   Los colores salen de los mismos tokens de app.css, así que respeta el tema claro/oscuro. */

.lg-body{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:var(--bg);color:var(--txt);padding:24px;
}

.lg-card{
  width:100%;max-width:380px;text-align:center;
  background:var(--panel);border:1px solid var(--border);border-radius:16px;
  padding:40px 32px 28px;box-shadow:var(--sh-lg);
}

/* El logo viene como SVG inline desde branding.py con su propio tamaño: se acota acá. */
.lg-logo svg{max-width:150px;height:auto}
.lg-logo{margin-bottom:22px}

.lg-card h1{font-size:20px;margin:0 0 2px;letter-spacing:-.01em}
.lg-sub{color:var(--muted);font-size:13px;margin:0 0 26px}

.lg-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:11px 16px;border-radius:var(--r);text-decoration:none;
  background:var(--panel2);border:1px solid var(--border2);color:var(--txt);
  font-size:14px;font-weight:600;transition:background .15s,border-color .15s;
}
.lg-btn:hover{background:var(--btn-hover);border-color:var(--accent-bd)}

/* Sin OAuth configurado el botón no lleva a ningún lado: se apaga en vez de desaparecer, para que
   se vea que el login existe y lo que falta es la configuración. */
.lg-btn[aria-disabled]{opacity:.45;pointer-events:none}

.lg-err{
  background:var(--err-soft);border:1px solid var(--err-bd);color:var(--err-body);
  border-radius:var(--r);padding:11px 13px;font-size:13px;line-height:1.45;
  margin-bottom:18px;text-align:left;
}
.lg-err code{
  background:var(--sunken);border-radius:4px;padding:1px 5px;
  font-size:12px;color:var(--code);word-break:break-all;
}

.lg-foot{color:var(--muted2);font-size:12px;margin:22px 0 0}