/* eBazaaris - Farben fuer die Authelia-Anmeldeseite (Authelia 4.39).
   Eingebunden vom nginx-Sidecar (infra/authelia/brand.nginx.conf) per sub_filter als /authelia/brand.css.
   Authelia nutzt Tailwind mit Cascade Layers; diese Datei ist ungelayert und hat daher Vorrang (deshalb !important).
   Farben: --ebz-brand #0745A3 (eBazaaris-Blau), Hover/aktiv abgedunkelt per color-mix, Akzent #FFB330 (Fokusring).
   Die helle Variante #3d7be0 gehoert zum Dunkelmodus der App; die Anmeldeseite bleibt hell (theme light in configuration.yml.template).
   Das Logo (eBazaaris-Wortmarke) kommt aus /config/assets/logo.png (infra/authelia/assets/logo.png, installiert von authelia-brand.sh). */
:root{--ebz-brand:#0745A3;--ebz-brand-dark:color-mix(in srgb,#0745A3 80%,#000);--ebz-accent:#FFB330}

/* Anmelde-Button */
#form-login button[type="submit"],#first-factor-stage button.bg-primary{background-color:var(--ebz-brand)!important;color:#fff!important;border-color:var(--ebz-brand)!important}
#form-login button[type="submit"]:hover,#first-factor-stage button.bg-primary:hover,
#form-login button[type="submit"]:active{background-color:var(--ebz-brand-dark)!important}
#form-login button[type="submit"]:focus-visible{outline:2px solid var(--ebz-accent)!important;outline-offset:2px}

/* Eingabefelder: Fokus */
#form-login input:focus,#form-login input:focus-visible{border-color:var(--ebz-brand)!important;box-shadow:0 0 0 1px var(--ebz-brand)!important;outline:none!important}

/* "Angemeldet bleiben" */
#form-login input[type="checkbox"]{accent-color:var(--ebz-brand)}
#form-login [role="checkbox"][data-state="checked"],#form-login [role="checkbox"][aria-checked="true"]{background-color:var(--ebz-brand)!important;border-color:var(--ebz-brand)!important;color:#fff!important}

/* Links (z. B. "Passwort vergessen", Hilfe) */
#first-factor-stage a,#first-factor-stage a:visited{color:var(--ebz-brand)}
#first-factor-stage a:hover{color:var(--ebz-brand-dark)}
#first-factor-stage a:focus-visible{outline:2px solid var(--ebz-accent);outline-offset:2px}

/* Logo (Wortmarke, /config/assets/logo.png, 360x80) darstellen */
#first-factor-stage img{width:220px!important;max-width:70%!important;height:auto!important}

/* Fallback fuer aeltere MUI-Versionen */
.MuiButton-contained.MuiButton-colorPrimary,.MuiButton-containedPrimary{background-color:var(--ebz-brand)!important;color:#fff!important}