/*
 * ZORYX seasonal visual skins — from the approved Halloween / Christmas mockups.
 * Purely decorative: no UI text, data, feature settings, navigation or interaction is replaced.
 * Active only when DEV global dashboardTheme is halloween or christmas.
 */
html[data-season-theme="halloween"] {
  --festive-bg:#0c0910; --festive-panel:#1b101a; --festive-panel-alt:#2d1726;
  --festive-ink:#fff1e8; --festive-soft:#d0b9cf; --festive-line:#ac572c;
  --festive-accent:#ff8b26; --festive-accent-light:#ffc06d;
  --festive-second:#a977d6; --festive-outline:rgba(255,132,33,.64);
  --festive-shine:rgba(255,108,22,.2); --festive-shadow:rgba(255,110,20,.18);
  --festive-hero:url('/img/themes/halloween-hero.svg?v=4');
  --festive-card:url('/img/themes/halloween-card.svg?v=4');
  color-scheme:dark;
}
html[data-season-theme="christmas"] {
  --festive-bg:#1a0811; --festive-panel:#3c1020; --festive-panel-alt:#113729;
  --festive-ink:#fff9ec; --festive-soft:#f1dcd9; --festive-line:#bd8c4e;
  --festive-accent:#f7c26c; --festive-accent-light:#fff0b3;
  --festive-second:#d94b5b; --festive-outline:rgba(245,203,118,.76);
  --festive-shine:rgba(212,43,68,.19); --festive-shadow:rgba(223,158,57,.17);
  --festive-hero:url('/img/themes/christmas-hero.svg?v=4');
  --festive-card:url('/img/themes/christmas-card.svg?v=4');
  color-scheme:dark;
}

/* Dashboard: dark underpainting removes all classic blues during first paint. */
html[data-season-theme] body:has(.drawer) {
  background:var(--festive-bg) !important;
  color:var(--festive-ink);
}
html[data-season-theme] body:has(.drawer) .drawer-content {
  isolation:isolate;
  background:
    radial-gradient(ellipse 1200px 550px at 55% 120px,var(--festive-shine),transparent 72%),
    linear-gradient(180deg,var(--festive-bg),var(--festive-bg)) !important;
}
html[data-season-theme] body:has(.drawer) .drawer-content > main {
  position:relative;
  isolation:isolate;
  padding-top:clamp(2rem,4vw,4.25rem);
}

html[data-season-theme] body:has(.drawer) .drawer-content > main :is(h1,h2,h3,h4) {
  color:var(--festive-ink);
}
html[data-season-theme] body:has(.drawer) .drawer-content > main > .flex:first-child h1 :is(i,svg),
html[data-season-theme] body:has(.drawer) .drawer-content > main > .flex:first-child h2 :is(i,svg) {
  color:var(--festive-accent) !important;
}
html[data-season-theme] body:has(.drawer) :is(.text-base-content\/60,.text-base-content\/70,.text-base-content\/40) {
  color:var(--festive-soft) !important;
}

