/* MU/TH/UR 6000 login skin for the Authelia portal (injected by nginx, see nginx.conf). */
:root { --g: #1fff31; --gd: #0b7a16; }
html, body, #root { background: #010401 !important; }
body { font-family: "IBM Plex Mono", ui-monospace, monospace !important; color: #8fff9a !important; }
body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9999; background: repeating-linear-gradient(0deg, rgba(0,0,0,.28) 0 1px, transparent 1px 3px); }
/* The portal is Tailwind + shadcn style: it themes itself from CSS variables, so override those. */
html[data-theme], html[data-theme] #root, html[data-theme] body {
  --primary: #1fff31; --primary-foreground: #010401; --background: #010401; --foreground: #8fff9a;
  --input: rgba(31,255,49,.4); --border: rgba(31,255,49,.3); --ring: #1fff31; --card: #031203; --muted-foreground: #5fcf6a; --radius: 0;
}
html[data-theme] * { border-radius: 0 !important; }
html[data-theme] input { color: #bfffc6 !important; caret-color: #1fff31; }
html[data-theme] button { letter-spacing: .1em; }
html[data-theme] a { color: #1fff31; }
html[data-theme] #form-login button[type="submit"] { box-shadow: 0 0 12px rgba(31,255,49,.35); }
#muthr-pod { position: fixed; inset: 0; z-index: 10000; background: #010401; color: var(--g); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; font: 14px/1.6 "IBM Plex Mono", monospace; letter-spacing: .12em; transition: opacity .6s; }
#muthr-pod.done { opacity: 0; pointer-events: none; }
#muthr-pod .bar { width: min(420px, 80vw); height: 10px; border: 1px solid var(--g); }
#muthr-pod .bar i { display: block; height: 100%; width: 0; background: var(--g); animation: muthr-pod-fill 2.4s steps(24, end) forwards; }
@keyframes muthr-pod-fill { to { width: 100%; } }
#muthr-pod small { color: var(--gd); }
#muthr-status-line { text-align: center; padding: 6px; font-size: 11px; letter-spacing: .2em; color: var(--gd); }
html[data-muthr-calm] #muthr-pod { display: none !important; }
@media (prefers-reduced-motion: reduce) { #muthr-pod { display: none !important; } body::after { opacity: .4; } }