/* DÖLCO-Theme fuer Authelia — injiziert via nginx sub_filter auf auth.cloud.doelco.de.
   Farben/Schrift aus doelco.de (app/globals.css). Authelia nutzt Material-UI (MUI);
   die Selektoren ueberschreiben dessen Default-Theme mit !important. */

@font-face { font-family:'MyriadPro'; src:url('/auth-assets/fonts/MyriadPro-Regular.otf')  format('opentype'); font-weight:400; font-display:swap; }
@font-face { font-family:'MyriadPro'; src:url('/auth-assets/fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight:600; font-display:swap; }
@font-face { font-family:'MyriadPro'; src:url('/auth-assets/fonts/MyriadPro-Bold.otf')     format('opentype'); font-weight:700; font-display:swap; }

:root {
  --dc-bg:#0B1929; --dc-card:#132840; --dc-blue:#2A8CC4;
  --dc-orange:#E8650A; --dc-orange-hover:#d45800;
  --dc-text:rgba(255,255,255,0.88); --dc-text-dim:rgba(255,255,255,0.45);
  --dc-border:rgba(255,255,255,0.10); --dc-border-blue:rgba(42,140,196,0.25);
  --dc-font:'MyriadPro','Segoe UI',system-ui,sans-serif;
}

/* Grundflaeche + dezentes Grid wie auf doelco.de */
html, body, #root {
  background:var(--dc-bg) !important; color:var(--dc-text) !important;
  font-family:var(--dc-font) !important;
}
body::before {
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(42,140,196,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42,140,196,0.045) 1px, transparent 1px);
  background-size:80px 80px;
}
#root { position:relative; z-index:1; }

/* Login-Karte */
.MuiPaper-root {
  background:var(--dc-card) !important;
  border:1px solid var(--dc-border-blue) !important;
  border-radius:18px !important;
  box-shadow:0 24px 60px rgba(0,0,0,0.45) !important;
  color:var(--dc-text) !important;
}

/* Texte */
.MuiTypography-root { color:var(--dc-text) !important; font-family:var(--dc-font) !important; }
.MuiTypography-colorTextSecondary, .MuiFormHelperText-root { color:var(--dc-text-dim) !important; }

/* Eingabefelder */
.MuiOutlinedInput-root, .MuiInputBase-root {
  background:rgba(255,255,255,0.04) !important; border-radius:10px !important;
  color:var(--dc-text) !important; font-family:var(--dc-font) !important;
}
.MuiOutlinedInput-notchedOutline { border-color:var(--dc-border) !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color:var(--dc-border-blue) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color:var(--dc-blue) !important; border-width:2px !important; }
.MuiInputLabel-root { color:var(--dc-text-dim) !important; }
.MuiInputLabel-root.Mui-focused { color:var(--dc-blue) !important; }
.MuiInputBase-input { color:var(--dc-text) !important; }

/* Primaer-Button = oranger CTA (wie doelco.de) */
.MuiButton-containedPrimary, .MuiButton-contained {
  background:var(--dc-orange) !important; color:#fff !important;
  font-family:var(--dc-font) !important; font-weight:600 !important;
  border-radius:10px !important; text-transform:none !important; box-shadow:none !important;
}
.MuiButton-containedPrimary:hover, .MuiButton-contained:hover {
  background:var(--dc-orange-hover) !important; box-shadow:0 0 28px rgba(232,101,10,0.45) !important;
}

/* Sekundaer/Text-Buttons + Links in Blau */
.MuiButton-textPrimary, .MuiButton-text, a, .MuiLink-root { color:var(--dc-blue) !important; }
.MuiButton-outlined { color:var(--dc-text) !important; border-color:var(--dc-border-blue) !important; }

/* Checkbox (Angemeldet bleiben) + Loader */
.MuiCheckbox-root.Mui-checked { color:var(--dc-blue) !important; }
.MuiCircularProgress-root { color:var(--dc-blue) !important; }

/* Logo etwas Tiefe geben */
img[alt="Logo"] { filter:drop-shadow(0 8px 24px rgba(42,140,196,0.25)); }

/* "Betrieben mit Authelia" / Powered-by-Hinweis entfernen */
a[href*="authelia.com"], a[href*="github.com/authelia"] { display:none !important; }