/* IT-Villach Branding fuer Vaultwarden (pw.it-villach.at) - Login-/Anon-Seiten im CRM-Stil.
   Basis: itv-kit.css. Das bestehende /branding/branding.css+js (Logo im Tresor, Hell/Dunkel-Schalter) bleibt aktiv. */

/* ---------- Dunkle Farb-Tokens nur fuer die Anmeldeseiten ---------- */
body.itv-login auth-anon-layout {
  --color-background: 19 26 34;
  --color-background-alt: 13 18 24;
  --color-text-main: 232 237 242;
  --color-text-muted: 154 166 178;
  --color-bg-primary: #131a22;
  --color-bg-secondary: #0f151c;
  --color-bg-tertiary: #0d1218;
  --color-bg-quaternary: #1b242e;
  --color-bg-hover: rgba(255,255,255,.05);
  --color-fg-heading: #ffffff;
  --color-fg-body: #c3ccd5;
  --color-fg-body-subtle: #6f7c88;
  --color-fg-inactive: #4b5563;
  --color-fg-brand: #8dc53f;
  --color-fg-brand-strong: #a5d46a;
  --color-bg-brand: #8dc53f;
  --color-bg-brand-strong: #74ad2f;
  --color-border-base: #26313d;
  --color-border-light: #1f2a35;
  --color-border-strong: #2a3542;
  --color-border-brand: #8dc53f;
  --color-border-focus: #8dc53f;
  --color-primary-600: 141 197 63;
  --color-primary-700: 165 212 106;
  color: #e8edf2;
}
body.itv-login, body.itv-login app-root, body.itv-login auth-anon-layout,
body.itv-login bit-landing-layout > div, body.itv-login main,
body.itv-login bit-landing-content > div, body.itv-login bit-landing-footer footer {
  background: transparent !important;
}
body.itv-login auth-anon-layout { position: relative; z-index: 1; display: block; min-height: 100vh; }
body.itv-login, body.itv-login * { font-family: var(--itv-font); }

/* Kopf (altes Logo + Schalter) auf den Anmeldeseiten ausblenden - Logo kommt zentriert ueber die Karte */
body.itv-login bit-landing-header { display: none !important; }
body.itv-login .itv-brand { display: none !important; }
body.itv-login bit-landing-content > div { padding-top: 56px !important; }
body.itv-login .itv-brand-head { margin-bottom: 26px; }

/* Ueberschrift */
body.itv-login bit-landing-hero h1 { color: #fff !important; font: 700 26px/1.3 var(--itv-font) !important; }
body.itv-login bit-landing-hero p, body.itv-login bit-landing-hero div { color: #9aa6b2; }

/* Karte */
body.itv-login bit-base-card {
  background: rgba(19,26,34,.92) !important; border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important; box-shadow: 0 30px 80px rgba(0,0,0,.45) !important;
}
body.itv-login label, body.itv-login bit-label { color: #c3ccd5 !important; }
body.itv-login input[type="email"], body.itv-login input[type="password"], body.itv-login input[type="text"] { color: #e8edf2 !important; }
body.itv-login [bitfieldcontainer] { background: #0f151c !important; border-color: #2a3542 !important; border-radius: 10px !important; min-height: 46px !important; }
body.itv-login [bitfieldcontainer]:has(:focus-visible) { border-color: #8dc53f !important; box-shadow: 0 0 0 3px rgba(141,197,63,.18) !important; }

/* Primaer-Button */
body.itv-login button[buttontype="primary"], body.itv-login button[bitbutton][type="submit"], body.itv-login .tw-bg-primary-600 {
  background: var(--itv-btn) !important; border-color: #74ad2f !important; color: #fff !important;
  border-radius: 10px !important; font-weight: 700 !important; box-shadow: 0 10px 26px rgba(116,173,47,.30) !important;
}
body.itv-login button[buttontype="primary"]:hover { filter: brightness(1.06); }
body.itv-login button[buttontype="secondary"] { background: transparent !important; color: #c3ccd5 !important; border-color: #2a3542 !important; border-radius: 10px !important; }

/* Links */
body.itv-login a, body.itv-login a span { color: #8dc53f !important; }
body.itv-login a:hover span { color: #a5d46a !important; }

/* Footer: Vaultwarden-Zeilen + alte Credit-Zeile weg, Lizenzhinweis bleibt klein, darunter IT-Villach-Footer */
body.itv-login bit-landing-footer footer { padding-top: 8px !important; padding-bottom: 0 !important; }
body.itv-login bit-landing-footer footer > div.\!tw-text-sm, body.itv-login .itv-credit { display: none !important; }
body.itv-login #vw-disclaimer { color: #4b5563 !important; font-size: 10px !important; max-width: 640px; margin: 0 auto 10px; opacity: .8; }
body.itv-login bit-landing-footer .itv-foot { margin-top: 6px; }

/* Feinschliff */
body.itv-login bit-base-card { padding: 26px 28px 24px !important; }
body.itv-login bit-landing-footer footer, body.itv-login bit-landing-footer { border-top: 0 !important; box-shadow: none !important; }
body.itv-login .itv-foot, body.itv-login .itv-foot * { font-family: var(--itv-mono) !important; }
body.itv-login bit-landing-hero h1::after {
  content: "Zugang zur IT-Villach Passwortverwaltung."; display: block; margin-top: 6px;
  font: 400 14px var(--itv-font); color: #9aa6b2;
}