/* Liebelt-CI für die Anmeldeseite (nutzt styles.css, nicht v2.css).
   Macht die Seite hell und setzt die Markenfarben. */
:root {
  --gold: #009FD1; --gold-strong: #007DB0;
  --gold-dim: rgba(0,159,209,.16); --gold-fade: rgba(0,159,209,.07);
  --red: #DF1F2E; --red-dim: rgba(223,31,46,.15);
  --border-accent: rgba(0,159,209,.45);
}
html, body {
  background: #f4f7f9 !important;
  color: #17242b !important;
}
body::before, body::after { display: none !important; }

.auth-wrap { background: transparent !important; }

.card, .auth-card {
  background: #ffffff !important;
  border: 1px solid rgba(20,45,58,.12) !important;
  box-shadow: 0 10px 34px rgba(20,45,58,.10) !important;
  color: #17242b !important;
}
.auth-card h1 { color: #17242b !important; }
.auth-card .sub, .sub { color: #4d5c65 !important; }
label, .lbl { color: #4d5c65 !important; }

input[type=text], input[type=email], input[type=password], input, select, textarea {
  background: #ffffff !important;
  border: 1px solid rgba(20,45,58,.22) !important;
  color: #17242b !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #009FD1 !important;
  box-shadow: 0 0 0 3px rgba(0,159,209,.16) !important;
  outline: none !important;
}

button, .btn, .btn.primary, button[type=submit] {
  background: #009FD1 !important;
  border-color: #009FD1 !important;
  color: #ffffff !important;
}
button:hover, .btn:hover, .btn.primary:hover, button[type=submit]:hover {
  background: #007DB0 !important; border-color: #007DB0 !important;
}
.pill.danger { background: rgba(223,31,46,.10) !important; color: #C4202E !important; border-color: rgba(223,31,46,.3) !important; }