/* Date-scoped seasonal surfaces; learning content keeps its audited dark theme. */
/* Signed-in rooms: static, date-scoped ornaments; never cover controls or learning images. */
html[data-halloween] #dashboardPage .sb-logo{flex-wrap:wrap;gap:12px;background:linear-gradient(145deg,#25392b,#182b23);border-bottom:1px solid #956534;}
html[data-halloween] #dashboardPage .sb-logo>.halloween-exhibit{order:5;flex:0 0 100%;width:100%;margin:0;padding:7px 9px;border-radius:12px;background:#332d24;border-color:#84613b;gap:8px;}
html[data-halloween] #dashboardPage .sb-logo .halloween-exhibit-art svg{width:38px;height:38px;}
html[data-halloween] #dashboardPage .sb-logo .halloween-exhibit-art svg+svg{width:32px;height:32px;margin-left:-8px;}
html[data-halloween] #dashboardPage .sb-logo .halloween-exhibit-label{font-size:9px;letter-spacing:.04em;color:#ffd294;}
html[data-halloween] #dashboardPage .sidebar .nav-item.active{background:#493923;color:#ffe3b3;box-shadow:inset 3px 0 #f3ac5b;}
html[data-halloween] #dashboardPage .sidebar .nav-item:hover{background:#344331;color:#fff0d0;}
html[data-halloween] #dashboardPage .sb-section-label{color:#e2b77e;}
html[data-halloween] #dashboardPage .btn-logout{border-color:#a47b48;color:#ffdcaa;}
html[data-halloween] #dashboardPage .topbar{background:linear-gradient(100deg,#192d23,#302b24);}
html[data-halloween] #dashboardPage .tb-title::after{content:'HALLOWEEN';display:inline-block;vertical-align:middle;margin-left:12px;padding:3px 8px;border:1px solid #9e7547;border-radius:20px;color:#ffd092;font-size:9px;letter-spacing:.08em;line-height:1.6;}
html[data-halloween] #dashboardPage #homeTrackContent>.home-track-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
html[data-halloween] #dashboardPage #homeTrackContent>.home-track-heading>.halloween-exhibit{flex-basis:100%;margin:0 0 8px;}
html[data-halloween] #dashboardPage #homeTrackContent>.home-track-heading h2{flex:1;color:#ffdaad;}
html[data-halloween] #dashboardPage #sec-course .library-heading{display:flex;flex-direction:column;align-items:stretch;gap:0;}
html[data-halloween] #dashboardPage #sec-course .library-heading>.halloween-exhibit{margin-bottom:18px;}
html[data-halloween] #dashboardPage #sec-admin .admin-header>.halloween-exhibit{margin-bottom:18px;}
html[data-halloween] #dashboardPage #sec-course .course-hero{background:linear-gradient(115deg,#153e2d,#38312e)!important;border:1px solid #a37541;}
html[data-halloween] #dashboardPage :is(#homeTrackCourseEntry .home-track-course,.course-comparison){border-color:#846840;background-color:#1d3327;}
html[data-halloween] #dashboardPage #homeTrackGoal{background:linear-gradient(115deg,#20382a,#302e23);border-color:#846840;}
html[data-halloween] #dashboardPage .home-practice-entry{border-top:3px solid #c98c4a;}
html[data-halloween] #dashboardPage #homeTrackReadiness{border-color:#846840;}
html[data-halloween] #dashboardPage .home-readiness-heading{min-height:82px;padding-right:145px;position:relative;}
html[data-halloween] #dashboardPage .home-readiness-heading::after{content:'';position:absolute;right:0;top:0;width:132px;height:82px;background:url('../assets/seasonal/halloween-study-corner.svg') right center/contain no-repeat;pointer-events:none;}
html[data-halloween] #dashboardPage .home-readiness-heading h2{color:#ffdaad;}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group{background:#1e3229;border-color:#81613e;box-shadow:none;}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group-sales{background:linear-gradient(130deg,#343023,#1e3229);}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group-label{border-color:#506349;color:#ffe0ae;}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group-label small{color:#c4d0bd;}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group-label>span{background:#344735;color:#ffd19a;}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group .adtab{background:#293e30;color:#e3eddd;border:1px solid #53654c;}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group .adtab:hover{background:#3b4c33;color:#fff0cc;}
html[data-halloween] #dashboardPage #sec-admin .admin-tab-group .adtab.active{background:#f0b067;color:#202b1d;border-color:#f0b067;}
html[data-halloween] #dashboardPage #sec-admin .adtab.active .badge-count{background:#513b24;color:#fff0d0;}
html[data-halloween] #dashboardPage #sec-admin .empty-state{background:#22362a;color:#d2dfcb;border-color:#6c7654;}
html[data-halloween] #dashboardPage #sec-admin :is(.admin-tool-search,.admin-current-tool){border-color:#6d6242;}
html[data-halloween] #dashboardPage #sec-admin input::placeholder{color:#abbcae;opacity:1;}
@media(max-width:600px){html[data-halloween] #dashboardPage .tb-title::after{display:none;}html[data-halloween] #dashboardPage .home-readiness-heading{padding-right:88px;min-height:64px;}html[data-halloween] #dashboardPage .home-readiness-heading::after{width:84px;height:62px;}}
@media print{html[data-halloween] #dashboardPage .home-readiness-heading::after,html[data-halloween] #dashboardPage .tb-title::after{display:none;}}
html[data-halloween] { background: #0c1b16; }
html[data-halloween] #landingPage { background: #eef1e9; }
html[data-halloween] #landingPage .land-nav { background: #102b22; border-color: #b87735; box-shadow: 0 10px 35px #07150e40; }
html[data-halloween] #landingPage .land-hero-v3 {
  position: relative;
  background: radial-gradient(ellipse at 90% 15%, #74451e45, transparent 45%), radial-gradient(ellipse at 15% 80%, #24593d66, transparent 55%), #0c1e18;
  border-bottom: 1px solid #a56a32;
}
html[data-halloween] #landingPage .land-hero-v3 .land-hero-title { color: #f4f3df; }
html[data-halloween] #landingPage .land-hero-v3 .land-hero-highlight { color: #8ed5aa; }
html[data-halloween] #landingPage .land-hero-v3 :is(.land-hero-sub, .land-hero-note) { color: #c0d0c2; }
html[data-halloween] #landingPage .land-hero-v3 .land-hero-tag { background: #1d3529; border-color: #68815a; color: #b8edca; }
html[data-halloween] #landingPage .land-hero-v3 .land-hero-content::before {
  content: 'HALLOWEEN AT BIOLOJAY · 24—31 OCT'; display: block; margin-bottom: 16px;
  color: #ffb66e; font: 600 11px/1.7 Prompt,sans-serif; letter-spacing: .12em;
}
html[data-halloween] #landingPage .land-hero-v3 .btn-land-cta { background: #f2a451; color: #15251a; box-shadow: 0 8px 28px #e88b2220; }
html[data-halloween] #landingPage .land-hero-v3 .btn-land-cta:hover { background: #ffbd77; }
html[data-halloween] #landingPage .land-hero-v3 .btn-land-outline { background: #193b2c; color: #e4efde; border-color: #70846b; }
html[data-halloween] #landingPage .land-direction .journey-section { background: #e5ebdf; }
html[data-halloween] #landingPage .land-direction .step-badge { border-color: #aa6326; color: #8c4b17; background: #fff4df; }
html[data-halloween] #landingPage .land-direction .journey-ready .step-badge { background: #184331; color: #ffba74; }
html[data-halloween] #landingPage .land-direction .journey-flow::before { background: #bf803e; }
html[data-halloween] #landingPage .land-direction .dashboard-showcase-panel { background: linear-gradient(115deg,#e7eddf,#fff8ed); border-color: #bac8ac; }
html[data-halloween] #landingPage :is(.dashboard-preview-bar, .land-footer, .land-section-dark) { background: #10271e; }
html[data-halloween] #landingPage .land-direction .products-section { background: #e9ede2; }
html[data-halloween] #dashboardPage .sidebar { background: #10271e; border-right: 1px solid #805e33; }
html[data-halloween] #dashboardPage .topbar { border-bottom: 2px solid #a36a30; }
html[data-halloween] #dashboardPage #sec-home .hero-banner { background: radial-gradient(ellipse at right,#6c451f55,transparent 65%),#183529; border-color: #876736; }
html[data-halloween] #dashboardPage #sec-home .hero-tag { color: #ffd099; border-color: #8c6b3e; background: #273b28; }
html[data-halloween] #denGuide [data-den-launch] { border-color: #bc7c38; box-shadow: 0 5px 18px #b5692728; }
.halloween-greeting { box-sizing: border-box; width: min(540px,calc(100vw - 28px)); max-height: calc(100dvh - 28px); margin: auto; padding: 24px 20px 28px; overflow: auto; border: 1px solid #d19a55; border-radius: 28px; background: radial-gradient(ellipse at 50% 35%,#3e5430,#10271e 70%); color: #f5f0df; text-align: center; box-shadow: 0 24px 90px #0008; }
.halloween-greeting::backdrop { background: #05100bd9; }
.halloween-skip { display: block; margin-left: auto; min-height: 44px; padding: 8px 16px; border: 1px solid #839274; border-radius: 99px; background: #1b3328; color: #f5f0df; font: 500 14px/1.5 Prompt,sans-serif; cursor: pointer; }
.halloween-skip:focus-visible { outline: 3px solid #ffbe78; outline-offset: 3px; }
.halloween-guest { height: min(44dvh,360px); margin: -8px auto 4px; pointer-events: none; }
.halloween-guest img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 12px #0005); animation: halloween-arrive .35s cubic-bezier(.2,.8,.25,1) both; }
.halloween-kicker { margin: 12px 0 8px; color: #c4d4b8; font: 600 10px/1.5 Prompt,sans-serif; letter-spacing: .2em; }
.halloween-greeting h2 { margin: 0; color: #ffbc76; font: 700 clamp(25px,7vw,40px)/1.25 Prompt,sans-serif; letter-spacing: -.03em; }
.halloween-message { margin: 12px 0 0; color: #e0e7d8; font: 400 14px/1.7 Sarabun,sans-serif; }
@keyframes halloween-arrive { from { transform: scale(.6) rotate(-9deg); } to { transform: scale(1) rotate(0); } }
@media(prefers-reduced-motion:reduce) { .halloween-guest img { animation: none; } }
@media print { .halloween-greeting { display: none !important; } }
.halloween-exhibit { display:none; }
html[data-halloween] .halloween-exhibit { display:flex; align-items:center; gap:16px; margin:0 0 22px; padding:10px 16px; width:fit-content; max-width:100%; box-sizing:border-box; border:1px solid #ab784a; border-radius:18px 18px 18px 4px; background:#193c2e; color:#ffe0b2; pointer-events:none; }
.halloween-exhibit-art { display:flex; flex-shrink:0; align-items:end; }
.halloween-exhibit-art svg { width:60px; height:58px; }
.halloween-exhibit-art svg+svg { margin-left:-15px; width:47px; height:47px; }
.halloween-exhibit-label { font:600 10px/1.6 Prompt,sans-serif; letter-spacing:.09em; }
.halloween-exhibit-label i { display:block; font:400 9px/1.6 Prompt,sans-serif; color:#bdd6bb; margin-top:3px; letter-spacing:.2em; }
html[data-halloween] #landingPage .land-hero-v3 .land-hero-content::before { content:none; }
html[data-halloween] #landingPage .land-direction .journey-intro > .halloween-exhibit,
html[data-halloween] #dashboardPage .home-calendar-heading > .halloween-exhibit { grid-column:1 / -1; }
html[data-halloween] #dashboardPage .hero-banner { flex-wrap:wrap; }
html[data-halloween] #dashboardPage .hero-banner > .halloween-exhibit { flex-basis:100%; margin-bottom:14px; background:#102a20; }
html[data-halloween] #dashboardPage .home-calendar-heading { flex-wrap:wrap; }
html[data-halloween] #landingPage .products-heading > .halloween-exhibit { margin-left:auto; margin-right:auto; }
@media(max-width:600px) {
  html[data-halloween] .halloween-exhibit { gap:10px; padding:8px 12px; margin-bottom:18px; }
  .halloween-exhibit-art svg { width:48px; height:48px; }
  .halloween-exhibit-art svg+svg { width:38px; height:38px; }
  .halloween-exhibit-label { font-size:9px; }
}
@media print { .halloween-exhibit { display:none !important; } }

/* Midnight exhibition: a dedicated scene, not floating over lesson controls. */
.halloween-festival { display:none; }
html[data-halloween] .halloween-festival { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:20px; max-width:1160px; margin:38px auto; padding:34px 38px; border:1px solid #8d7147; border-radius:30px; overflow:hidden; position:relative; background:radial-gradient(ellipse at 80% 20%,#56774055,transparent 60%),#173b2b; color:#f5efda; box-shadow:0 18px 45px #081d171c; }
.halloween-festival-copy { position:relative; z-index:1; }
.halloween-festival-copy h2 { font:700 clamp(26px,3.3vw,42px)/1.35 Prompt,sans-serif; margin:10px 0 14px; color:#fff0ce; letter-spacing:-.025em; }
.halloween-festival-copy p { font:400 16px/1.8 Sarabun,sans-serif; margin:0 0 22px; color:#d4e3cd; }
.halloween-festival-copy small { display:block; margin-top:12px; color:#b7cfad; font:400 12px/1.6 Sarabun,sans-serif; }
.halloween-festival-scene svg { display:block; width:100%; height:auto; }
.halloween-play,.halloween-continue { min-height:46px; padding:12px 20px; border:1px solid #f2ac5c; border-radius:12px; background:#f2ac5c; color:#193825; font:600 14px/1.5 Prompt,sans-serif; cursor:pointer; }
.halloween-play:hover { background:#ffd09a; border-color:#ffd09a; }
.halloween-continue { background:transparent; color:#e4ebd9; border-color:#7c9878; }
.halloween-play:focus-visible,.halloween-continue:focus-visible,.halloween-game button:focus-visible { outline:3px solid #fff0c4; outline-offset:3px; }
.halloween-play[disabled] { opacity:.65; cursor:wait; }
.halloween-greeting-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:22px; }
.halloween-preference { margin:18px auto 0; max-width:390px; }
.halloween-preference label { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; cursor:pointer; color:#e0e7d8; font:400 14px/1.6 Sarabun,sans-serif; }
.halloween-preference input { flex:0 0 20px; width:20px; height:20px; accent-color:#f2ac5c; cursor:pointer; }
.halloween-preference input:focus-visible { outline:3px solid #ffbe78; outline-offset:4px; }
.halloween-preference small { display:block; margin-top:4px; color:#bfd0b7; font:400 12px/1.6 Sarabun,sans-serif; }
.halloween-greeting [role=status] { font-size:13px; color:#f5ddae; margin:8px 0 0; }
.halloween-greeting { width:min(580px,calc(100vw - 28px)); }
.halloween-guest { height:min(37dvh,300px); }
html[data-halloween] #landingPage .land-hero-v3 { background:radial-gradient(ellipse at 85% 22%,#8e672341,transparent 36%),radial-gradient(ellipse at 0 95%,#44633d60,transparent 52%),#0c1e18; }
/* Paint the rounded card only; its layout wrapper must not add square corners. */
html[data-halloween] #landingPage .land-learning-preview .land-map-card { box-shadow:0 24px 70px #050f0b66; }
html[data-halloween] .halloween-exhibit { border:0; border-radius:0; background:transparent; padding:0; gap:12px; }
html[data-halloween] #dashboardPage .hero-banner > .halloween-exhibit { background:transparent; border-bottom:1px solid #7d784b80; padding-bottom:12px; }
.halloween-exhibit-art svg { width:76px; height:70px; }
.halloween-exhibit-art svg+svg { width:60px; height:56px; }
.halloween-exhibit-label { color:#8a4c1b; }
html[data-halloween] :is(.land-hero-content,.hero-banner) .halloween-exhibit-label { color:#ffca83; }
.halloween-exhibit-label i { color:#63794e; }
html[data-halloween] :is(.land-hero-content,.hero-banner) .halloween-exhibit-label i { color:#c5d9b8; }
html[data-halloween] #dashboardPage .halloween-festival { margin:24px 0 32px; padding:24px 30px; }
html[data-halloween] #dashboardPage .halloween-festival-copy h2 { font-size:28px; }
html[data-halloween] #dashboardPage .halloween-festival-scene { max-width:400px; justify-self:end; }
.halloween-game { box-sizing:border-box; width:min(650px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:26px; overflow:auto; background:radial-gradient(ellipse at top right,#4d643c55,transparent 65%),#122c21; border:1px solid #b18d53; border-radius:26px; color:#f2efdc; box-shadow:0 24px 90px #0008; }
.halloween-game::backdrop { background:#06170ce6; }
.halloween-game header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid #476148; }
.halloween-game header strong { display:block; font:600 20px/1.4 Prompt,sans-serif; }
.halloween-game .halloween-kicker { margin:0 0 6px; display:block; }
.halloween-game-content h2 { font:600 clamp(19px,4.5vw,25px)/1.6 Prompt,sans-serif; margin:18px 0 22px; color:#fff0d2; }
.halloween-game-progress { display:flex; justify-content:space-between; gap:10px; margin-top:22px; font:400 13px/1.5 Sarabun,sans-serif; color:#c0d4b6; }
.halloween-lights { display:flex; gap:10px; margin:20px 0 0; }
.halloween-lights span { display:block; width:22px; height:19px; border-radius:45%; background:#31523a; border:1px solid #738164; position:relative; }
.halloween-lights span::before { content:''; position:absolute; width:4px; height:5px; left:9px; top:-5px; background:#9bb985; transform:rotate(14deg); }
.halloween-lights span.lit { background:#f1a14b; border-color:#ffcd78; box-shadow:0 0 16px #ffbd5540; }
.halloween-game-options { display:grid; gap:11px; }
.halloween-game-options button { padding:14px 16px; min-height:48px; border:1px solid #658165; border-radius:13px; background:#214331; color:#f1f0dd; text-align:left; font:500 16px/1.6 Sarabun,sans-serif; cursor:pointer; }
.halloween-game-options button:hover:not(:disabled) { border-color:#efb669; background:#2c5138; }
.halloween-game-options button:disabled { opacity:1; cursor:default; }
.halloween-game-options button.correct { background:#325b3a; border-color:#b4df8c; }
.halloween-game-options button.correct::before { content:'ถูกต้อง · '; color:#d4f4aa; }
.halloween-game-options button.incorrect { background:#553c30; border-color:#db9972; }
.halloween-game-options button.incorrect::before { content:'คำตอบที่เลือก · '; color:#ffcbab; }
.halloween-game-answer { margin:18px 0; font:400 16px/1.8 Sarabun,sans-serif; color:#e0e8cb; }
.halloween-game-next[hidden] { display:none; }
.halloween-game footer { margin-top:24px; padding-top:16px; border-top:1px solid #476148; font:400 12px/1.7 Sarabun,sans-serif; color:#b2c9a8; }
.halloween-game-result { text-align:center; padding:24px 0 4px; }
.halloween-game-result > strong { font:700 64px/1.3 Prompt,sans-serif; color:#ffc16f; }
.halloween-game-result p { font:400 16px/1.8 Sarabun,sans-serif; color:#d5e4c9; margin:18px 0 24px; }
.halloween-game-result small { display:block; margin-top:16px; color:#b2c9a8; font:400 12px/1.6 Sarabun,sans-serif; }
@media(max-width:800px) {
  html[data-halloween] .halloween-festival { margin:24px 20px; padding:24px; grid-template-columns:1fr; gap:10px; }
  .halloween-festival-scene { order:-1; max-width:440px; width:100%; justify-self:center; }
  html[data-halloween] #dashboardPage .halloween-festival { padding:22px; }
  html[data-halloween] #dashboardPage .halloween-festival-scene { justify-self:center; }
}
@media(max-width:400px) { .halloween-game { padding:20px 16px; } .halloween-festival-copy h2 { font-size:25px; } }
@media print { .halloween-festival,.halloween-game { display:none !important; } }
html[data-halloween] :is(#landingPage,#homeTab-store) #products { background: #101d17; color: #e2ede7; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-card,.shop-dialog,.shop-categories,.shop-cart-button) { background: #192b22; color: #e2ede7; border-color: #31473b; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(h2,h3,.shop-card h4,.shop-price) { color: #e2ede7; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(p,.shop-filter-label,.shop-categories button,.shop-tracks button,.shop-result-count) { color: #a2b8ac; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-free { background: #1d3429; color: #e2ede7; border-color: #31473b; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-overview-track,.shop-diagnosis-zone) { background:#15291f;border-color:#395849; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-summary-tile { background:#192b22;color:#e2ede7;border-color:#395849; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-summary-link,.shop-summary-prices strong) { color:#78d5aa; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-summary-copy > span,.shop-diagnosis-zone > p) { color:#a2b8ac; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-scope-heading h4 { color:#e2ede7; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-carousel-arrow { background: #192b22; color: #e2ede7; border-color: #31473b; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-grid[data-category="diagnose"] .shop-group-posn {--group-color:#c5a4f0;}
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-grid[data-category="diagnose"] .shop-group-netsat {--group-color:#91dfb7;}
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-grid[data-category="diagnose"] .shop-group-alevel {--group-color:#a4caff;}
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details { --detail-soft:#263a32; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details :is(.shop-detail-symbol,.shop-detail-tag,.shop-detail-price) { color:#e2ede7; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details .shop-detail-scope { border-color:#3d5447; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details .shop-detail-marker { background:#344b40; color:#e2ede7; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-overview-bundles {--group-color:#a8d8c1;}
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-owned-note {background:#203d2e;color:#b6e9c7;border-color:#3c7251;}
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-partial-note {background:#3b3421;color:#f1dca0;border-color:#726238;}
/* Halloween landing follows the same dark surfaces as the signed-in workspace.
   Images/video keep their original colors: never invert educational material. */
html[data-halloween] { color-scheme:dark; }
html[data-halloween] #landingPage,
html[data-halloween] #landingPage :is(.land-direction,.land-film,.landing-teaching,.land-features-new,.land-contact,.land-teacher,.land-teacher-section,.land-cta-section) { background:#0d1d18; color:#e5ece1; }
html[data-halloween] #landingPage .land-direction { --muted:#b0c3b5; --line:#3c5345; --wash:#162c22; --green-50:#1e382a; --green-100:#284735; --green-700:#8cd5aa; --green-950:#dcebdd; }
html[data-halloween] #landingPage .land-direction :is(.journey-section,.products-section,.landing-exam-picker) { background:#11251d; color:#e5ece1; }
html[data-halloween] #landingPage :is(.land-map-card,.land-product-preview-row,.landing-teaching-video-card,.land-review-card,.land-achievement,.land-teacher-card,.land-preview-box) { background:#1a3026; border-color:#405846; color:#e5ece1; }
html[data-halloween] #landingPage .land-direction :is(.dashboard-showcase-panel,.landing-exam-card,.product-card,.family-card,.track-tab) { background:#1a3026; border-color:#405846; color:#e5ece1; }
html[data-halloween] #landingPage :is(.land-product-preview-copy h3,.land-map-card h2,.landing-teaching-heading h2,.landing-teaching-video-card h3,.land-section-title,.land-film-heading h2,.land-achievement h3,.land-teacher-name) { color:#f2ecd9; }
html[data-halloween] #landingPage :is(.land-product-preview-copy p,.land-product-preview-tag,.land-map-disclaimer,.landing-teaching-heading p,.land-film-heading > p,.land-film-caption p,.land-achievement p,.land-section-sub,.land-teacher-desc) { color:#b7caba; }
html[data-halloween] #landingPage :is(.land-map-card h2 span,.landing-teaching-eyebrow,.land-film-heading > div > span,.land-section-tag,.land-achievement-year,.land-direction .kicker,.land-direction .journey-product) { color:#eabc80; }
html[data-halloween] #landingPage .land-direction :is(.step-badge,.landing-exam-card button,.button,.button-card) { background:#284433; color:#f2ca92; border-color:#987141; }
html[data-halloween] #landingPage .land-direction :is(.landing-exam-card p,.direction-status,.product-card li) { color:#b7caba; }
html[data-halloween] #landingPage .land-film-stage { background:#162c22; }
html[data-halloween] #landingPage .land-film-play { background:#203c2f; color:#f0ead6; border-color:#647a60; }
html[data-halloween] #landingPage .land-film-play small { color:#bdcfba; }
html[data-halloween] .halloween-exhibit-label { color:#efc18c; }
html[data-halloween] .halloween-exhibit-label i { color:#a9c1a5; }
html[data-halloween] #landingPage .land-nav :is(.land-nav-register,.land-nav-signup) { background:#efb370; color:#182e22; }
html[data-halloween] #authPage { background:radial-gradient(ellipse at top left,#244033,#0e2119 65%); color:#e5ece1; }
html[data-halloween] #authPage :is(.auth-box,.auth-card,.auth-tabs,input,select,.auth-back) { background:#1a3026; color:#e5ece1; border-color:#4b6552; }
html[data-halloween] #authPage :is(h1,h2,h3,label,.auth-intro h1) { color:#f0ead9; }
html[data-halloween] #authPage :is(p,.auth-kicker,.auth-path-step) { color:#bfd1bf; }
html[data-halloween] #authPage input::placeholder { color:#9daf9f; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products { background:#11251d; color:#e5ece1; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-product-guide,.shop-shopping-bar,.shop-card,.shop-summary-tile,.shop-overview-track,.shop-diagnosis-zone,.shop-cart-button,.shop-search-label input,.shop-carousel-arrow,.spg-step,.spg-includes li,.shop-upgrade-table th) { background:#1a3026; color:#e5ece1; border-color:#405846; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-heading p,.shop-upgrade-example,.shop-upgrade-table,.shop-intro p,.shop-card p,.shop-card li,.shop-price span,.shop-detail-intro,.shop-detail-payment,.shop-detail-excluded,.spg-intro,.spg-step p,.spg-note,.spg-outcome,#shop-result-count,.shop-carousel-hint,.shop-summary-copy > span,.shop-diagnosis-zone > p,.shop-upgrade-kicker,.shop-scope-heading > small) { color:#b7caba; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-heading h2,.shop-scope-heading h4,.shop-upgrade-table th,.shop-detail-scope h4,.shop-detail-purchase h4) { color:#e5ece1; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-tracks button,.shop-categories button,.shop-secondary) { background:#1b3327; color:#c6d9c6; border-color:#50654f; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-tracks button[aria-pressed="true"],.shop-categories button[aria-pressed="true"],.shop-primary) { background:#eeb16a; color:#182d20; border-color:#eeb16a; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-price strong,.shop-summary-prices strong,.shop-summary-link,.shop-upgrade-example strong,.shop-upgrade-note summary,.spg-eyebrow,.spg-step-number) { color:#ecc18a; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.spg-icon,.shop-summary-icon) { background:#294536; color:#f0c797; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details { --detail-soft:#263e30; --detail-accent:#eaba7f; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details :is(.shop-detail-purchase,.shop-detail-symbol,.shop-detail-marker) { background:#263e30; color:#f0d4aa; border-color:#4a634d; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details :is(.shop-detail-tag,.shop-detail-price) { color:#edbd80; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products #shop-details .shop-detail-action { background:#eeb16a; color:#182d20; }

/* One visible board, not a sequence of multiple-choice questions. */
.cell-game { width:min(920px,calc(100vw - 24px)); padding:24px; }
.cell-game[data-mission] { --cell-accent:#e8bc75; }
.cell-game[data-mission="parcel"] { --cell-accent:#d3b0ef; }
.cell-game[data-mission="cleanup"] { --cell-accent:#91d4dd; }
.cell-game[data-mission="greenhouse"] { --cell-accent:#abd58c; }
.cell-game[data-mission="moving"] { --cell-accent:#edafc0; }
.cell-game[data-mission="nightgarden"] { --cell-accent:#a9bff1; }
.cell-game[data-mission] .cell-host .halloween-kicker { color:var(--cell-accent); }
.cell-game[data-mission] .cell-house { border-color:var(--cell-accent); }
.cell-game[data-mission] .cell-feedback { border-left-color:var(--cell-accent); }
.cell-game header { position:sticky; top:-24px; z-index:2; background:#142c21; padding-top:12px; }
.cell-host { display:flex; align-items:center; gap:16px; margin-top:20px; }
.cell-host > svg { width:84px; flex:0 0 84px; }
.cell-host h2 { margin:6px 0; font-size:23px; }
.cell-host p { margin:0; color:#b8cfb6; font:400 14px/1.7 Sarabun,sans-serif; }
.cell-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:20px 0 12px; }
.cell-count { font:500 14px/1.5 Prompt,sans-serif; color:#f3cc94; }
.cell-toolbar .halloween-lights { margin:0; }
.cell-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:18px; }
.cell-layout h3 { font:500 13px/1.5 Prompt,sans-serif; color:#b8d1b5; margin:0 0 12px; }
.cell-parts,.cell-rooms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cell-game button { touch-action:manipulation; }
.cell-parts button { min-width:0; border:1px solid #60765a; border-radius:14px; padding:9px; background:#203e2d; color:#e9edda; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:98px; font:400 12px/1.5 Sarabun,sans-serif; }
.cell-parts svg { width:65px; height:58px; pointer-events:none; }
.cell-parts strong { font-weight:500; overflow-wrap:anywhere; }
.cell-parts button[aria-pressed="true"] { outline:2px solid #ffc17b; outline-offset:2px; background:#514a2c; }
.cell-parts button:disabled { opacity:.4; cursor:default; }
.cell-house { padding:16px; border:2px solid #6d8966; border-radius:32px; background:radial-gradient(ellipse at center,#35503977,transparent),#13291f; }
.cell-house.plant { border-radius:16px; border-width:4px; }
.cell-rooms button { min-width:0; min-height:125px; padding:12px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; border:1px dashed #7b8965; border-radius:14px; background:#1d3327; color:#e1e6cd; font:400 13px/1.6 Sarabun,sans-serif; cursor:pointer; }
.cell-room-number { color:#e8ba76; font:600 12px/1 Prompt,sans-serif; }
.cell-place-label { color:#a8bda2; font-size:11px; }
.cell-rooms button.installed { background:#3c492b; border:1px solid #d4ad68; color:#fff0cb; box-shadow:inset 0 0 25px #e6b35015; cursor:default; }
.cell-rooms button.installed svg { height:48px; width:56px; }
.cell-rooms button.installed span { font-size:11px; color:#d9dcbb; }
.cell-feedback { border-left:3px solid #e2ab65; padding:12px 14px; margin:0 0 18px; background:#263c2c; color:#e2e7cf; font:400 14px/1.8 Sarabun,sans-serif; }
.cell-result { margin-top:20px; text-align:center; border:1px solid #d4ad68; padding:20px; border-radius:18px; background:#394329; }
.cell-result[hidden] { display:none; }
.cell-result h2 { margin:0 0 8px; }
.cell-result p { color:#d6e0c8; font:400 15px/1.7 Sarabun,sans-serif; }
.cell-complete .cell-host > svg { transform:rotate(-8deg); }
.cell-complete .cell-house { box-shadow:0 0 25px #d3a94933; border-color:#e8bc75; }
@media(max-width:640px) {
 .cell-game { padding:18px 14px; }
 .cell-game header { top:-18px; }
 .cell-host { gap:8px; }
 .cell-host > svg { width:54px; flex-basis:54px; }
 .cell-host h2 { font-size:19px; }
 .cell-host .halloween-kicker { font-size:9px; letter-spacing:.05em; }
 .cell-layout { grid-template-columns:1fr; }
 .cell-parts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .cell-parts button { min-height:88px; padding:6px 3px; font-size:11px; }
 .cell-parts svg { width:54px; height:43px; }
 .cell-house { padding:12px; }
 .cell-rooms button { min-height:106px; }
 .cell-feedback { font-size:13px; }
}
@media(max-width:360px) {
 .cell-parts { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cell-parts button { font-size:12px; }
 .cell-game header > .halloween-skip { flex-shrink:0; white-space:nowrap; }
}
/* Explicit light overrides found by the rendered-surface audit. */
html[data-halloween] #landingPage :is(#land-teacher,#land-reviews,.landing-free,.landing-dashboard-showcase) { background:#10231b; color:#e5ece1; }
html[data-halloween] #landingPage .land-direction .journey-section .course-detail { background:#192f24; border-color:#86653e; color:#e5ecd9; }
html[data-halloween] #landingPage .land-direction .journey-section .course-col { background:#1b3428; border-color:#47634e; }
html[data-halloween] #landingPage .land-direction .journey-section .course-col.course-full { background:#244331; }
html[data-halloween] #landingPage .land-direction .journey-section .course-col h3 { color:#e8ecda; }
html[data-halloween] #landingPage .land-direction .journey-section .course-col li { color:#bbd0b9; }
html[data-halloween] #landingPage .land-direction .journey-section .course-col li.no { color:#eab6a1; }
html[data-halloween] #landingPage .land-direction .journey-section .course-col li.yes::before { color:#8ed5aa; }
html[data-halloween] #landingPage .land-direction .journey-section .course-col li.no::before { color:#f0b9a2; }
html[data-halloween] #landingPage .land-direction :is(.landing-qna-card,.landing-qna-card.is-course) { --qa-accent:#e8bd83; --qa-soft:#2b4937; background:#1b3428; border-color:#47634e; }
html[data-halloween] #landingPage .land-direction .landing-qna-card h4 { color:#e8ecda; }
html[data-halloween] #landingPage .land-direction .landing-qna-card :is(p,small) { color:#bbd0b9; }
html[data-halloween] #landingPage :is(.dashboard-preview-button,.free-pomo-step,.review-filter-btn,.free-space-preview figure) { background:#1d382b; color:#e5ece1; border-color:#47634e; }
html[data-halloween] #landingPage #land-teacher :is(h2,h3,.land-teacher-name,.land-badge) { color:#e8ecda; }
html[data-halloween] #landingPage #land-teacher :is(p,.land-teacher-bio,.land-section-tag,.land-achievement-year) { color:#bdcfb8; }
html[data-halloween] #authPage :is(.login-card,.atab.active,.auth-kicker) { background:#20382a; color:#e4ead7; border-color:#47634e; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-visual { background:#294331; color:#e4ead7; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-visual.shop-visual-covered { background:#162c21; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-variant select { background:#20382a; color:#e4ead7; border-color:#47634e; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products button.shop-primary:disabled { background:#2b3d31; color:#b4c5b4; border-color:#52634f; }
/* Text contrast follows each surface; no global inversion or image filters. */
html[data-halloween] #landingPage #land-product-preview-title { color:#f2ecd9; }
html[data-halloween] #landingPage #land-product-preview-title span,
html[data-halloween] #landingPage .land-product-preview-brand span { color:#a8dab8; }
html[data-halloween] #landingPage .land-direction .journey-section :is(.step-q,.step-more,.step-more span,.course-detail-hint) { color:#edc38c; }
html[data-halloween] #landingPage .land-direction .journey-section .course-detail summary { color:#e5ecd9; }
html[data-halloween] #landingPage .land-direction .journey-section :is(.course-detail-lead,.course-detail-note p) { color:#b8cbb8; }
html[data-halloween] #landingPage #dashboard-showcase :is(h2,h3,strong) { color:#e9edda; }
html[data-halloween] #landingPage #dashboard-showcase :is(.dashboard-showcase-copy > p,.dashboard-showcase-points span,.landing-qna-showcase p,.landing-qna-note) { color:#b8cbb8; }
html[data-halloween] #landingPage #start-free :is(.free-eyebrow,.free-heading h2 span,.free-pill,.free-pomodoro > span,.free-dog > span,.free-link,.free-link span,.free-pomo-step b) { color:#edc38c; }
html[data-halloween] #landingPage #start-free :is(.free-heading > p,.free-grid article > p,.free-pomo-step small,.free-pomo-repeat span,.free-timer-label,.free-dog-label,.free-space-preview figcaption) { color:#b8cbb8; }
html[data-halloween] #landingPage #start-free .free-pomo-step strong { color:#e5ecd9; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-variant,.shop-group-head small) { color:#b8cbb8; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products :is(.shop-group-name,.shop-diagnosis-kicker,.shop-heading h2 span) { color:#edc38c; }
/* Override the legacy landing title's !important colors only during the event. */
html[data-halloween] #landingPage #land-teacher .land-section-title { color:#e9edda !important; }
html[data-halloween] #landingPage #land-teacher .land-section-title span { color:#edc38c !important; }
html[data-halloween] #landingPage #land-teacher :is(.land-section-title span,.land-teacher-details summary,.land-teacher-details summary span) { color:#edc38c; }
html[data-halloween] #landingPage #land-reviews :is(.land-review-controls > span,.empty-state) { color:#b8cbb8; }
html[data-halloween] #landingPage #start-free :is(.free-biospace,.free-space-preview > div,.free-clock) { background:#1c3427; border-color:#47634e; color:#e5ecd9; }
html[data-halloween] #landingPage #start-free .free-clock small { color:#b8cbb8; }
html[data-halloween] #authPage .logo-main { color:#e8ecda; }
html[data-halloween] #authPage :is(.logo-sub,.atab,.btn-forgot,.eye) { color:#b8cbb8; }
html[data-halloween] #authPage :is(.reg-note,.password-reset-status) { background:#244331; color:#d7ead1; border-color:#52765b; }
html[data-halloween] #authPage .password-reset-status[data-state="error"] { background:#472e26; color:#ffd2bd; border-color:#aa755b; }
html[data-halloween] #authPage .err-msg { color:#f0b9a2; }
html[data-halloween] #landingPage #start-free .free-biospace .free-pill { background:#294635; border-color:#5c775d; color:#edc38c; }
html[data-halloween] #landingPage #start-free .free-pomo-icon { background:#294635; color:#a9d5b8; }
html[data-halloween] #landingPage #start-free .is-break .free-pomo-icon { background:#49412b; color:#efc28a; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-dialog-head button { background:#294635; color:#efd3a6; }
html[data-halloween] :is(#landingPage,#homeTab-store) #products .shop-dialog-head { border-color:#48614e; color:#bdcfb8; }
html[data-halloween] #landingPage .land-nav .btn-land-register { background:#eeb16a; color:#182d20; border-color:#eeb16a; }
/* Admin tools use the event palette even when legacy cards define literal colors.
   Scope includes portalled form dialogs; no financial data or chart series change. */
html[data-halloween] :is(#sec-admin,.form-modal) {
  --text:#e5ecdd; --text2:#d0dfcf; --text3:#b9cbbd; --text-muted:#b9cbbd;
  --card-bg:#1b3026; --bg:#14271e; --border:#52634d;
  color:#e5ecdd !important;
}
html[data-halloween] #dashboardPage #sec-admin :is(.finance-stat,.finance-table-card,.finance-chart-card,.finance-category,.finance-day,.finance-collapse-bar,.preview-edit-form,.user-card,.content-item,.as-card,.as-list article,.as-directory-filters,.as-profile-stats>div,.as-profile-hero) {
  background:#1b3026 !important; border-color:#52634d !important; box-shadow:none;
}
html[data-halloween] #dashboardPage #sec-admin :is(.finance-split-card,.finance-hero,.as-profile-hero) { background:linear-gradient(125deg,#293728,#193a2a) !important; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(h2,h3,h4,p,label,summary,td,th,b,strong,code,em,span,a) { color:#e5ecdd !important; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(small,.finance-history,.finance-toolbar label,.finance-chart-head>span,.finance-chart-legend span,.finance-bar-value,.finance-month-col>b,.as-note,.as-eyebrow,.as-profile-id,.as-group-count) { color:#b9cbbd !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-kicker,.finance-section-head span,.finance-stat.amber strong,.finance-collapse-chevron) { color:#f3c184 !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-stat.purple strong,.finance-day-total strong,.finance-payout-row>strong) { color:#d5b9ff !important; }
html[data-halloween] #dashboardPage #sec-admin .finance-stat.blue strong { color:#adcfff !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-stat.green strong,.finance-category>strong,.finance-day-complete) { color:#a0e2b9 !important; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) { background:#14271e !important; color:#e5ecdd !important; border-color:#61745a !important; color-scheme:dark; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(input,textarea)::placeholder { color:#afc2b4 !important; opacity:1; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-split-form label span,.finance-history span,.finance-category-rank,.finance-chart-guide span,.as-avatar,.as-profile-tags span,.as-owned-icon,.as-counter,.as-group-icon,.as-access-chip,.as-handout-access) { background:#2b4433 !important; color:#dcebd8 !important; border-color:#61745a !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-ledger th,.finance-ledger tr.is-trash,.as-directory-columns,.as-rights .is-owned) { background:#243b2d !important; color:#dcebd8 !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-ledger td,.finance-chart-guide,.finance-bar-chart,.finance-day-body,.finance-payout-row,.as-owned-line,.as-rights>div,.as-rights-groups>details,.as-table-wrap td,.as-table-wrap th) { border-color:#485e4d !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-category-bar,.finance-stack-bar) { background:#415747 !important; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(button,.btn-edit,.btn-revoke) { background:#2b4030 !important; color:#f1e8d1 !important; border-color:#72805b !important; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(button:hover,button:focus-visible) { background:#3b5037 !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.adtab.active,.as-profile-tabs button[aria-pressed=true]),
html[data-halloween] :is(#sec-admin,.form-modal) :is(.btn-save-pw,.btn-add-content,.btn-approve,.finance-split-form button,.finance-hero button,.finance-settle-day) { background:#f0b067 !important; color:#202b1d !important; border-color:#f0b067 !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-status.approved,.finance-chart-head em.up,.finance-restore,.finance-paid-btn,.as-access-chip.has-access) { background:#244b35 !important; color:#b3f0c8 !important; border-color:#54795b !important; }
html[data-halloween] #dashboardPage #sec-admin :is(.finance-status.pending,.finance-test-badge,.finance-ledger tr.is-test),
html[data-halloween] .form-modal .finance-edit-warning { background:#473c25 !important; color:#ffe0a3 !important; border-color:#917741 !important; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(.finance-status.rejected,.finance-trash,.finance-chart-head em.down,.btn-revoke,.as-danger,.as-cancel-access),
html[data-halloween] #dashboardPage #sec-admin .as-rights .is-owned button { background:#4a2c2b !important; color:#ffc5b8 !important; border-color:#95675b !important; }
html[data-halloween] #dashboardPage #sec-admin .finance-paid-btn.is-paid { background:#2b3b31 !important; color:#c5d4c8 !important; }
html[data-halloween] .form-modal { background:#1b3026 !important; border:1px solid #726342; }
html[data-halloween] .form-modal :is(.modal-hd,.clear-check-label,.quiz-question-item) { background:#243b2d !important; color:#e5ecdd !important; border-color:#52634d !important; }
/* Older dynamically rendered forms use inline colors rather than shared classes. */
html[data-halloween] :is(#sec-admin,.form-modal) :is([style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background: white"],[style*="background:#f0"],[style*="background:#f8"],[style*="background:#f9"],[style*="background:#ecfd"]) { background:#243b2d !important; }
html[data-halloween] :is(#sec-admin,.form-modal) [style*="color:"]:not(input):not(button):not(select):not(textarea) { color:#d4e2d2 !important; }

html[data-halloween] #dashboardPage #sec-admin { background:#10231b !important; }
html[data-halloween] #dashboardPage #sec-admin .admin-tool-search { background:#1b3026 !important; }

html[data-halloween] .form-modal :is(.clabel-title,.clabel-desc) { color:#d4e2d2 !important; }
html[data-halloween] .form-modal .qna-ask-box { background:#243b2d !important; border-color:#52634d !important; }
html[data-halloween] .form-modal .qna-question-preview { background:#243b2d !important; border-color:#52634d !important; } html[data-halloween] .form-modal .qna-qp-label { color:#d4e2d2 !important; }
/* Finance lives beside a sidebar: fit the available panel width, not just viewport. */
html[data-halloween] #dashboardPage #sec-admin .finance-split-card { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
html[data-halloween] #dashboardPage #sec-admin .finance-split-form { min-width:0; justify-content:flex-start; }
html[data-halloween] #dashboardPage #sec-admin .finance-split-form>input { max-width:100%; box-sizing:border-box; }
html[data-halloween] #dashboardPage #sec-admin .finance-section-head { flex-wrap:wrap; }
html[data-halloween] :is(#sec-admin,.form-modal) :is(.ci-order,.qchat-name,.uc-name,.ci-title) { color:#e5ecdd !important; }
html[data-halloween] #dashboardPage #sec-admin .ci-order { background:#2b4433 !important; }

/* Completion actions need their own spacing, independent of the header close button. */
.cell-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:480px;margin:18px auto 0}
.cell-result-actions>button{width:100%;min-width:0;min-height:48px;margin:0;white-space:normal;line-height:1.5}
@media(max-width:640px){.cell-result-actions{grid-template-columns:1fr;max-width:340px}}