/* Finanz Masterclass – Anmeldeseite (Authelia 4.39, Tailwind/shadcn-Variablen) */
@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url(/login-design/fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url(/login-design/fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url(/login-design/fonts/dm-sans-400.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:500;font-display:swap;src:url(/login-design/fonts/dm-sans-500.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url(/login-design/fonts/dm-sans-700.woff2) format("woff2")}

:root,.dark,[data-theme]{
  --background:0 0% 7%;            /* #121212 */
  --foreground:0 0% 100%;
  --card:0 0% 7%;
  --card-foreground:0 0% 100%;
  --popover:0 0% 10%;
  --popover-foreground:0 0% 100%;
  --primary:11 81% 51%;            /* #E7411D */
  --primary-foreground:0 0% 100%;
  --secondary:0 0% 14%;
  --secondary-foreground:0 0% 100%;
  --muted:0 0% 14%;
  --muted-foreground:0 0% 70%;
  --accent:11 81% 51%;
  --accent-foreground:0 0% 100%;
  --border:0 0% 22%;
  --input:0 0% 30%;
  --ring:11 81% 51%;
  --radius:10px;
}
html,body,#root{background:#121212 !important;color:#fff;font-family:"DM Sans",system-ui,sans-serif !important}
h1,h2,h3,h4,h5,h6{font-family:"Poppins",system-ui,sans-serif !important;font-weight:600}
button{font-family:"Poppins",system-ui,sans-serif !important;font-weight:600 !important}

/* Logo: Wortmarke, nicht hochskalieren (Original 420 px) */
img[alt=Logo]{width:260px !important;max-width:80vw;height:auto !important;margin:0 auto 24px}

/* Felder: weiße Fläche, dunkle Schrift */
input{background:#fff !important;color:#121212 !important;border-radius:10px !important}
label{color:#bdbdbd !important}

/* Primärknopf in Orangerot */
button[type=submit],#sign-in-button{background:#E7411D !important;color:#fff !important;border:0 !important}
button[type=submit]:hover,#sign-in-button:hover{background:#c9361a !important}

/* Kein Mail-Reset, kein Authelia-Hinweis */
#reset-password-button{display:none !important}
a[href*="authelia.com"],[id*=powered],[class*=PoweredBy]{display:none !important}

a{color:#E7411D}

/* Platzhalter-Startseite */
body.fmc-start{min-height:100vh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;text-align:center}
body.fmc-start img{width:260px;max-width:80vw}

/* Browser-Autofill (sonst hellblau) und Fokus: helles Grau statt Blau */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 1000px #ECECEC inset !important;box-shadow:0 0 0 1000px #ECECEC inset !important;
  -webkit-text-fill-color:#121212 !important;caret-color:#121212;transition:background-color 9999s ease-out 0s}
input:autofill{background:#ECECEC !important}
input:focus{background:#ECECEC !important;outline:none !important}