/* Gemeinsames Saison-Design: Team- und Bot-Panel, inklusive Anmeldung. */
:root[data-site-season="halloween"] { --nhc-season-accent:#f69b4e; --nhc-season-glow:rgba(245,126,38,.14); --nhc-season-panel:rgba(42,19,34,.85); }
:root[data-site-season="christmas"] { --nhc-season-accent:#e9cf94; --nhc-season-glow:rgba(77,182,137,.17); --nhc-season-panel:rgba(15,43,39,.85); }
:root[data-site-season="halloween"] body.ux-2026 { background-image:radial-gradient(ellipse at 80% 0%,rgba(181,70,20,.16),transparent 52%),radial-gradient(ellipse at 0% 70%,rgba(92,24,101,.14),transparent 55%)!important; }
:root[data-site-season="christmas"] body.ux-2026 { background-image:radial-gradient(ellipse at 85% 0%,rgba(34,129,96,.2),transparent 52%),radial-gradient(ellipse at 0% 75%,rgba(151,37,64,.12),transparent 55%)!important; }
:root[data-site-season]:not([data-site-season="standard"]) .ux-header,
:root[data-site-season]:not([data-site-season="standard"]) .ux-login-box {border-color:var(--nhc-season-accent)!important;box-shadow:0 14px 45px var(--nhc-season-glow)!important;}
:root[data-site-season]:not([data-site-season="standard"]) .ux-navitem.is-active,
:root[data-site-season]:not([data-site-season="standard"]) .ux-login-button {background:var(--nhc-season-accent)!important;color:#151515!important;}
:root[data-site-season]:not([data-site-season="standard"]) .ux-brand-text small,
:root[data-site-season]:not([data-site-season="standard"]) .ux-login-eyebrow {color:var(--nhc-season-accent)!important;}
:root[data-site-season="halloween"] .ux-header::before {content:'🎃 Halloween';display:block;text-align:center;padding:5px;color:#ffd6af;background:#4b2118;font-size:12px;font-weight:700;letter-spacing:.05em;}
:root[data-site-season="christmas"] .ux-header::before {content:'❄ Weihnachten 🎄';display:block;text-align:center;padding:5px;color:#f8eac8;background:#174237;font-size:12px;font-weight:700;letter-spacing:.05em;}
:root[data-site-season="halloween"] .ux-login-showcase::after {content:'🎃';position:absolute;right:5%;bottom:7%;font-size:60px;pointer-events:none;opacity:.6;}
:root[data-site-season="christmas"] .ux-login-showcase::after {content:'🎄';position:absolute;right:5%;bottom:7%;font-size:60px;pointer-events:none;opacity:.6;}
@media(max-width:760px){.ux-login-layout{width:100%!important;min-width:0!important;grid-template-columns:1fr!important}.ux-login-form-side{min-width:0!important;padding:20px 14px!important}.ux-login-box{width:100%!important;max-width:480px!important;min-width:0!important;margin:auto!important}.ux-login-button{display:flex!important;align-items:center;justify-content:center;min-height:48px!important}.ux-login-showcase{min-width:0!important}}
/* Saisonfarben auf alle Bereiche der Team- und Bot-Verwaltung anwenden. */
:root[data-site-season="halloween"] {--nhc-season-accent:#ff9a43;--nhc-season-alt:#b16ada;--nhc-season-surface:#261721;--nhc-season-page:#160f19;--nhc-season-stroke:rgba(255,154,67,.26)}
:root[data-site-season="christmas"] {--nhc-season-accent:#e4be70;--nhc-season-alt:#65bda0;--nhc-season-surface:#13352d;--nhc-season-page:#0d211e;--nhc-season-stroke:rgba(108,194,158,.29)}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026{
 background-color:var(--nhc-season-page)!important;
 background-image:radial-gradient(ellipse at 85% 0%,var(--nhc-season-glow),transparent 52%),linear-gradient(160deg,var(--nhc-season-page),var(--nhc-season-surface))!important;
}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-header,
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-nav-row,
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-login-box,
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-all-menu {
 border-color:var(--nhc-season-stroke)!important;
 background-color:var(--nhc-season-surface)!important;
}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-navitem.is-active,
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-login-button {
 background:var(--nhc-season-accent)!important;color:#151515!important;
}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-navitem:hover,
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-all-pages summary:hover {
 border-color:var(--nhc-season-stroke)!important;
}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 .ux-login-showcase {
 background:linear-gradient(140deg,var(--nhc-season-surface),var(--nhc-season-page))!important;
}

/* V4: Apply theme to REAL workspace components, not only the background. */
:root[data-site-season="halloween"] body.ux-2026 {
 --primary:#ffab56!important;--gold:#ffab56!important;--gold-soft:#ffc17b!important;
 --gold-line:rgba(255,154,67,.38)!important;--gold-dim:rgba(255,154,67,.13)!important;
 --surface:#241b23!important;--surface-2:#30212a!important;--surface-3:#3a2933!important;
 --border:#65414b!important;--border-soft:#51313d!important;--text:#fff0e4!important;
 --text-soft:#e4c6ba!important;--muted:#ccb4ae!important;--bg:#1a121c!important;
}
:root[data-site-season="christmas"] body.ux-2026 {
 --primary:#efd08c!important;--gold:#efd08c!important;--gold-soft:#f6dfa9!important;
 --gold-line:rgba(220,186,112,.35)!important;--gold-dim:rgba(232,202,143,.13)!important;
 --surface:#142e2b!important;--surface-2:#1b3e37!important;--surface-3:#224c42!important;
 --border:#3b6a58!important;--border-soft:#305747!important;--text:#f6f8ec!important;
 --text-soft:#ccdfd1!important;--muted:#aec7b8!important;--bg:#0e2420!important;
}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 :is(
 .panel,.card,.stat,.metric-card,.case-card,.permission-role-card,.team-support-group,
 .roster-directory,.roster-member,.roster-summary-card,.dashboard-hero,.ux-login-box,
 .workspace-card,.ux-content .quick-action,.quick-actions>a,.server-card
){background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 :is(
 .ux-header,.ux-nav-row,.ux-top-row,.ux-all-menu,.ux-account-popover
){background-color:var(--nhc-season-surface)!important;border-color:var(--nhc-season-stroke)!important;}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 :is(
 .ux-navitem.is-active,.ux-product-tabs a.is-current,.ux-login-button
){background:var(--nhc-season-accent)!important;color:#161517!important;}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 :is(
 .dash-kicker,.eyebrow,.ux-brand-text small,.dash-panel-link,.stat-top i
){color:var(--nhc-season-accent)!important;}
:root[data-site-season]:not([data-site-season="standard"]) body.ux-2026 :is(
 .panel,.card,.stat,.metric-card,.dashboard-hero,.ux-content
){box-shadow:0 4px 26px var(--nhc-season-glow)!important;}
:root[data-site-season="halloween"] body.ux-2026 .ux-header::before{background:linear-gradient(90deg,#ec7933,#873c8e)!important;}
:root[data-site-season="christmas"] body.ux-2026 .ux-header::before{background:linear-gradient(90deg,#b83e4a,#3f9d79,#e4be70)!important;}


/* ===== Season decor parity with website (pumpkins / christmas decor) ===== */
body.ux-2026{position:relative}
body.ux-2026 .nhc-season-panel-banner{position:sticky;top:0;z-index:620;display:block;padding:10px 18px;text-align:center;font-size:clamp(.65rem,1.3vw,.82rem);line-height:1.5;font-weight:850;letter-spacing:.12em;pointer-events:none}
:root[data-site-season="halloween"] body.ux-2026 .nhc-season-panel-banner{background:linear-gradient(90deg,#240e26,#642513 50%,#240e26);border-bottom:1px solid #ed873b66;color:#ffd2a5;text-shadow:0 0 18px #ff8b4460}
:root[data-site-season="christmas"] body.ux-2026 .nhc-season-panel-banner{background:linear-gradient(90deg,#092a26,#94313b 49%,#092a26);border-bottom:1px solid #d7bc7d69;color:#fff6dd;text-shadow:0 0 12px #f1e1b770}
body.ux-2026 .nhc-season-decor{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden;contain:layout paint;user-select:none}
body.ux-2026 .ux-shell,body.ux-2026 .ux-login-layout{position:relative;z-index:5}
body.ux-2026 .nhc-season-moon{position:absolute;top:13%;right:7%;width:clamp(95px,12vw,185px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffeabb,#f1a950 75%,#9b4420);box-shadow:0 0 60px 22px #ff94251f,0 0 145px 60px #ff702013;opacity:.28}
body.ux-2026 .nhc-season-bat{position:absolute;left:var(--x);top:var(--y);width:clamp(35px,7vw,95px);height:auto;color:#100713;opacity:.34;transform:scale(var(--s));animation:nhcPanelBatFloat 8s ease-in-out var(--delay) infinite alternate}
body.ux-2026 .nhc-season-bat svg{width:100%;height:auto;filter:drop-shadow(0 0 5px #ff771e23)}
@keyframes nhcPanelBatFloat{from{transform:translate(0,0) scale(var(--s)) rotate(-9deg)}to{transform:translate(22px,-18px) scale(var(--s)) rotate(6deg)}}
body.ux-2026 .nhc-season-pumpkin{position:absolute;bottom:-45px;width:165px;height:145px;border-radius:48% 48% 43% 43%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 24px,#b33b1827 25px 31px,transparent 32px 39px),radial-gradient(ellipse at 49% 40%,#ff963d,#c0451d 80%);border:2px solid #b84e24;box-shadow:0 0 55px #f26f1538;opacity:.63;transform:rotate(-12deg)}
body.ux-2026 .nhc-season-pumpkin-left{left:-46px}body.ux-2026 .nhc-season-pumpkin-right{right:-54px;transform:rotate(13deg) scale(.84)}
body.ux-2026 .nhc-pumpkin-stem{position:absolute;left:72px;top:-17px;width:23px;height:25px;border-radius:7px;background:#41512d;transform:rotate(10deg)}
body.ux-2026 .nhc-pumpkin-eye{position:absolute;top:44px;width:30px;height:29px;background:#200b0a;clip-path:polygon(50% 0,100% 100%,0 100%)}
body.ux-2026 .nhc-pumpkin-eye.eye-l{left:30px}body.ux-2026 .nhc-pumpkin-eye.eye-r{right:30px}
body.ux-2026 .nhc-pumpkin-mouth{position:absolute;bottom:22px;left:43px;width:83px;height:39px;background:#260b0d;clip-path:polygon(0 0,17% 14%,26% 0,40% 14%,55% 0,70% 14%,85% 0,100% 0,91% 100%,15% 100%);border-radius:0 0 50% 50%}
body.ux-2026 .nhc-season-flake{position:absolute;left:var(--x);top:-12px;width:var(--size);height:var(--size);border-radius:50%;background:#f4ffff;box-shadow:0 0 7px #c5efff86;opacity:.52;animation:nhcPanelSnowFall var(--duration) linear var(--delay) infinite}
@keyframes nhcPanelSnowFall{0%{transform:translate3d(0,-15vh,0);opacity:0}12%{opacity:.65}85%{opacity:.55}100%{transform:translate3d(var(--drift),110vh,0);opacity:0}}
body.ux-2026 .nhc-season-lights{position:absolute;top:0;left:1%;right:1%;display:flex;justify-content:space-around;height:35px;border-top:2px solid #527562aa}
body.ux-2026 .nhc-season-lights i{position:relative;top:10px;width:9px;height:14px;border-radius:45% 45% 50% 50%;background:#f8c564;box-shadow:0 0 13px #f8c564;transform:rotate(calc((var(--i) - 10) * 1deg));animation:nhcPanelLightGlow 2.7s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.18s)}
body.ux-2026 .nhc-season-lights i:nth-child(3n){background:#ee6d74;box-shadow:0 0 12px #ee6d74}
body.ux-2026 .nhc-season-lights i:nth-child(3n + 1){background:#70dcb1;box-shadow:0 0 12px #70dcb1}
body.ux-2026 .nhc-season-lights i::before{content:"";position:absolute;bottom:100%;left:3px;width:3px;height:10px;background:#6f927d}
@keyframes nhcPanelLightGlow{from{opacity:.35;filter:brightness(.65)}to{opacity:.85;filter:brightness(1.2)}}
body.ux-2026 .nhc-season-tree{position:absolute;bottom:-10px;width:0;height:0;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:120px solid rgba(103,179,139,.56);filter:drop-shadow(0 0 18px rgba(103,179,139,.2));opacity:.7}
body.ux-2026 .nhc-season-tree::before,body.ux-2026 .nhc-season-tree::after{content:"";position:absolute;left:-38px;width:0;height:0;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:84px solid rgba(69,142,107,.68)}
body.ux-2026 .nhc-season-tree::before{top:24px}body.ux-2026 .nhc-season-tree::after{top:52px;left:-30px;border-left-width:30px;border-right-width:30px;border-bottom-width:66px;border-bottom-color:rgba(51,115,86,.75)}
body.ux-2026 .nhc-season-tree-left{left:22px}body.ux-2026 .nhc-season-tree-right{right:22px}

/* Mobile menu button: entire visible button must be clickable */
body.ux-2026 .ux-all-pages>summary{position:relative;min-width:44px;min-height:44px;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body.ux-2026 .ux-all-pages>summary>*{pointer-events:none}
body.ux-2026 .ux-all-pages{z-index:650}
body.ux-2026 .ux-all-pages[open] .ux-all-menu{z-index:651}

@media(max-width:750px){body.ux-2026 .nhc-season-moon{opacity:.2;top:22%}body.ux-2026 .nhc-season-bat:nth-of-type(n + 4){display:none}body.ux-2026 .nhc-season-pumpkin{transform:scale(.62);transform-origin:bottom left}body.ux-2026 .nhc-season-pumpkin-right{transform:scale(.62);transform-origin:bottom right}body.ux-2026 .nhc-season-lights i:nth-child(2n){display:none}body.ux-2026 .nhc-season-panel-banner{letter-spacing:.04em;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){body.ux-2026 .nhc-season-flake,body.ux-2026 .nhc-season-bat,body.ux-2026 .nhc-season-lights i{animation:none!important}}