/* nexpatch Login — Farben und Schrift aus finPatch (resources/css/app.css).
   Bewusst nur Flaechen, Schrift, Felder und Knoepfe: Layout und Struktur
   bleiben beim geerbten Keycloak-Theme. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

:root {
  --nxp-bg-800:  #171717;
  --nxp-bg-700:  #1e1e1e;
  --nxp-bg-600:  #262626;
  --nxp-bg-500:  #2a2a2a;
  --nxp-primary: #ea4d20;
  --nxp-primary-hover: #d5461d;
  --nxp-text:    #f2f2f4;
  --nxp-muted:   #9a9a9e;
  --nxp-border:  #3a3a3a;
  --nxp-error:   #ff335c;
}

html, body, .login-pf, .login-pf body {
  background: var(--nxp-bg-800) !important;
  color: var(--nxp-text);
  font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif;
}
/* Das geerbte Theme legt ein Hintergrundbild auf body::before. */
.login-pf body { background-image: none !important; }

/* Kartenflaeche */
.card-pf {
  background: var(--nxp-bg-700) !important;
  border: 1px solid var(--nxp-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
  border-top: 1px solid var(--nxp-border) !important;
  padding: 2rem !important;
}

/* Kopfzeile / Logo */
#kc-header, #kc-header-wrapper {
  color: var(--nxp-text) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
  letter-spacing: .18em;
}
#kc-page-title, .pf-c-title, h1, h2 {
  color: var(--nxp-text) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

label, .pf-c-form__label, .control-label, #kc-form-options span {
  color: var(--nxp-muted) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
}

/* Eingabefelder */
input[type="text"], input[type="password"], input[type="email"],
.pf-c-form-control, #kc-form-login input {
  background: var(--nxp-bg-600) !important;
  border: 1px solid var(--nxp-border) !important;
  border-radius: 8px !important;
  color: var(--nxp-text) !important;
  padding: .6rem .75rem !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: none !important;
}
input:focus, .pf-c-form-control:focus {
  border-color: var(--nxp-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(234,77,32,.25) !important;
}

/* Primaerknopf */
input[type="submit"], .btn-primary, .pf-c-button.pf-m-primary {
  background: var(--nxp-primary) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  padding: .65rem 1rem !important;
  width: 100%;
  transition: background .15s ease;
}
input[type="submit"]:hover, .btn-primary:hover, .pf-c-button.pf-m-primary:hover {
  background: var(--nxp-primary-hover) !important;
}

/* Links (u. a. "Forgot Password?") */
a, #kc-registration a, #kc-info-message a {
  color: var(--nxp-primary) !important;
  text-decoration: none !important;
  font-family: 'Poppins', sans-serif !important;
}
a:hover { color: var(--nxp-primary-hover) !important; text-decoration: underline !important; }

/* Meldungen */
.alert-error, .pf-c-alert.pf-m-danger {
  background: rgba(255,51,92,.12) !important;
  border: 1px solid rgba(255,51,92,.4) !important;
  color: var(--nxp-error) !important;
  border-radius: 8px !important;
}
.alert-success, .pf-c-alert.pf-m-success,
.alert-info, .pf-c-alert.pf-m-info {
  background: rgba(234,77,32,.10) !important;
  border: 1px solid rgba(234,77,32,.35) !important;
  color: var(--nxp-text) !important;
  border-radius: 8px !important;
}

/* Checkbox "Remember me" */
#kc-form-options input[type="checkbox"] { accent-color: var(--nxp-primary); }