/* Header: top right Discord avatar and language controls keep their normal behavior. */
html[data-season-theme] body:has(.drawer) .navbar {
  background:
    linear-gradient(120deg,rgba(15,9,18,.97),var(--festive-panel)) !important;
  border-bottom:1px solid var(--festive-outline) !important;
  box-shadow:0 4px 20px rgba(0,0,0,.30),0 1px 9px var(--festive-shadow) !important;
  isolation:isolate;
}
html[data-season-theme="christmas"] body:has(.drawer) .navbar::after {
  content:"";position:absolute;inset:auto 0 -3px;height:13px;z-index:1;
  background:
    radial-gradient(circle at 11px 7px,#e9c578 0 2px,transparent 3px) 0 0/61px 13px repeat-x,
    radial-gradient(circle at 30px 6px,#df6670 0 2px,transparent 3px) 0 0/61px 13px repeat-x;
  pointer-events:none;
}
html[data-season-theme] body:has(.drawer) .navbar-user-actions {position:relative;z-index:5}
html[data-season-theme] body:has(.drawer) #navbar-user-trigger {
  border:1px solid var(--festive-outline);
  box-shadow:0 0 0 2px rgba(15,12,20,.8),0 0 13px var(--festive-shadow);
}
html[data-season-theme] body:has(.drawer) :is(.select,.input,.textarea,.dropdown-content,.modal-box) {
  border-color:var(--festive-line);
}
html[data-season-theme] body:has(.drawer) #language-select,
html[data-season-theme] body:has(.drawer) .navbar .btn {
  color:var(--festive-ink);
  background:rgba(17,10,18,.72) !important;
  border-color:var(--festive-line) !important;
}

html[data-season-theme] body:has(.drawer) .zoryx-season-scene + * {
  position:relative;
}

/* Sidebar: atmospheric header, illustrated footer, seasonal active selection. */
html[data-season-theme] body:has(.drawer) .drawer-side > div.menu {
  position:relative;isolation:isolate;
  background:
    linear-gradient(180deg,transparent 0,var(--festive-panel) 195px,var(--festive-panel) 100%),
    var(--festive-hero) 64% top/auto 230px no-repeat,
    var(--festive-panel) !important;
  border-right:1px solid var(--festive-outline);
  box-shadow:7px 0 25px rgba(0,0,0,.3),1px 0 12px var(--festive-shadow);
}
/* Keep decoration in the header only. A viewport-anchored bottom SVG created
   a visible horizontal seam across scrolling links (for example Anti-Raid). */
html[data-season-theme] body:has(.drawer) .drawer-side > div.menu::after {
  content:none !important;
  display:none !important;
}
html[data-season-theme] body:has(.drawer) .drawer-side > div.menu > * {
  position:relative;z-index:1;
}
html[data-season-theme] body:has(.drawer) .drawer-side .menu-title {
  color:var(--festive-accent-light);
  text-shadow:0 1px 3px rgba(0,0,0,.35);
}
html[data-season-theme] body:has(.drawer) .drawer-side .menu a {
  color:var(--festive-soft);
  border-radius:11px;
  background:rgba(10,8,15,.04);
  transition:background .18s,border-color .18s,box-shadow .18s;
}
html[data-season-theme] body:has(.drawer) .drawer-side .menu a:hover,
html[data-season-theme] body:has(.drawer) .drawer-side .menu a.active {
  background:linear-gradient(110deg,var(--festive-panel-alt),rgba(44,17,28,.72)) !important;
  border:1px solid var(--festive-outline) !important;
  color:var(--festive-accent-light) !important;
  box-shadow:inset 0 0 15px var(--festive-shine),0 0 14px var(--festive-shadow) !important;
}
html[data-season-theme] body:has(.drawer) .drawer-side .menu a.sidebar-brand {
  background:transparent !important;border:0 !important;box-shadow:none !important;
}
html[data-season-theme] body:has(.drawer) .drawer-side .menu a :is(svg,i) {
  color:var(--festive-accent) !important;
}
html[data-season-theme] body:has(.drawer) .drawer-side > div.menu > .bg-base-300 {
  background:linear-gradient(145deg,rgba(26,14,21,.8),var(--festive-panel-alt)) !important;
  border:1px solid var(--festive-line);
  box-shadow:inset 0 0 12px var(--festive-shadow);
  backdrop-filter:blur(6px);
}
html[data-season-theme] body:has(.drawer) .drawer-side .divider {
  opacity:.8;
  color:var(--festive-line);
}

/* Every interior page: distinct seasonal cards without covering the content. */
html[data-season-theme] body:has(.drawer) .drawer-content main .card,
html[data-season-theme] body:has(.drawer) .page-hero-wrap,
html[data-season-theme] body:has(.drawer) .zoryx-suite-nav,
html[data-season-theme] body:has(.drawer) .modal-box {
  border:1px solid var(--festive-outline) !important;
  border-radius:13px !important;
  background:linear-gradient(160deg,var(--festive-panel),var(--festive-panel-alt)) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 0 0 1px var(--festive-shadow) !important;
  color:var(--festive-ink);
}
html[data-season-theme] body:has(.drawer) .drawer-content main .card {
  overflow:hidden;isolation:isolate;
}

html[data-season-theme] body:has(.drawer) .drawer-content main .card .card-body,
html[data-season-theme] body:has(.drawer) .drawer-content main .card > :not(.card-body):not(.premium-plan-bg):not(.premium-plan-overlay):not(.premium-recommended-badge) {
  position:relative;z-index:1;
}
html[data-season-theme] body:has(.drawer) .drawer-content main .card:hover {
  border-color:var(--festive-accent-light) !important;
  box-shadow:0 10px 32px rgba(0,0,0,.33),0 0 16px var(--festive-shadow) !important;
}
html[data-season-theme] body:has(.drawer) .drawer-content main .card .card-title {
  color:var(--festive-ink);
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
html[data-season-theme] body:has(.drawer) :is(.btn-primary,.btn.btn-primary,.tabs .tab-active) {
  background:linear-gradient(120deg,var(--festive-panel-alt),var(--festive-accent)) !important;
  border-color:var(--festive-outline) !important;
  color:var(--festive-ink) !important;
  box-shadow:0 4px 12px var(--festive-shadow);
}
html[data-season-theme="christmas"] body:has(.drawer) :is(.btn-primary,.btn.btn-primary,.tabs .tab-active) {
  background:linear-gradient(110deg,#a42238,#d53b50) !important;
  color:#fff9ee !important;
}
html[data-season-theme] body:has(.drawer) :is(.input,.textarea,.select,.table,.alert,.tabs-boxed) {
  background-color:var(--festive-panel) !important;
  border-color:var(--festive-line) !important;
}
html[data-season-theme] body:has(.drawer) :is(.badge-ghost,.badge-outline) {border-color:var(--festive-line)}
html[data-season-theme] body:has(.drawer) :is([class*="bg-blue-"],[class*="bg-indigo-"]) {
  background-color:var(--festive-panel-alt) !important;
}
html[data-season-theme] body:has(.drawer) .drawer-content :is(.text-blue-400,.text-indigo-400) {
  color:var(--festive-accent) !important;
}

/* Overview: precisely target the four stat tiles and three tall info panes. */
html[data-season-theme] .zoryx-overview-stats .card {min-height:96px;}
html[data-season-theme] .zoryx-overview-stats .card::before {opacity:.25 !important;}
html[data-season-theme] .zoryx-overview-status .card {min-height:0;}
html[data-season-theme] .zoryx-overview-status .card::before {opacity:.2 !important;}
html[data-season-theme] .zoryx-overview-stats .card:nth-child(2),
html[data-season-theme] .zoryx-overview-status .card:nth-child(2) {
  background:linear-gradient(145deg,var(--festive-panel-alt),var(--festive-panel)) !important;
}
html[data-season-theme="christmas"] .zoryx-overview-stats .card:nth-child(even),
html[data-season-theme="christmas"] .zoryx-overview-status .card:nth-child(2) {
  background:linear-gradient(140deg,#093726,#124333) !important;
}
html[data-season-theme="christmas"] .zoryx-overview-stats .card:nth-child(odd),
html[data-season-theme="christmas"] .zoryx-overview-status .card:nth-child(odd) {
  background:linear-gradient(140deg,#5b0e20,#3d0e1b) !important;
}
html[data-season-theme="christmas"] .zoryx-overview-stats .card::after,
html[data-season-theme="christmas"] .zoryx-overview-status .card::after {
  content:"";position:absolute;top:0;left:0;right:0;height:22px;
  pointer-events:none;z-index:2;
  background:radial-gradient(ellipse 26px 8px at 11% 2px,#f9fcf8 98%,transparent 101%),
    radial-gradient(ellipse 42px 13px at 35% 0,#f9fcf8 98%,transparent 101%),
    radial-gradient(ellipse 31px 11px at 63% 1px,#f9fcf8 98%,transparent 101%),
    radial-gradient(ellipse 46px 11px at 90% 0,#f9fcf8 98%,transparent 101%);
  filter:drop-shadow(0 2px 1px #b4d1d3);
}
html[data-season-theme="halloween"] .zoryx-overview-status .card:nth-child(3)::before {
  opacity:.65 !important;
}
html[data-season-theme] .zoryx-overview-status .card .card-body {
  padding:1.3rem 1.15rem 1.5rem;
}
html[data-season-theme] .zoryx-overview-stats .card .card-body {
  padding:1rem 1.1rem;
}

/* Public home & guild picker share the exact same theme selection. */
html[data-season-theme] body.public-home,
html[data-season-theme] body.zoryx-dashboard-home {
  --z-bg:var(--festive-bg);--z-panel:var(--festive-panel);
  --z-panel-strong:var(--festive-panel-alt);--z-line:var(--festive-line);
  --z-purple:var(--festive-accent);--z-blue:var(--festive-second);
  --bg:var(--festive-bg);--surface:var(--festive-panel);
  --surface-raised:var(--festive-panel-alt);--line:var(--festive-line);
  --text:var(--festive-ink);--muted:var(--festive-soft);
  --blue:var(--festive-accent);--pink:var(--festive-second);
  background:radial-gradient(ellipse at 60% 10%,var(--festive-shine),transparent 58%),var(--festive-bg) !important;
  color:var(--festive-ink);
}
html[data-season-theme] body.public-home .site-header,
html[data-season-theme] body.zoryx-dashboard-home .dashboard-topbar {
  /* Keep the illustrated scene in the content, not a second copy in the navbar. */
  background:linear-gradient(110deg,rgba(18,10,21,.97),rgba(29,14,26,.96)) !important;
  border-bottom:1px solid var(--festive-outline) !important;
  box-shadow:0 8px 27px rgba(0,0,0,.4);
}
html[data-season-theme="christmas"] body.public-home .site-header::after,
html[data-season-theme="christmas"] body.zoryx-dashboard-home .dashboard-topbar::after {
  content:"";position:absolute;bottom:-3px;left:0;right:0;height:10px;
  pointer-events:none;background:radial-gradient(circle at 15px 7px,#e9b968 0 2px,transparent 3px) 0 0/56px 10px repeat-x;
}
/* The public home has its own illustrated hero. Guild select uses this one backdrop. */
html[data-season-theme] body.zoryx-dashboard-home .dashboard-shell::before {
  content:"";position:absolute;top:0;left:0;right:0;height:360px;
  background:var(--festive-hero) center top/cover no-repeat;
  pointer-events:none;z-index:-1;opacity:.55;
  mask-image:linear-gradient(180deg,black,transparent);
}
html[data-season-theme] body.public-home .home-root,
html[data-season-theme] body.zoryx-dashboard-home .dashboard-shell {
  isolation:isolate;
}
html[data-season-theme] body.public-home :is(.hero,.section,.premium-section,.feature-card,.pricing-card),
html[data-season-theme] body.zoryx-dashboard-home :is(.workspace,.guild-grid-card,.metric-pill) {
  border-color:var(--festive-outline) !important;
}
html[data-season-theme] body.public-home :is(.feature-card,.premium-card,.pricing-card,.faq-list details),
html[data-season-theme] body.zoryx-dashboard-home :is(.workspace,.guild-grid-card,.metric-pill) {
  background:linear-gradient(145deg,var(--festive-panel),var(--festive-panel-alt)) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 1px 0 var(--festive-shadow);
}
html[data-season-theme] body.zoryx-dashboard-home .guild-grid-card {
  position:relative;isolation:isolate;
}
/* Avoid tiling the seasonal illustration on every Discord server tile. */
html[data-season-theme] body.zoryx-dashboard-home .guild-grid-card::before {
  content:none !important;
}
html[data-season-theme] body.zoryx-dashboard-home :is(.filter-btn.active,.guild-grid-card:hover) {
  color:var(--festive-ink) !important;
  border-color:var(--festive-outline) !important;
  background:var(--festive-panel-alt) !important;
}
html[data-season-theme] body.public-home :is(.header-login,.button-primary),
html[data-season-theme] body.zoryx-dashboard-home :is(.btn-primary,.guild-card-action .btn) {
  background:linear-gradient(115deg,var(--festive-panel-alt),var(--festive-second)) !important;
  border-color:var(--festive-outline) !important;
  color:var(--festive-ink) !important;
}
html[data-season-theme="halloween"] body.public-home :is(.header-login,.button-primary) {
  background:linear-gradient(120deg,#ad471c,#f38b36) !important;
}
html[data-season-theme="christmas"] body.public-home :is(.header-login,.button-primary),
html[data-season-theme="christmas"] body.zoryx-dashboard-home :is(.btn-primary,.guild-card-action .btn) {
  background:linear-gradient(120deg,#99192b,#d54653) !important;
}
html[data-season-theme] body.public-home :is(.gradient-text,.hero .gradient-text),
html[data-season-theme] body.zoryx-dashboard-home .welcome-title .accent {
  background-image:linear-gradient(90deg,var(--festive-accent),var(--festive-accent-light),var(--festive-second)) !important;
  color:transparent;
  -webkit-background-clip:text;background-clip:text;
}
html[data-season-theme] body.zoryx-dashboard-home .profile-avatar {
  outline:2px solid var(--festive-accent);
  box-shadow:0 0 13px var(--festive-shadow);
}
/* Full-bleed scene behind the Home hero, not a centered 1200px wallpaper box. */
html[data-season-theme] body.public-home .hero {
  isolation:isolate;position:relative;
  padding-top:clamp(56px,8vw,112px);
}
html[data-season-theme] body.public-home .hero::before {
  content:"";position:absolute;top:-34px;bottom:-65px;
  left:50%;width:100vw;max-width:none;transform:translateX(-50%);
  pointer-events:none;z-index:-1;
  background:linear-gradient(90deg,var(--festive-bg) 0%,transparent 14%,transparent 86%,var(--festive-bg) 100%),
    var(--festive-hero) center 38%/cover no-repeat;
  opacity:.82;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,black 13%,black 74%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,black 13%,black 74%,transparent 100%);
}
html[data-season-theme] body.public-home .hero > :is(.hero-copy,.product-preview) {
  position:relative;z-index:1;
}
html[data-season-theme] body.public-home :is(.feature-card,.pricing-card,.premium-card) {position:relative;isolation:isolate;overflow:hidden;}
/* Decorative cards retain seasonal styling, but not repeated full wallpaper. */
html[data-season-theme] body.public-home :is(.feature-card,.pricing-card,.premium-card)::before {
  content:none !important;
}
/* Seasonal theme controls remain legible and interactive. */
html[data-season-theme] :is(button,a,select,input,textarea):focus-visible {
  outline:2px solid var(--festive-accent-light);outline-offset:3px;
}
html[data-season-theme] .zoryx-snowfall {display:none}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-content::after {
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background-image:radial-gradient(2px 2px at 10% 25%,rgba(255,255,255,.72) 98%,transparent),
    radial-gradient(2px 2px at 47% 13%,rgba(255,255,255,.42) 98%,transparent),
    radial-gradient(2px 2px at 80% 68%,rgba(255,255,255,.65) 98%,transparent);
  background-size:310px 230px,430px 380px,560px 330px;
  opacity:.2;animation:zoryx-season-snow 35s linear infinite;
}
@keyframes zoryx-season-snow {to {background-position:0 650px,0 900px,0 740px;}}
@media (max-width:768px) {
 
 html[data-season-theme] body:has(.drawer) .drawer-content > main {padding-top:1.75rem}
 html[data-season-theme] .zoryx-overview-status .card {min-height:260px}

 html[data-season-theme] body.public-home .hero::before {
   top:-12px;bottom:-36px;background-position:60% center;opacity:.7;
 }
 html[data-season-theme] body.zoryx-dashboard-home .dashboard-shell::before {opacity:.35}
}
@media (prefers-reduced-motion:reduce) {
 html[data-season-theme] body:has(.drawer) .drawer-content::after {animation:none!important}
}
@media print {
 html[data-season-theme] body:has(.drawer) .drawer-content::after,
 html[data-season-theme] body:has(.drawer) .drawer-content > main::before,
 html[data-season-theme] body:has(.drawer) .zoryx-season-scene {display:none!important}
}

/* Pixel-position refinements: the illustration floats behind the page; it never pushes content down. */

html[data-season-theme] body:has(.drawer) .drawer-content > main {
  z-index:1;padding-top:clamp(2rem,3vw,3.4rem);
}

html[data-season-theme] .zoryx-overview-status .card::before {background-position:center bottom;}
html[data-season-theme] .zoryx-overview-status .card:nth-child(1)::before {opacity:.22 !important;}
html[data-season-theme="halloween"] .zoryx-overview-status .card:nth-child(3)::before {opacity:.22 !important;}
html[data-season-theme="christmas"] .zoryx-overview-status .card:nth-child(3)::before {opacity:.22 !important;}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-side > div.menu {
  background:
    linear-gradient(to bottom,rgba(4,39,29,.57),#07281e 34%,#09281e),
    var(--festive-hero) center top/auto 220px no-repeat !important;
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-side .menu a.active {
  background:linear-gradient(110deg,#9e1d35,#d33a4b) !important;
  color:#fff8e5 !important;
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-side .menu a.active :is(svg,i) {
  color:#ffe2a0 !important;
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-content > main > .flex:first-child h1 :is(i,svg) {
  color:#f8d87f !important;
}
html[data-season-theme] body:has(.drawer) .zoryx-overview-status .card,
html[data-season-theme] body:has(.drawer) .zoryx-overview-stats .card {
  border-color:var(--festive-outline) !important;
}
html[data-season-theme="halloween"] body:has(.drawer) .zoryx-overview-status .card,
html[data-season-theme="halloween"] body:has(.drawer) .zoryx-overview-stats .card {
  box-shadow:0 7px 18px rgba(0,0,0,.22),0 0 14px rgba(255,110,20,.08) !important;
}
html[data-season-theme="christmas"] body:has(.drawer) .zoryx-overview-status .card,
html[data-season-theme="christmas"] body:has(.drawer) .zoryx-overview-stats .card {
  box-shadow:0 7px 18px rgba(0,0,0,.22),0 0 13px rgba(241,199,112,.09) !important;
}
@media(max-width:768px) {
  
  
  html[data-season-theme] body:has(.drawer) .zoryx-overview-status .card {
    min-height:270px;
  }
}


/* Floating assistant should never retain the original electric-blue theme. */
html[data-season-theme] .zoryx-ai-floating-btn {
  background:linear-gradient(145deg,var(--festive-accent),var(--festive-panel-alt) 70%,var(--festive-panel)) !important;
  color:var(--festive-ink) !important;
  border:1px solid var(--festive-outline) !important;
  box-shadow:0 12px 35px var(--festive-shadow) !important;
}
html[data-season-theme="christmas"] .zoryx-ai-floating-btn {
  background:linear-gradient(145deg,#195b3e,#123c2f 70%,#771a2c) !important;
}
html[data-season-theme] .zoryx-ai-panel {
  border-color:var(--festive-line) !important;
  background:var(--festive-panel) !important;
}
html[data-season-theme] .zoryx-ai-header {
  background:linear-gradient(100deg,var(--festive-panel-alt),var(--festive-panel)) !important;
  border-bottom:1px solid var(--festive-outline);
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-content main .card:not(.zoryx-no-season-snow)::after {
  content:"";position:absolute;top:0;left:0;right:0;height:14px;
  pointer-events:none;z-index:2;
  background:radial-gradient(ellipse 24px 7px at 10% 0px,#f9fdf9 98%,transparent 101%),
    radial-gradient(ellipse 37px 8px at 29% 0px,#f9fdf9 98%,transparent 101%),
    radial-gradient(ellipse 26px 7px at 57% 0px,#f9fdf9 98%,transparent 101%),
    radial-gradient(ellipse 41px 9px at 85% 0px,#f9fdf9 98%,transparent 101%);
  opacity:.88;
}
html[data-season-theme="christmas"] body.public-home :is(.premium-card,.feature-card,.pricing-card),
html[data-season-theme="christmas"] body.zoryx-dashboard-home :is(.guild-grid-card,.workspace) {
  border-top:3px solid #e7d9c4 !important;
}
html[data-season-theme="halloween"] body.public-home :is(.premium-card,.feature-card,.pricing-card),
html[data-season-theme="halloween"] body.zoryx-dashboard-home :is(.guild-grid-card,.workspace) {
  box-shadow:0 8px 20px rgba(0,0,0,.25),0 0 10px rgba(255,128,40,.11) !important;
}


/* v4: composed artwork as a seasonal UI skin, matching the approved dashboard geometry. */



html[data-season-theme] body:has(.drawer) .drawer-side > div.menu {
  background:
    linear-gradient(180deg,rgba(10,7,18,.48) 0%,var(--festive-panel) 210px),
    var(--festive-hero) 67% 0/auto 225px no-repeat,var(--festive-panel) !important;
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-side > div.menu {
  background:
    linear-gradient(180deg,rgba(4,47,32,.25) 0%,#07281e 225px),
    var(--festive-hero) 65% 0/auto 225px no-repeat,#082a20 !important;
}
html[data-season-theme] body:has(.drawer) .drawer-side > div.menu > :first-child {position:relative;isolation:isolate}
html[data-season-theme] body:has(.drawer) .drawer-side > div.menu > :first-child::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:var(--festive-card) left bottom/auto 170px no-repeat;
  opacity:.78;
  mask-image:linear-gradient(90deg,#000,transparent 85%);
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-side > div.menu > :first-child {
  border-bottom:1px solid #e2c58b;
  box-shadow:0 3px 0 rgba(255,255,255,.1);
}
html[data-season-theme] body:has(.drawer) .drawer-side .menu .menu-title {
  padding-top:.45rem;padding-bottom:.45rem;
  border-bottom:1px solid color-mix(in srgb,var(--festive-line),transparent 55%);
}
html[data-season-theme="halloween"] body:has(.drawer) .drawer-side .menu a.active {
  background:linear-gradient(100deg,#6d2b12 0%,#241121 76%) !important;
  box-shadow:0 0 19px rgba(255,118,25,.34),inset 0 0 15px rgba(255,118,25,.22) !important;
  border-color:#f18122 !important;
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-side .menu a.active {
  box-shadow:0 0 14px rgba(255,180,103,.23),inset 0 0 14px rgba(255,180,103,.13) !important;
  border-color:#f5c57b !important;
}



html[data-season-theme] body:has(.drawer) .zoryx-overview-stats,
html[data-season-theme] body:has(.drawer) .zoryx-overview-status {
  position:relative;
}
html[data-season-theme] .zoryx-overview-stats .card,
html[data-season-theme] .zoryx-overview-status .card {
  backdrop-filter:none;
}
html[data-season-theme="halloween"] .zoryx-overview-stats .card:nth-child(1)::before {background-position:left top !important}
html[data-season-theme="halloween"] .zoryx-overview-stats .card:nth-child(4)::before {background-position:right bottom !important}
html[data-season-theme="halloween"] .zoryx-overview-status .card:nth-child(1)::before {background-position:left bottom !important}
html[data-season-theme="christmas"] .zoryx-overview-stats .card {
  border-top:4px solid #fbf9f1 !important;
}
html[data-season-theme="christmas"] .zoryx-overview-status .card {
  border-top:6px solid #f9f8ec !important;
}
html[data-season-theme="christmas"] body:has(.drawer) .drawer-content main .card:after {
  opacity:1 !important;
}
html[data-season-theme="halloween"] body:has(.drawer) .drawer-content main .card:after {
  content:"";pointer-events:none;position:absolute;z-index:2;
  width:34px;height:34px;inset:0 0 auto auto;
  border-top:2px solid #f58b34;border-right:2px solid #f58b34;
  border-radius:0 12px 0 0;
  background:radial-gradient(circle at 100% 0,rgba(255,136,37,.17),transparent 80%);
}
html[data-season-theme] body:has(.drawer) :is(.zoryx-overview-stats,.zoryx-overview-status) .card-body {
  position:relative;z-index:4;
}
html[data-season-theme] .zoryx-overview-stats .card .card-body {
  min-height:92px;display:flex;flex-direction:column;justify-content:center;
}
html[data-season-theme] .zoryx-overview-status .card .card-body {min-height:0;}
html[data-season-theme] body:has(.drawer) .zoryx-overview-main > .divider {
  border-color:var(--festive-line);
  opacity:.68;
}
html[data-season-theme="christmas"] body:has(.drawer) .zoryx-overview-main > .divider::before,
html[data-season-theme="christmas"] body:has(.drawer) .zoryx-overview-main > .divider::after {
  height:3px;background:linear-gradient(90deg,transparent,#e8bb6e,#f5eee4,#d9495e,transparent);
}
html[data-season-theme] body:has(.drawer) #navbar-user-menu {
  z-index:80 !important;
  background:var(--festive-panel) !important;
  border:1px solid var(--festive-outline);
}
@media(max-width:768px) {
  
  
  html[data-season-theme] .zoryx-overview-status .card .card-body {min-height:240px;}
  
}

/* v5 - Consolidated seasonal layout. One landscape scene, no duplicate hero. */
html[data-season-theme] body:has(.drawer)::before {background:none !important;}
html[data-season-theme] body:has(.drawer) .drawer,
html[data-season-theme] body:has(.drawer) .drawer-content {min-width:0;max-width:100%;}
html[data-season-theme] body:has(.drawer) .drawer-content {overflow-x:clip;}
html[data-season-theme] body:has(.drawer) .drawer-content > main::before {content:none !important;}
html[data-season-theme] body:has(.drawer) .drawer-content > .zoryx-season-scene {
  position:absolute;top:var(--zoryx-mobile-navbar-height,64px);left:0;right:0;
  width:100%;height:clamp(170px,20vw,245px);margin:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,var(--festive-bg) 100%),
    var(--festive-hero) center 35%/cover no-repeat;
  opacity:.96;
}
html[data-season-theme] body:has(.drawer) .drawer-content main .card {min-width:0;max-width:100%;}
html[data-season-theme] body:has(.drawer) .drawer-content main .card::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:var(--festive-card) right bottom/auto 100% no-repeat;opacity:.28;
}
@media(min-width:540px) and (max-width:767px) {
  html[data-season-theme] body.zoryx-overview-page .zoryx-overview-stats {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.75rem;
  }
}
@media(max-width:767px) {
  html[data-season-theme] body:has(.drawer) .drawer-content > .zoryx-season-scene {height:160px;opacity:.9}
  html[data-season-theme] body.zoryx-overview-page .zoryx-overview-main {
    padding-left:clamp(.75rem,3vw,1.25rem);padding-right:clamp(.75rem,3vw,1.25rem);
  }
  html[data-season-theme] .zoryx-overview-stats,
  html[data-season-theme] .zoryx-overview-status {gap:.75rem;margin-bottom:1.25rem;}
  html[data-season-theme] .zoryx-overview-stats .card .card-body {min-height:86px;padding:.75rem .95rem;}
  html[data-season-theme] .zoryx-overview-status .card {min-height:0 !important;}
  html[data-season-theme] .zoryx-overview-status .card .card-body {min-height:0;padding:1rem;}
  html[data-season-theme] .zoryx-ai-root {
    right:calc(8px + env(safe-area-inset-right,0px));
    bottom:calc(8px + env(safe-area-inset-bottom,0px));
  }
  html[data-season-theme] .zoryx-ai-floating-btn {
    width:44px;height:44px;border-radius:15px;animation:none;
  }
  html[data-season-theme] .zoryx-ai-floating-btn svg {width:23px;height:23px;}
}
@media(max-width:390px) {
  html[data-season-theme] body:has(.drawer) .navbar-user-actions {gap:.35rem;}
  html[data-season-theme] body:has(.drawer) #language-select {width:4.75rem;}
}

/* v6: all public Home components participate in the selected holiday palette.
   The illustrative preview was otherwise hard-coded to dark navy and bright blue. */
html[data-season-theme="halloween"] {
  --season-preview:#170f18;
  --season-preview-raised:#251722;
  --season-preview-line:rgba(255,143,52,.29);
  --season-preview-muted:#c4a7bc;
  --season-preview-glow:rgba(255,144,58,.16);
}
html[data-season-theme="christmas"] {
  --season-preview:#210f19;
  --season-preview-raised:#2c1a21;
  --season-preview-line:rgba(249,204,128,.28);
  --season-preview-muted:#d8c5c3;
  --season-preview-glow:rgba(205,65,74,.17);
}
html[data-season-theme] body.public-home {
  --surface:var(--season-preview);
  --surface-raised:var(--season-preview-raised);
  --line:var(--season-preview-line);
  --muted:var(--festive-soft);
  --blue:var(--festive-accent);
  --pink:var(--festive-second);
}
html[data-season-theme] body.public-home .preview-frame,
html[data-season-theme] body.public-home .preview-titlebar,
html[data-season-theme] body.public-home .preview-sidebar,
html[data-season-theme] body.public-home .preview-main,
html[data-season-theme] body.public-home .preview-footer,
html[data-season-theme] body.public-home .command-panel,
html[data-season-theme] body.public-home .showcase-server,
html[data-season-theme] body.public-home .floating-ticket {
  background:var(--season-preview) !important;
  border-color:var(--season-preview-line) !important;
  color:var(--festive-ink);
}
html[data-season-theme] body.public-home :is(
  .preview-metrics > div,.preview-activity,.preview-automation,
  .preview-nav-active,.preview-avatar,.demo-toggle,.preview-server .server-avatar,
  .feature-icon,.mobile-nav nav
) {
  background:var(--season-preview-raised) !important;
  border-color:var(--season-preview-line) !important;
  color:var(--festive-ink);
}
html[data-season-theme] body.public-home :is(
  .preview-titlebar,.preview-titlebar .icon,.preview-sidebar > .icon,
  .preview-metrics small,.preview-automation small,.preview-subtitle,
  .preview-activity,.preview-footer,.chart-label,.preview-server .demo-tag,
  .preview-server div > span,.command-panel dd,.showcase-server .server-name
) { color:var(--season-preview-muted) !important; }
html[data-season-theme] body.public-home :is(
  .preview-metrics .icon,.preview-nav-active .icon,.command-panel dt,
  .command-panel-heading .icon,.preview-server .server-avatar,.feature-icon
) {color:var(--festive-accent-light) !important;}
html[data-season-theme] body.public-home .preview-frame::before {
  background:linear-gradient(90deg,var(--festive-accent),var(--festive-second)) !important;
}
html[data-season-theme] body.public-home .preview-activity #chart-fill stop:first-child {
  stop-color:var(--festive-accent) !important;
}
html[data-season-theme] body.public-home .preview-activity path[stroke="#65c4ff"] {
  stroke:var(--festive-accent-light) !important;
}
html[data-season-theme] body.public-home .preview-activity path[fill="url(#chart-fill)"] {
  fill:var(--season-preview-glow) !important;
}
html[data-season-theme] body.public-home :is(.workflow-section,.brand-strip,.site-footer) {
  background:var(--festive-bg) !important;
  border-color:var(--season-preview-line) !important;
}
html[data-season-theme] body.public-home :is(.steps li + li,.command-panel-heading,.command-panel dl > div + div,.faq-list details,.footer-bottom) {
  border-color:var(--season-preview-line) !important;
}
html[data-season-theme] body.public-home .premium-panel {
  background:linear-gradient(115deg,var(--festive-panel),var(--festive-panel-alt)) !important;
  border-color:var(--season-preview-line) !important;
}
html[data-season-theme] body.public-home .premium-gem {
  background:linear-gradient(140deg,var(--festive-accent),var(--festive-second)) !important;
  border-color:var(--festive-accent-light) !important;
}
html[data-season-theme] body.public-home .feature-icon,
html[data-season-theme] body.public-home .command-panel dt,
html[data-season-theme] body.public-home .text-link {
  color:var(--festive-accent-light) !important;
}
html[data-season-theme] body.public-home .section-description,
html[data-season-theme] body.public-home .feature-card p {
  color:var(--festive-soft) !important;
}
html[data-season-theme] body.public-home .mobile-nav[open] summary {
  background:var(--season-preview-raised) !important;border-color:var(--festive-outline) !important;
}
@media(max-width:900px) {
  html[data-season-theme] body.public-home .hero::before {
    background-position:67% center;
  }
}