/* CEI brand overlay for the eTWIN Keycloak login (AB#37017). Colors and logo mirror
   the web app design tokens in services/web/app/globals.css. */

:root {
  --cei-navy: #150c67;
  --cei-navy-hover: #0f0947;
  --cei-accent: #29aae1;
  --cei-bg: #f5f6fa;
  --cei-card: #ffffff;
  --cei-text: #191b33;
  --cei-text-sub: #4a4d68;
  --cei-border: #e2e4ee;
}

body.login-pf,
.login-pf body,
.login-pf-page {
  background: var(--cei-bg);
  color: var(--cei-text);
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Replace the realm-name text header with the white CEI wordmark on a navy plate. */
#kc-header-wrapper {
  font-size: 0;
  height: 44px;
  padding: 10px 18px;
  background: var(--cei-navy);
  background-image: url("../img/cei-logo-white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 68px auto;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* Login box: match the web landing card (white, rounded, subtle border + shadow). */
.card-pf,
#kc-content .card-pf {
  background: var(--cei-card);
  border: 1px solid var(--cei-border);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(21, 12, 103, 0.08);
  padding: 40px;
}

#kc-page-title,
#kc-content h1 {
  color: var(--cei-navy);
  font-weight: 700;
}

/* Primary submit button, across the PatternFly versions KC 26 may ship. */
input[type="submit"].pf-c-button.pf-m-primary,
.pf-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary,
#kc-login {
  background: var(--cei-navy);
  border-color: var(--cei-navy);
  color: #ffffff;
}

input[type="submit"].pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:hover,
#kc-login:hover {
  background: var(--cei-navy-hover);
  border-color: var(--cei-navy-hover);
}

a,
#kc-registration a,
#kc-info-wrapper a {
  color: var(--cei-accent);
}

/* Input focus ring in brand cyan. */
input:focus,
.pf-c-form-control:focus,
.pf-v5-c-form-control:focus {
  border-color: var(--cei-accent);
  box-shadow: 0 0 0 2px rgba(41, 170, 225, 0.25);
}