/* nevolan login theming for Authelia (int-belege-wolfgang-wagner) - injected same-origin via the
   nginx sidecar. Targets STABLE selectors only: semantic ids (#sign-in-button,
   #username-textfield, #password-textfield, #reset-password-button), stable MUI
   component classes (.MuiOutlinedInput-root), and the authelia.com brand link.
   No inline style/script -> Authelia CSP untouched. */

/* nevolan-CI (design-tokens.md): Aktion = accent-strong #2563EB (AA fuer weissen Text), #3B82F6 nur
   Fokus/Deko; Geist self-hosted same-origin (CSP default-src 'self' blockt data:-Fonts). */
@font-face { font-family:"Geist Variable"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("/authelia/fonts/geist-latin-wght-normal.woff2") format("woff2"); }
:root { --np-ink:#1B1C20; --np-blue:#3B82F6; --np-blue-d:#2f6fe0; --np-action:#2563EB;
  --np-font:"Geist Variable",system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; }
body, #root .MuiTypography-root, #root .MuiButtonBase-root, #root .MuiInputBase-root,
#root .MuiFormLabel-root, #root .MuiFormHelperText-root, .MuiMenuItem-root { font-family:var(--np-font) !important; }

/* ---- Split layout: brand panel left, Authelia app pushed into the right half ---- */
@media (min-width: 821px) {
  #root { position:relative; z-index:1; margin-left:42vw; min-height:100vh; }

  #np-brand {
    position:fixed; left:0; top:0; width:42vw; height:100vh; z-index:0;
    background:var(--np-ink);
    display:flex; align-items:center; justify-content:center; overflow:hidden;
  }
  #np-brand .np-logo {
    position:relative; z-index:2;
    width:clamp(120px,16vw,200px); height:auto;
  }
  #np-brand .np-mesh {
    position:absolute; inset:0; z-index:0;
    background-image:radial-gradient(rgba(59,130,246,.5) 1.3px, transparent 1.4px);
    background-size:28px 28px; opacity:.14;
    -webkit-mask-image:radial-gradient(120% 100% at 50% 50%, #000, transparent 70%);
            mask-image:radial-gradient(120% 100% at 50% 50%, #000, transparent 70%);
  }
  #np-brand .np-glow {
    position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%);
    width:360px; height:360px; border-radius:50%;
    background:radial-gradient(circle, rgba(59,130,246,.18), transparent 64%);
    filter:blur(10px);
  }
}
@media (max-width: 820px) { #np-brand { display:none; } }

/* ---- Brand the form ---- */
#sign-in-button {
  background-color:var(--np-action) !important;
  border-radius:10px !important;
  text-transform:none !important;
  font-weight:600 !important;
  box-shadow:0 8px 20px -8px rgba(59,130,246,.5) !important;
}
#sign-in-button:hover { background-color:var(--np-blue-d) !important; }

.MuiOutlinedInput-root { border-radius:10px !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color:var(--np-blue) !important;
}

#reset-password-button { color:var(--np-action) !important; }

/* ---- Remove "Powered by Authelia" ---- */
a[href="https://www.authelia.com"] { display:none !important; }

/* ---- Hide Authelia's default portal icon (person silhouette); nevolan logo lives
        in the left brand panel. Stable id. ---- */
#UserSvg { display:none !important; }

/* ---- Restrict the native Authelia language switcher to the agreed set:
        English (default) + Deutsch + Magyar + Čeština. Menu items have stable ids
        (language-<code>); hide all, re-show the four. ---- */
li[role="menuitem"][id^="language-"] { display:none !important; }
#language-en,
#language-de-DE,
#language-hu-HU,
#language-cs-CZ { display:flex !important; }