/* starhon-Theme für Vikunja (10.11.2026) – per nginx sub_filter eingebunden: kein Lama, BERSERK-Blau */
:root{--primary-h:210deg;--primary-s:95%;--primary-l:58%}
:root.dark{--site-background:#070b14;--grey-50:#0b111e;--grey-100-hsl:220,38%,9%;--white:#0f1726;--scheme-main:#0f1726;--card-background:#0f1726}
:root.dark body{background:radial-gradient(1200px 600px at 80% -10%,rgba(56,140,255,.16),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(56,140,255,.10),transparent 60%),#070b14 fixed}
:root.dark .card,:root.dark .navbar,:root.dark .menu-container{background:rgba(15,23,38,.82)!important;backdrop-filter:blur(10px);border:1px solid rgba(90,160,255,.16)}
:root.dark .kanban .bucket{background:rgba(15,23,38,.6)!important;border:1px solid rgba(90,160,255,.12);border-radius:12px}
:root.dark .kanban .task{background:rgba(22,33,54,.95)!important;border:1px solid rgba(90,160,255,.14)}

/* Lama raus: Login-Hintergrund, Offline-Bild, „keine Aufgaben“-Lama, Logo (Lama + Schriftzug) */
.no-auth-wrapper{background:radial-gradient(900px 500px at 50% -10%,rgba(56,140,255,.25),transparent 60%),#070b14!important}
.offline{background:#070b14!important}
.llama-cool,img[src*="llama"],[style*="llama"]{display:none!important}
svg.logo,.logo svg,.logo-link svg,.no-auth-wrapper .logo{display:none!important}
.logo-link::after,.no-auth-wrapper > :first-child::before{
  content:"BERSERK · TODO";font:800 1.15rem/1 system-ui,sans-serif;letter-spacing:.32em;white-space:nowrap;
  background:linear-gradient(90deg,#7cc4ff,#3b82f6 40%,#a5d8ff 60%,#3b82f6);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:sh-shine 4s linear infinite}
.no-auth-wrapper > :first-child::before{display:block;text-align:center;font-size:1.8rem;margin:1.5rem 0 1rem}
@keyframes sh-shine{to{background-position:-250% 0}}
@media (prefers-reduced-motion:reduce){.logo-link::after,.no-auth-wrapper > :first-child::before{animation:none}}

/* Login: Lama-Foto links durch BERSERK-Fläche ersetzen, Server-URL-Hinweis ausblenden */
.no-auth-wrapper .image{background:radial-gradient(500px 340px at 30% 20%,rgba(56,140,255,.35),transparent 70%),linear-gradient(160deg,#0d1d3a,#070b14 70%)!important;position:relative}
.no-auth-wrapper .image::after{content:"BERSERK";position:absolute;inset:auto;left:50%;top:44%;width:max-content;height:auto;white-space:nowrap;opacity:1;transform:translate(-50%,-50%);font:900 3.2rem/1 system-ui,sans-serif;letter-spacing:.3em;padding-left:.3em;
  background:linear-gradient(90deg,#7cc4ff,#3b82f6 40%,#a5d8ff 60%,#3b82f6);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh-shine 4s linear infinite}
.no-auth-wrapper > :first-child::before{content:none!important}
.api-config{display:none!important}
:root.dark .no-auth-wrapper .noauth-container,:root.dark .no-auth-wrapper .content{background:rgba(15,23,38,.92)!important}