/* Tema de login "insightwatch" — estética SOC (dark) para que Keycloak se sienta
   parte de la app. Extiende el tema clásico (keycloak) y solo re-estila. */
/* Sin fuentes remotas (funciona sin internet): si Space Grotesk / IBM Plex
   Mono no están instaladas, el login usa las fuentes del sistema. */

html { height: 100%; }
body.login-pf,
.login-pf body {
  background: radial-gradient(1200px 600px at 78% -10%, rgba(77,163,255,.12), transparent 60%),
              radial-gradient(900px 500px at 8% 110%, rgba(163,113,247,.10), transparent 60%),
              #080b10 !important;
  background-attachment: fixed !important;
  color: #e6edf3;
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
}

.login-pf-page { padding-top: 5vh; }

/* Encabezado con la marca (viene de realm displayNameHtml) */
#kc-header-wrapper {
  color: #e6edf3;
  padding: 18px 0;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.3;
}
#iw-brand { font-family: 'Space Grotesk', sans-serif; font-weight: 700; letter-spacing: .14em; font-size: 26px; color: #e6edf3; }
#iw-brand span { color: #4da3ff; }
#iw-sub { font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; color: #6b7787; letter-spacing: .08em; margin-top: 7px; }

/* Tarjeta del login */
.card-pf {
  background: #0b1017 !important;
  border: 1px solid #1b2330 !important;
  border-radius: 14px !important;
  box-shadow: 0 30px 80px -40px rgba(77,163,255,.45) !important;
  padding: 32px !important;
}

#kc-page-title { color: #e6edf3; font-family: 'Space Grotesk', sans-serif; font-weight: 600; }
label, .control-label, #kc-form-options, .checkbox { color: #a9b6c5 !important; }

/* Inputs */
input#username, input#password, input[type="text"], input[type="password"],
.pf-c-form-control, .form-control {
  background: #101720 !important;
  border: 1px solid #1b2330 !important;
  color: #e6edf3 !important;
  border-radius: 8px !important;
}
input#username:focus, input#password:focus, .form-control:focus {
  border-color: #4da3ff !important;
  box-shadow: 0 0 0 2px rgba(77,163,255,.25) !important;
  outline: none !important;
}
::placeholder { color: #5b6675 !important; }

/* Botón primario */
#kc-login, .btn-primary, input[type="submit"], .pf-c-button.pf-m-primary {
  background: linear-gradient(120deg, #4da3ff, #3d7fd6) !important;
  border: 1px solid rgba(77,163,255,.5) !important;
  color: #04101f !important;
  font-weight: 600 !important;
  border-radius: 9px !important;
  text-shadow: none !important;
}
#kc-login:hover, .btn-primary:hover { filter: brightness(1.08) !important; }

a, a:hover { color: #4da3ff !important; }
#kc-info, .kc-feedback-text, .instruction { color: #8b98a8 !important; }

/* Alertas de error en tono SOC */
.alert-error, .pf-c-alert.pf-m-danger {
  background: rgba(248,81,73,.12) !important;
  border: 1px solid rgba(248,81,73,.4) !important;
  color: #ff8b84 !important;
}