/* energSys — acceso e identidad pública; CSS independiente de login-styles.css */
body.esr-public.login-body {
  --esr-auth-surface: #111b21;
  --esr-auth-surface-2: #16232a;
  --esr-auth-ink: #e8f0f3;
  --esr-auth-muted: #a3b4bd;
  --esr-auth-line: #35505c;
  --esr-auth-accent: #48eef0;
  --esr-auth-control: #0e161b;
  --esr-auth-focus: #48eef0;
  color: var(--esr-auth-ink);
  background: #0b1115;
}
body.esr-public.login-body[data-theme="light"],
:root[data-theme="light"] body.esr-public.login-body {
  --esr-auth-surface: #fff;
  --esr-auth-surface-2: #f7fafb;
  --esr-auth-ink: #15252d;
  --esr-auth-muted: #5e7480;
  --esr-auth-line: #bdced5;
  --esr-auth-accent: #006a90;
  --esr-auth-control: #fff;
  --esr-auth-focus: #007fa8;
  background: #f3f7f8;
}
body.esr-public.login-body .login-container {
  background: var(--esr-auth-surface); color: var(--esr-auth-ink);
  border: 1px solid var(--esr-auth-line); border-top: 4px solid var(--esr-auth-accent);
  border-radius: 16px; padding: clamp(24px, 4vw, 40px);
  max-width: 460px; box-shadow: 0 12px 36px rgba(0,0,0,.12);
}
body.esr-public.login-body .login-container h2 {
  color: var(--esr-auth-ink); font-size: clamp(1.45rem, 2vw, 1.8rem);
  letter-spacing: -.027em; line-height: 1.2; margin-bottom: 18px;
}
body.esr-public.login-body .login-logo img { max-width: min(100%, 235px); height: auto; }
body.esr-public.login-body .login-container p,
body.esr-public.login-body .register-link { color: var(--esr-auth-muted); }
body.esr-public.login-body .login-container .input-group { border-color: var(--esr-auth-line); }
body.esr-public.login-body .login-container input:not([type="checkbox"]),
body.esr-public.login-body .login-container select {
  background-color: var(--esr-auth-control); color: var(--esr-auth-ink);
  border-color: var(--esr-auth-line); min-height: 42px;
}
body.esr-public.login-body .login-container input::placeholder { color: var(--esr-auth-muted); }
body.esr-public.login-body .login-container input:focus-visible,
body.esr-public.login-body .login-container button:focus-visible,
body.esr-public.login-body .login-container a:focus-visible {
  outline: 2px solid var(--esr-auth-focus); outline-offset: 3px;
}
body.esr-public.login-body .login-container button[type="submit"] { font-weight: 650; min-height: 42px; }
body.esr-public.login-body .login-container a { text-underline-offset: 3px; }
@media (max-width: 520px) {
  body.esr-public.login-body .login-container { padding: 24px 18px; border-radius: 12px; }
}