/* Shared CI tokens can be replaced when the client delivers the brand guide. */
.page-active :is(.commerce-worlds,.catalog-showcase){display:none}
.catalog-showcase{padding-block:25px 45px}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.showcase-heading h2{font-size:28px;margin:0}.showcase-note{font-size:13px;color:var(--cx-muted);margin-top:14px}.rail-controls{display:flex;gap:8px}.rail-arrow{width:44px;height:44px;background:var(--cx-surface);color:var(--cx-text);border:1px solid var(--cx-border);border-radius:50%;font-size:22px}.catalog-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 2px 22px;scrollbar-width:thin}.catalog-rail .product-card{flex:0 0 250px;scroll-snap-align:start}.catalog-rail .product-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:root{--cx-bg:#f4f8fb;--cx-surface:#fff;--cx-text:#17354c;--cx-muted:#526b7e;--cx-border:#d8e4ec;--cx-accent:#c7e968;--cx-soft:#eaf3f5}
html[data-color-mode=dark]{color-scheme:dark;--cx-bg:#0d1925;--cx-surface:#152535;--cx-text:#edf5fa;--cx-muted:#b1c5d1;--cx-border:#334b5d;--cx-soft:#1c3342}
#color-mode{background:#142a3f;color:#edf5fa;border:1px solid #6d8695;border-radius:7px;min-height:36px;padding:5px 8px;font-size:12px;max-width:130px}
.header-orders{font-size:12px;white-space:nowrap;margin-left:auto;color:var(--cx-text);font-weight:650}.header-orders+.header-admin{margin-left:15px}
.commerce-worlds{padding-top:30px;padding-bottom:20px}.commerce-heading h2{font-size:clamp(27px,3.6vw,44px);letter-spacing:-.04em;color:var(--cx-text);margin:12px 0 27px}
.commerce-world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.commerce-world{display:flex;flex-direction:column;min-width:0;padding:25px;background:var(--cx-surface);color:var(--cx-text);border:1px solid var(--cx-border);border-radius:18px;transition:transform .2s}.commerce-world:hover{transform:translateY(-3px);text-decoration:none}.commerce-world h3{font-size:21px;margin:20px 0 10px;letter-spacing:-.02em}.commerce-world p{font-size:14px;color:var(--cx-muted);line-height:1.7;margin:0 0 20px}.commerce-world small{font-size:11px;color:var(--cx-muted);margin-top:auto;line-height:1.5}.world-number{font-size:12px;letter-spacing:.13em;color:var(--cx-muted)}.world-action{font-size:13px;font-weight:650;margin-top:20px;border-top:1px solid var(--cx-border);padding-top:17px}
.orders-title h1{max-width:100%;overflow-wrap:anywhere}.orders-notice{padding:15px 20px;background:var(--cx-soft);border:1px solid var(--cx-border);color:var(--cx-text);border-radius:12px;font-size:14px;line-height:1.6}.orders-toolbar{margin:25px 0}.orders-filters{display:flex;gap:8px;flex-wrap:wrap}.orders-filter{padding:11px 18px;border:1px solid var(--cx-border);color:var(--cx-text);background:var(--cx-surface);border-radius:30px;cursor:pointer;min-height:44px;font-size:14px}.orders-filter[aria-pressed=true]{background:var(--cx-text);color:var(--cx-bg);border-color:var(--cx-text)}.orders-list{display:grid;gap:14px;margin-bottom:20px}.orders-empty{text-align:center;border:1px solid var(--cx-border);border-radius:22px;background:var(--cx-surface);padding:50px 30px;color:var(--cx-text)}.orders-empty-icon{display:inline-grid;place-items:center;background:var(--cx-soft);width:56px;height:56px;border-radius:18px;font-size:26px;margin-bottom:17px}.orders-empty h2{font-size:26px;letter-spacing:-.03em}.orders-empty p{max-width:610px;color:var(--cx-muted);margin:15px auto 24px;line-height:1.8;font-size:15px}.orders-explainer{border-top:1px solid var(--cx-border);padding:30px 0;margin-top:38px;color:var(--cx-text)}.orders-explainer h2{font-size:23px}.orders-explainer p{color:var(--cx-muted);line-height:1.8;max-width:850px;font-size:15px}.demo-ribbon{border-left:3px solid #a87818;padding:12px 15px;background:var(--cx-soft);font-size:13px;color:var(--cx-text)}.order-card{display:flex;gap:22px;align-items:center;padding:25px;border:1px solid var(--cx-border);border-radius:18px;background:var(--cx-surface);color:var(--cx-text)}.order-card>div{flex:1;min-width:0}.order-card h2{font-size:19px;line-height:1.4;margin:9px 0}.order-card p,.order-card small{color:var(--cx-muted);font-size:14px;line-height:1.7}.order-card .button{font-size:12px}.order-icon{display:grid;place-items:center;flex:none;width:54px;height:64px;background:var(--cx-soft);border-radius:12px;font-size:29px}.order-status{font-size:11px;padding:5px 9px;border-radius:20px;border:1px solid var(--cx-border)}
.gift-dialog{max-width:560px;background:var(--cx-surface);color:var(--cx-text)}.gift-dialog p,.gift-dialog details{font-size:14px;line-height:1.8}.gift-visual{background:radial-gradient(ellipse at top right,#337477,transparent 70%),#142f49;color:#f6faff;padding:28px;border-radius:18px;margin:25px 0;min-height:210px;display:flex;flex-direction:column;gap:22px}.gift-brand{letter-spacing:.17em;font-size:12px}.gift-visual strong{white-space:pre-line;font-size:24px;line-height:1.2;font-weight:550}.gift-visual small{font-size:10px;letter-spacing:.1em;margin-top:auto;color:#d2e2e9}.gift-code{font-family:monospace;padding:14px;background:var(--cx-soft);border:1px solid var(--cx-border);border-radius:8px;overflow-wrap:anywhere}.gift-dialog details{margin-top:25px}.gift-dialog summary{cursor:pointer}
html[data-color-mode=dark] body,html[data-color-mode=dark] .hero-wrap{background:var(--cx-bg);color:var(--cx-text)}
html[data-color-mode=dark] :is(.brand-hero,.shopping-section,.consult-section,.app-section,.site-header,.main-nav,.world-entry,.page-view,.team-spotlight,.knowledge-section,.planet-section){background:var(--cx-bg);color:var(--cx-text)}
html[data-color-mode=dark] :is(.guided-entry,.room-card,.advisor,.live-discovery,.page-section,.source-library,.product-card,.message.mia,.message.assistant,.advisor-routing,.composer,dialog,.fresh-caption){background:var(--cx-surface);color:var(--cx-text);border-color:var(--cx-border)}
html[data-color-mode=dark] :is(h1,h2,h3,.world-entry strong,.guided-label,.eyebrow.dark,.room-name,.page-title,.product-card h3,.source-library h3,.advisor-sidebar strong){color:var(--cx-text)}
html[data-color-mode=dark] :is(.hero-lead,.hero-signature,.world-entry p,.team-heading>p,.consult-heading>p,.section-heading>p,.guided-advisor p,.guided-note,.team-disclosure,.composer-note,.page-section p,.product-card p,.source-library p,.discovery-header p,.app-section p,.planet-section p,.source-excerpt,.connection-state){color:var(--cx-muted)}
html[data-color-mode=dark] :is(input,textarea,select){background:var(--cx-bg);color:var(--cx-text);border-color:var(--cx-border)}
html[data-color-mode=dark] :is(.guided-quick button,.suggestions button,.source-link,.button.outline,.icon-button,.workspace-room,.audience-nav button){color:var(--cx-text);background:var(--cx-soft);border-color:var(--cx-border)}
html[data-color-mode=dark] :is(.advisor-header,.discovery-all,.advisor-routing,.page-section,.room-card,.product-image,.world-entry>a,.source-library){border-color:var(--cx-border)}
html[data-color-mode=dark] :is(.hero-copy h1 em,.hero-title em){color:#bcde80}html[data-color-mode=dark] .button.lime{color:#153039}html[data-color-mode=dark] .main-nav a{color:#d6e8f1}html[data-color-mode=dark] .hero-glow{opacity:.18}html[data-color-mode=dark] .advisor-sidebar{background:var(--cx-bg)}
/* Theme overrides must outrank the presentation's design-specific selectors. */
html[data-design][data-color-mode=dark] body{--ink:#edf5fa;--muted:#b1c5d1;--line:#334b5d;--team-ink:#edf5fa;--paper:#0d1925}
html[data-design][data-color-mode=dark] :is(.hero-copy .hero-lead,.hero-copy .eyebrow,.header-admin,.guided-quick>span,.page-title>p,.room-action,.room-card p,.workspace-room-copy small,.sidebar-library,.role-menu a,.pet-portrait>p){color:var(--cx-muted)}
html[data-design][data-color-mode=dark] #guided-form>label{color:var(--cx-text)}
html[data-design][data-color-mode=dark] #guided-question{background:var(--cx-bg);color:var(--cx-text);border-color:var(--cx-border)}
html[data-design][data-color-mode=dark] #guided-question::placeholder{color:var(--cx-muted)}
html[data-design][data-color-mode=dark] #room-grid .room-card{background:var(--cx-surface);border-color:var(--cx-border)}
html[data-design][data-color-mode=dark] #room-grid .room-card :is(h3,p){color:var(--cx-text)}
html[data-design][data-color-mode=dark] :is(.guided-voice,.suggestion,.return-advisor,.product-links button,.message.user){background:var(--cx-soft);color:var(--cx-text);border-color:var(--cx-border)}
html[data-design][data-color-mode=dark] .audience-nav button{background:transparent;color:var(--cx-text)}
html[data-design][data-color-mode=dark] :is(dialog p,dialog details,.page-section li){color:var(--cx-muted)}
html[data-design][data-color-mode=dark] .menu-toggle span{background:var(--cx-text)}
@media(max-width:1000px){.commerce-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-orders{display:none}.order-card{flex-wrap:wrap}.order-card>.button{margin-left:76px}}
@media(max-width:600px){#design-current{display:none}.design-switcher{gap:10px;flex-wrap:wrap}#color-mode{margin-left:auto;max-width:120px}.commerce-world-grid{grid-template-columns:1fr 1fr;gap:10px}.commerce-world{padding:17px}.commerce-world h3{font-size:18px}.commerce-world p{font-size:13px}.order-card{padding:18px;gap:15px}.order-card h2{font-size:17px}.order-icon{width:40px;height:50px}.order-card>.button{margin-left:0;width:100%}.orders-filter{padding:10px 14px;font-size:12px}.orders-empty{padding:30px 20px}.orders-empty h2{font-size:23px}.gift-dialog{padding:24px;max-width:calc(100% - 24px)}}
