/* Shared CryptoGroupBuy palette. Dark declarations in feature sheets remain the baseline. */
:root {
  --theme-page:#000;
  --theme-surface:#05070a;
  --theme-surface-alt:#09131f;
  --theme-ink:#f8fafc;
  --theme-muted:#94a3b8;
  --theme-line:rgba(56,189,248,.18);
  --theme-blue:#1685f5;
  --theme-blue-soft:#38bdf817;
  --theme-shadow:0 18px 42px #0007;
  --theme-chart:#101417;
  --theme-chart-grid:#233039;
  --theme-chart-label:#93a8b6;
  --theme-market-bg:#060a10;
  --theme-market-label:#8da0b6;
  --theme-market-grid:rgba(255,255,255,.035);
  --theme-market-border:rgba(255,255,255,.1);
}
html[data-cgb-theme="light"] {
  color-scheme:light;
  --bg:#FFFFFF;
  --panel:#FFFFFF;
  --panel-2:#F5F5F5;
  --panel-3:#F5F5F5;
  --border:#E5E5E5;
  --border-strong:#D1D5DB;
  --text:#111111;
  --muted:#111111;
  --subtle:#111111;
  --cyan:#0873dc;
  --cyan-2:#075ab5;
  --green:#157a45;
  --green-2:#148154;
  --red:#bd3650;
  --red-2:#c5324a;
  --amber:#886000;
  --theme-page:#FFFFFF;
  --theme-surface:#FFFFFF;
  --theme-surface-alt:#F5F5F5;
  --theme-ink:#111111;
  --theme-muted:#111111;
  --theme-line:#E5E5E5;
  --theme-accent:#111111;
  --theme-blue:#111111;
  --theme-blue-soft:#F5F5F5;
  --theme-action:#E3EFFC;
  --theme-action-positive:#E2F4EA;
  --theme-action-secondary:#F1E9FA;
  --theme-shadow:none;
  --theme-chart:#FFFFFF;
  --theme-chart-grid:#E5E5E5;
  --theme-chart-label:#111111;
  --theme-market-bg:#FFFFFF;
  --theme-market-label:#111111;
  --theme-market-grid:#E5E5E5;
  --theme-market-border:#E5E5E5;
  --info-line:#E5E5E5;
  --info-cyan:#111111;
  --info-blue:#111111;
}
html[data-cgb-theme="beige"] {
  color-scheme:light;
  --bg:#F5F0E6;
  --panel:#FFFCF5;
  --panel-2:#EFE8DC;
  --panel-3:#EFE8DC;
  --border:#DDD4C5;
  --border-strong:#C8AB8E;
  --text:#111111;
  --muted:#111111;
  --subtle:#111111;
  --cyan:#70442D;
  --cyan-2:#573220;
  --green:#157a45;
  --green-2:#148154;
  --red:#bd3650;
  --red-2:#c5324a;
  --amber:#886000;
  --theme-page:#F5F0E6;
  --theme-surface:#FFFCF5;
  --theme-surface-alt:#EFE8DC;
  --theme-ink:#111111;
  --theme-muted:#111111;
  --theme-line:#DDD4C5;
  --theme-accent:#111111;
  --theme-blue:#111111;
  --theme-blue-soft:#EFE8DC;
  --theme-action:#E9DCC8;
  --theme-action-positive:#E4F1E5;
  --theme-action-secondary:#EDE4F2;
  --theme-shadow:none;
  --theme-chart:#FFFCF5;
  --theme-chart-grid:#DDD4C5;
  --theme-chart-label:#111111;
  --theme-market-bg:#FFFCF5;
  --theme-market-label:#111111;
  --theme-market-grid:#DDD4C5;
  --theme-market-border:#DDD4C5;
  --info-line:#DDD4C5;
  --info-cyan:#111111;
  --info-blue:#111111;
}

/* One slider; the range input supplies mouse, touch, and keyboard behavior. */
#app .theme-slider{position:relative;display:grid;align-content:center;flex:none;width:94px;height:36px;padding:2px 5px 0;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-surface-alt)}
#app .theme-slider-icons{display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:var(--theme-muted);font-size:13px;line-height:14px;pointer-events:none}
#app .theme-slider input{display:block;width:100%;height:17px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:none}
#app .theme-slider input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--theme-line)}
#app .theme-slider input::-moz-range-track{height:3px;border-radius:3px;background:var(--theme-line)}
#app .theme-slider input::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6px;border:2px solid #b9e7ff;border-radius:50%;appearance:none;-webkit-appearance:none;background:var(--theme-blue);box-shadow:0 2px 6px #062e6b55;transition:transform .16s ease}
#app .theme-slider input::-moz-range-thumb{width:12px;height:12px;border:2px solid #b9e7ff;border-radius:50%;background:var(--theme-blue);box-shadow:0 2px 6px #062e6b55;transition:transform .16s ease}
#app .theme-slider input:active::-webkit-slider-thumb{transform:scale(1.12)}
#app .theme-slider input:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;border-radius:4px}
@media(max-width:560px){#app .top-actions .global-plan-badge{display:none}#app .brand{padding-inline:8px;gap:6px}#app .brand-copy strong{font-size:11px}}
@media(max-width:390px){#app .theme-slider{width:82px}#app .top-actions{gap:4px}#app .brand-copy{display:none}}
@media(max-width:350px){#app .top-actions .autotrade-quick-wrap{display:none}}

/* Light palette for the shell and shared components. */
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .theme-slider-icons span:last-child{color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .theme-slider input::-webkit-slider-thumb,
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .theme-slider input::-moz-range-thumb{border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) body,
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.app-shell,.main,.sidebar,.login-shell){background:var(--theme-page);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .topbar{background:var(--theme-surface);border-color:var(--theme-line);box-shadow:var(--theme-shadow)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.brand,.sidebar,.mobile-nav){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .brand img{background:#fff}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .global-plan-badge{background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .mobile-nav{background:var(--theme-surface)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.market-pill,.icon-btn,.user-btn,.search,.filterbar select,.filterbar input,.field input,.field select,.login-panel,.content-block,.empty){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.page-head h1,.signal-symbol h2,.panel h2,.empty strong,.content-block h2,.login-panel h2,.boot strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.page-head p,.channel,.market-pill span,.login-panel>p,.content-block p,.content-block li,.empty,.category-label){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .channel:hover{background:var(--theme-surface-alt);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .channel.active{background:var(--theme-blue-soft);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.signal-card,.panel,.table-card,.canonical-signal-card,.analysis-section,.kpi,.level-box,.modal,.toast,.skeleton){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:var(--theme-shadow)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.signal-kpis strong,.stat strong,.level-line strong,.signal-card strong,.canonical-signal-card strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.context p,.level-line,.fact,.data-table td,.analysis-section p,.analysis-section li){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.kpi,.level-box,.analysis-section,.control-item){box-shadow:none}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .context{background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .canonical-signal-card .signal-why{background:var(--theme-surface-alt);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .canonical-signal-card .signal-why .section-title{color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .canonical-signal-card .target{background:#e8f7ee;border-color:#b9dfc7;color:#146e40}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .canonical-signal-card .stop{background:#fff0f2;border-color:#e9b7c1;color:#aa2740}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .btn{background:var(--theme-blue-soft);color:var(--theme-blue);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .btn.primary{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .btn.ghost{background:var(--theme-surface);color:var(--theme-blue);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .btn.danger{background:#fff0f2;color:#a6233b;border-color:#db9eaa}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.data-table,.table-card table,.membership-comparison,.cx-table-wrap table){background:var(--theme-surface);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.data-table th,.table-card th,.membership-comparison th,.cx-table-wrap th){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.data-table td,.table-card td,.membership-comparison td,.cx-table-wrap td){color:var(--theme-ink);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(input,select,textarea){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(input,select,textarea)::placeholder{color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #modal-root :is(.modal,.analysis-section,.hub-modal,.jh-popup),
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) dialog,
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) .jh-popup{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) :is(#modal-root,dialog,.jh-popup) :is(h1,h2,h3,h4,p,li,td,th,label,small,dd,dt){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #toast-root .toast{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}

/* Signals, journal, and market views. Status colors keep their original meaning. */
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard :is(.signals-report,.signals-control,.control-item,.report-outcomes,.report-donut>div,.free-signal-info-card){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:var(--theme-shadow)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard :is(.signals-report-head h2,.control-head h2,.control-item strong,.free-signal-info-card h2,.free-signal-access){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard :is(.signals-report-head small,.control-head small,.control-note,.free-signal-description,.free-signal-frequency){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard :is(.report-legend,.free-signal-subtitle,.free-signal-benefits li){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .free-signal-kicker{color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .free-signal-benefits li span{background:var(--theme-surface-alt);color:var(--theme-blue);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .free-signal-telegram{background:var(--theme-action);border:1px solid var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard :is(.report-metric span,.report-donut span,.report-outcome-note,.report-footnote,.control-item dt){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .report-metric strong{color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .report-metric.positive strong{color:#157a45}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .report-metric.negative strong{color:#bd3650}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .report-metric.unavailable strong{color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .report-donut strong{color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .control-summary span{background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .control-section h3{color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .control-item dd{color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .signals-dashboard .signals-loading{color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.jh-card,.jh-popup,.journal-card,.journal-hub-card,.trading-panel,.trade-panel,.ct-chart-panel,.ct-market,.ct-terminal .cgb-ticket){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.ct-terminal,.ct-terminal .cgb-ticket){--ct-bg:var(--theme-surface);--ct-border:var(--theme-line);--ct-muted:var(--theme-muted);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.ct-terminal input,.ct-terminal select,.ct-terminal textarea){background:var(--theme-surface);color:var(--theme-ink);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.positive,.long){color:var(--green)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.negative,.short){color:var(--red)}

html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-hub-terminal,html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-hub-terminal-frame{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}

/* Product, membership, content, and hub families. */
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page{--m-bg:var(--theme-page);--m-panel:var(--theme-surface);--m-line:var(--theme-line);--m-text:var(--theme-ink);--m-muted:var(--theme-muted);--m-cyan:var(--theme-blue);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.membership-plan,.membership-page .membership-plan,.membership-faq details,.membership-comparison,.membership-offers,.member-product,.member-catalog-card,.member-card,.member-page .cx-card){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:var(--theme-shadow)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.membership-price strong,.membership-page .membership-price strong,.member-product strong,.membership-plan h3,.membership-page h3){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.membership-description,.membership-page .membership-description,.membership-faq p,.member-product p){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page .membership-light{--accent:#7544b4}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page .membership-elite{--accent:#825914}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page :is(.membership-plan-badge,.membership-headline,.membership-allocation strong){color:var(--accent)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page :is(.membership-promo input,.membership-service,.membership-table-scroll table,.membership-table-scroll thead,.membership-unavailable){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page :is(.membership-current,.membership-condition,.membership-payment-note,.membership-service-links a){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page :is(.membership-allocation,.membership-service-group){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page :is(.membership-button,#membership-admin button){background:var(--theme-blue-soft);border-color:var(--theme-line);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page .membership-button.primary{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page :is(.membership-service-icon,.membership-text-link,.membership-footer a){color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page .membership-table-scroll :is(th,td){border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .membership-page .membership-table-scroll thead{background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) :is(.membership-dialog,.membership-dialog-head,.membership-quote,.membership-wallet,.membership-order-state){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) .membership-dialog :is(input,textarea){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) .membership-dialog :is(.membership-close,.membership-quote strong,.membership-wallet-actions a){color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.cx-hub,.member-page){--cx-line:var(--theme-line);--cx-muted:var(--theme-muted);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.cx-card,.cx-quote-result,.cx-token-facts>div,.cx-quote-form input,.cx-services article,.cx-pass,.cx-order-card,.cgb-order-card){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:var(--theme-shadow)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.cx-header h1,.cx-card h2,.cx-card h3,.cx-price strong,.cx-metric strong,.cx-pass h2){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.cx-quote-form input,.cx-quote-result,.cx-token-facts>div){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.cx-digital-page,.dg-page){--dg-bg:var(--theme-page);--dg-panel:var(--theme-surface);--dg-line:var(--theme-line);--dg-cyan:var(--theme-blue);--dg-gold:#99630e;color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.cx-digital-hero,.cx-digital-card,.cx-digital-return,.dg-card,.dg-panel,.dg-hero){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page :is(.btc-market-shell,.market-summary-grid article,.ranking-table,.ranking-head){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page :is(.btc-market-facts span,.btc-label small,.btc-chart-toolbar>span,.btc-ohlc,.market-summary-grid span,.market-summary-grid small,.score-disclosure p,.ranking-head,.rank,.source small,.signal-state small,.ranking-footnote){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page :is(.btc-market-facts b,.entry,.signal-state strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page :is(.btc-market-bar,.ranking-head,.ranking-row){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page .btc-market-facts span{border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page .btc-timeframes button{background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page .btc-timeframes button[aria-pressed="true"]{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page .score-cell strong{color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .market-overview-page .score-cell>i{background:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .ov4{--ov4-line:var(--theme-line);--ov4-muted:var(--theme-muted);background:var(--theme-surface);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4){--ov4-line:var(--theme-line);--ov4-muted:var(--theme-muted);background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) :is(.ov4-hero,.ov4-nav,.ov4-section,.ov4-dialog footer){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-hero{background:var(--theme-surface)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) :is(.ov4-hero h1,.ov4-section h3,.ov4-facts dd,.ov4-changes b){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) :is(.ov4-eyebrow,.ov4-link,.ov4-nav a){color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-nav a:hover{background:var(--theme-blue-soft);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-status{background:var(--theme-blue-soft);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) :is(.ov4-notice.is-visible,.ov4-readonly){background:var(--theme-surface-alt);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-notice.is-visible{background:#e8f7ee;color:#146e40}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-error{background:#fff0f2;color:#a6233b}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-dialog{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-fields :is(input,select,textarea){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-fields :is(input:disabled,select:disabled,textarea:disabled){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) :is(.ov4-fields label,.ov4-fields legend,.ov4-lock,.ov4-muted,.ov4-instructions,.ov4-product span,.ov4-product small,.ov4-facts dt,.ov4-message small,.ov4-history time,.ov4-history small){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(#cx-admin-detail,.ov4) .ov4-close{background:var(--theme-surface-alt);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .club-page{--club-ink:var(--theme-ink);--club-muted:var(--theme-muted);--club-line:var(--theme-line);--club-green:#187f48;color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.community-card,.community-hub-card,.community-drawer,.community-drawer-content,.cgb-hub-card,.cgb-hub-panel,.hub-card,.hub-modal,.info-card,.info-hero,.welcome-card,.autotrade-card,.at-card,.affiliate-card,.ov4-card,.club-card){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:var(--theme-shadow)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.community-hub-hero h1,.cgb-hub-heading h1,.hub-heading h1,.info-hero h1,.welcome-hero h1,.club-page h1,.club-page h2,.ov4 h1,.ov4 h2){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.community-hub-hero p,.cgb-hub-heading p,.hub-heading p,.info-hero p,.welcome-hero p,.club-page p,.ov4 p){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.community-drawer-content,.community-drawer-header,.community-drawer-switch,.support-assistant>section,.support-assistant-log){background:var(--theme-surface);color:var(--theme-ink);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .support-assistant-log :is(p,.assistant,.member){background:var(--theme-surface-alt);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.notification-panel,.notification-panel #notification-settings:not([hidden]),.notification-item){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .notification-item.unread{background:var(--theme-surface-alt);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.notification-panel>header,.notification-toolbar,.notification-pref){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.notification-panel h2 small,.notification-item small,.notification-item em,.notification-settings-head p,.browser-permission p){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app :is(.modal-backdrop,.community-drawer-backdrop){background:#0c264355}

/* Authentication surfaces also follow the global palette. */
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth{color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth :is(.cgb-auth-brand h1,.cgb-auth h2,.cgb-auth label,.auth-switch){color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth :is(.cgb-auth-kicker,.auth-link){color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth :is(.cgb-auth-brand p,.cgb-auth-benefits,.cgb-auth-intro,.auth-divider,.auth-note,.auth-naut){color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth :is(.cgb-auth-card,.cgb-auth-tabs){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:var(--theme-shadow)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .cgb-auth-tabs{background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .cgb-auth-tabs button{color:var(--theme-muted)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .cgb-auth-tabs button[aria-selected=true]{background:var(--theme-blue-soft);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .auth-button:not(.primary){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .auth-button.primary{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth :is(input,select){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth :focus-visible{outline-color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth :is(.auth-divider:before,.auth-divider:after,.auth-naut){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .auth-divider:before,html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .auth-divider:after{background:var(--theme-line)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .auth-status{background:var(--theme-blue-soft);color:var(--theme-blue)}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .auth-status[data-kind=error]{background:#fff0f2;color:#a6233b}
html:is([data-cgb-theme="light"], [data-cgb-theme="beige"]) #app .cgb-auth .auth-recovery-codes code{background:var(--theme-surface-alt);color:var(--theme-ink)}

@media(prefers-reduced-motion:reduce){#app .theme-slider input::-webkit-slider-thumb,#app .theme-slider input::-moz-range-thumb{transition:none}}

/* Flat shared surfaces. These selectors only affect the two light themes. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.topbar,.signal-card,.panel,.table-card,.modal,.toast,.content-block,.empty,.login-panel,.cgb-auth-card,.membership-plan,.membership-offers,.cx-card,.community-card,.hub-card,.autotrade-card,.info-card,.info-hero,.welcome-hero){box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.btn,.info-button,.membership-button,.auth-button,.support-assistant-launch){box-shadow:none;text-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.btn,.info-button,.membership-button,.auth-button):hover{transform:none;box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.live-dot,.user-orb){box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .support-assistant-launch{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .support-assistant>section{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.login-visual,.skeleton){background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .theme-slider input::-webkit-slider-thumb{background:var(--theme-action);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .theme-slider input::-moz-range-thumb{background:var(--theme-action);box-shadow:none}

/* Free Signal: preserve the chart and its request control while using clear surfaces. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card :is(.signal-card-side,.signal-chart,.signal-kpis .kpi,.signal-kpis .context,.level-box,.signal-why){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-chart-plot{background:var(--theme-surface-alt);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-chart-plot svg line[stroke="#244158"]{stroke:var(--theme-chart-grid)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-chart-plot svg text{fill:var(--theme-ink);stroke:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card :is(.signal-confidence>span,.signal-confidence>small,.signal-confidence-main>strong,.signal-confidence-main>strong small,.signal-confidence-main>strong.missing,.signal-quick-info>strong,.signal-quick-row span,.signal-quick-row strong,.signal-kpis .kpi span,.signal-kpis .kpi strong,.signal-kpis .kpi strong small,.signal-kpis .context>.section-title,.signal-kpis .context .market-score span,.signal-kpis .context .market-score strong,.signal-chart-header small,.signal-chart-header .section-title,.signal-timing .age,.target strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-score-ring:after{background:var(--theme-surface)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-score-ring.unknown{background:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card :is(.signal-quick-info,.signal-quick-row,.signal-chart-timeframes){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-chart-timeframes button{background:var(--theme-surface-alt);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-chart-timeframes button[aria-pressed="true"]{background:var(--theme-action);color:var(--theme-ink);box-shadow:inset 0 0 0 1px var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .signal-chart-load{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .card-actions .btn{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .card-actions [data-trade]{background:var(--theme-action-positive);border-color:#99C8AC}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .card-actions [data-auto]{background:var(--theme-action-secondary);border-color:#C8B4DB}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .card-actions .btn:disabled{opacity:.48;cursor:not-allowed}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .target:not(.stop){background:#E8F7EE;border-color:#B9DFC7;color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card .target.stop{background:#FFF0F2;border-color:#E9B7C1;color:var(--theme-ink)}

/* Information pages, including How It Works. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page{--info-surface:var(--theme-surface);--info-surface-2:var(--theme-surface-alt);--info-line:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.info-hero,.info-card,.status-rail,.status-rail>div,.path-grid button,.ecosystem-section,.ecosystem-flow div){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page .info-hero:before,
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page .info-hero:after,
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page .info-card:after{content:none;background:none;filter:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page .info-hero-glow{background:none;filter:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.info-section-head h2,.info-section-head p,.info-hero h1,.info-hero p,.info-card h3,.info-card p,.path-grid strong,.path-grid em,.status-rail span,.status-rail strong,.ecosystem-flow span,.ecosystem-flow strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.info-card:hover,.path-grid button:hover,.info-button:hover){transform:none;box-shadow:none;border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.info-button,.info-button.primary){background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.info-card-icon,.info-badge,.path-grid button>span,.path-grid b){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page .status-rail i{box-shadow:none}

/* Welcome retains the original video and logo as media. Its copy has an opaque reading surface. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page :is(.welcome-hero,.status-rail>div,.info-card,.path-grid button,.ecosystem-section,.ecosystem-flow div){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page .welcome-hero:after{content:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page .welcome-hero-shade{background:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page .welcome-hero-copy{background:var(--theme-surface);border:1px solid var(--theme-line);border-radius:12px;padding:16px}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page :is(.welcome-hero-copy h1,.welcome-hero-copy p,.welcome-hero-copy .info-kicker,.info-section-head h2,.info-section-head p,.info-card h3,.info-card p,.path-grid strong,.path-grid em,.status-rail span,.status-rail strong){color:var(--theme-ink);text-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page :is(.welcome-media-label,.welcome-media-play,.info-button,.info-button.primary){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page .info-button.primary{background:var(--theme-action)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page .welcome-hero-brand{filter:none;animation:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page :is(.status-rail i,.welcome-media-label i){box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .welcome-page :is(.status-rail>div:hover,.info-card:hover,.path-grid button:hover,.info-button:hover){transform:none;box-shadow:none;border-color:var(--theme-line)}

/* Member access guides share a hero and card system across signal families. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.member-hero,.price-card,.world-card,.member-product,.flow-grid article,.social-post,.guide-access-card,.member-catalog-card,.membership-commercial-hero,.membership-offers,.membership-faq details){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.member-hero p,.member-section-title p,.member-footnote,.price-card p,.price-card strong small,.world-card p,.member-product p,.flow-grid p,.guide-access-card p,.guide-risk-note p,.member-catalog-card p,.member-benefits,.member-room-list small,.access-plan-states,.access-plan-wallet-steps){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.member-access,.member-badge,.member-included,.guide-access-badge,.member-icon,.world-icon,.access-plan-facts span,.access-plan-facts strong,.access-plan-states li,.member-room-list button){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.member-hero h1,.member-section h2,.member-product h3,.guide-access-card h3,.member-catalog-card h3,.price-card>span,.price-card strong,.flow-grid article>span,.member-catalog-card summary){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.guide-risk-note,.member-catalog-card details){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.btn:not(.danger):not(.positive):not(.negative),.cgb-action){background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none;text-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.btn:not(.danger):not(.positive):not(.negative),.cgb-action):hover{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink);transform:none;box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .member-page :is(.btn:not(.danger):not(.positive):not(.negative),.cgb-action):focus-visible{outline-color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-guide-page :is(.access-plan-facts span,.access-plan-facts strong,.access-plan-states li){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-guide-page :is(.access-plan-states,.access-plan-wallet-steps,.access-plan-wallet-steps li){color:var(--theme-ink)}

/* Access and signal guides use their own dark component palette. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-explorer-page{--sx-line:var(--theme-line);--sx-copy:var(--theme-ink);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-explorer-page :is(.signal-explorer-hero,.signal-explorer-section,.signal-explorer-family,.signal-explorer-report,.signal-explorer-strategy-grid article,.signal-explorer-rank,.signal-explorer-room,.signal-explorer-reading-grid article,.signal-explorer-pass-grid article,.signal-explorer-report-placeholder){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-explorer-page :is(.signal-explorer-report-stats>div,.signal-explorer-room-tags span,.signal-explorer-room-status,.signal-explorer-family-icon,.signal-explorer-room-icon,.signal-explorer-reading-grid article>span){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-explorer-page :is(.signal-explorer-hero h1,.signal-explorer-hero p,.signal-explorer-kicker,.signal-explorer-heading h2,.signal-explorer-heading p,.signal-explorer-family h3,.signal-explorer-family p,.signal-explorer-access,.signal-explorer-report-copy h2,.signal-explorer-report-copy p,.signal-explorer-report-copy small,.signal-explorer-report-stats strong,.signal-explorer-report-stats span,.signal-explorer-strategy-grid h3,.signal-explorer-strategy-grid p,.signal-explorer-rank h3,.signal-explorer-rank p,.signal-explorer-room h3,.signal-explorer-room p,.signal-explorer-room>small,.signal-explorer-reading-grid h3,.signal-explorer-reading-grid p,.signal-explorer-pass-grid h3,.signal-explorer-pass-grid strong,.signal-explorer-pass-grid p,.signal-explorer-report-note){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-explorer-page .signal-explorer-hero::before{content:none;background:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-explorer-page :is(.signal-explorer-art svg,.signal-explorer-orbit,.signal-explorer-glyph){filter:none;box-shadow:none;text-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .signal-explorer-page :is(.signal-explorer-family:hover,.signal-explorer-room:hover){transform:none;box-shadow:none;border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) :is(#modal-root,body) .signal-explorer-report-modal :is(.modal-head,.modal-actions,.signal-explorer-popup-rooms,.signal-explorer-report-placeholder){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) :is(#modal-root,body) .signal-explorer-report-modal :is(h2,h3,p,small,strong,span){color:var(--theme-ink)}

/* Information and education surfaces. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.worldnaut-section,.subscription-cta,.ecosystem-section,.launcher-card){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.launcher-card h3,.launcher-card strong,.launcher-card p,.subscription-cta h2,.subscription-cta small,.subscription-cta em){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page .launcher-card button{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.completion-hero,.library-card,.library-mark,.platform-group,.account-card,.credential-card,.credential-form,.autotrade-grid>article,.billing-section,.subscription-plan-card,.billing-plan-option,.account-billing-entry){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.library-mark,.billing-plan-option,.platform-group article>div){background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.completion-hero p,.library-card p,.library-card time,.platform-group article small,.platform-group>header strong,.account-card span,.credential-card dt,.autotrade-grid dt,.billing-section p,.billing-section header span,.billing-plan-option span,.billing-plan-option small,.account-billing-entry p,.subscription-plan-card small){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.billing-plan-option.current,.billing-plan-option.selected,.subscription-access-page .billing-plan-option.current.selected){background:var(--theme-surface-alt);border-color:var(--theme-line);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.library-card:hover,.billing-plan-option:hover){transform:none;box-shadow:none}

/* Journals, orders, affiliation, and community. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.jh-hero,.jh-hero-stat,.jh-detail,.cgb-orders-hero,.cgb-order-card-head,.community-hub-hero,.affiliate-benefits article,.affiliate-apply,.affiliate-section,.affiliate-empty-partner,.affiliate-application-state,.affiliate-redeem,.cgbx-partner-card){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.jh-hero-stat,.cgb-order-card-head){background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.jh-hero h1,.jh-hero p,.jh-hero>div:first-child>span,.jh-hero-stat small,.jh-hero-stat span,.jh-hero-stat strong,.jh-detail h2,.jh-detail-head small,.jh-detail-head p,.cgb-orders-hero h1,.cgb-orders-hero p,.cgb-order-card-head h2,.cgb-order-card-head p,.affiliate-section h2,.affiliate-benefits p,.affiliate-apply p,.affiliate-apply li,.cgbx-partner-card p,.cgbx-partner-card li){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.jh-open,.jh-full){background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-landing{background:var(--theme-page);color:var(--theme-ink)}

/* CGBX artwork stays intact; its interface panels use flat surfaces. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.cgbx-nft-hero,.cgbx-nft-tools,.cgbx-nft-group,.cgbx-nft-card,.cx-store-feature,.cx-store-model,.cx-store-cart-drawer){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.cx-store-feature-image,.cx-store-model-image){background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.cgbx-nft-hero p,.cgbx-nft-hero-mark span,.cgbx-nft-hero-mark small,.cgbx-nft-group-description,.cgbx-nft-card-copy h4,.cx-store-feature h2,.cx-store-feature p,.cx-store-feature-name,.cx-store-model-copy h4,.cx-store-model-copy p,.cx-store-model-copy strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.cgbx-nft-hero-links a,.cgbx-nft-transition>a){background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .dg-page :is(.dg-hero,.dg-progress li,.dg-form-section,.dg-choice,.dg-metrics article,.dg-table th,.dg-message,.dg-notice){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .dg-page :is(.dg-progress li[aria-current=step],.dg-choice:has(input:checked),.dg-table th){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .dg-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .dg-page :is(.dg-hero h2,.dg-hero-stat strong,.dg-hero-stat span,.dg-hero-stat i,.dg-progress li,.dg-form label,.dg-form-section>label,.dg-facts dt,.dg-facts dd,.dg-metrics strong,.dg-metrics span,.dg-table th,.dg-table small,.dg-message small,.dg-page details>summary){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) :is(#modal-root,body) .dg-dialog :is(.dg-metrics article,.dg-message,.dg-choice,.dg-table th){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}

/* Trading Hub shell only; the external Terminal Pro iframe remains independent. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-trading-hub{background:var(--theme-page);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-trading-hub :is(.cgb-hub-card,.cgb-hub-panel,.cgb-hub-panel-head,.cgb-hub-panel-content.main,.cgb-hub-terminal,.cgb-hub-terminal-frame){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-trading-hub :is(.cgb-hub-panel-head,.cgb-hub-panel-actions button,.cgb-hub-terminal-bar,.cgb-hub-terminal-badge){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-trading-hub :is(.cgb-hub-heading h1,.cgb-hub-heading p,.cgb-hub-eyebrow,.cgb-hub-panel-kicker,.cgb-hub-card-copy strong,.cgb-hub-card-arrow,.cgb-hub-panel-head h2,.cgb-hub-panel-head p,.cgb-hub-terminal-bar,.cgb-hub-terminal-badge){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-trading-hub .cgb-hub-panel::before{content:none;background:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-trading-hub :is(.cgb-hub-card:hover,.cgb-hub-panel-actions button:hover){transform:none;box-shadow:none;border-color:var(--theme-line);background:var(--theme-surface-alt)}

/* Account Hub inherits the shared palette, including its modal. */
html[data-cgb-theme="beige"] :is(.account-hub-page,dialog.account-hub-dialog){--bg:var(--theme-page);--panel:var(--theme-surface);--panel-2:var(--theme-surface-alt);--border:var(--theme-line);--border-strong:var(--theme-line);--text:var(--theme-ink);--muted:var(--theme-ink);--cyan:var(--theme-ink);--cyan-2:var(--theme-ink);color:var(--theme-ink)}

/* Previewed component surfaces missed by their original dark stylesheets. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.membership-flow strong,.membership-flow span,.steps-grid article){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.steps-grid h3,.steps-grid p){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-v2-next-phase{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.jh-overview>div,.jh-metrics>div,.jh-search input,.jh-filters select){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.jh-overview span,.jh-overview strong,.jh-metrics span,.jh-metrics strong){color:var(--theme-ink)}

/* CGBX catalog controls and artwork frames use light surfaces; images stay unchanged. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-nft-page{color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-nft-page :is(.cgbx-nft-transition,.cgbx-nft-collection-card,.cgbx-nft-cover,.cgbx-nft-art,.cgbx-nft-search input,.cgbx-nft-search button,.cgbx-nft-filters button){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-nft-page :is(.cgbx-nft-cover,.cgbx-nft-art,.cgbx-nft-search input){background:var(--theme-surface-alt)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-nft-page :is(.cgbx-nft-chips span,.cgbx-nft-filters button[aria-pressed=true],.cgbx-nft-buy){background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-nft-page :is(.cgbx-nft-collection-copy p,.cgbx-nft-collection-heading p,.cgbx-nft-transition p,.cgbx-nft-collection-link,.cgbx-nft-search label,.cgbx-nft-results,.cgbx-nft-empty,.cgbx-nft-group>header>span,.cgbx-nft-details,.cgbx-nft-price,.cgbx-nft-price small,.cgbx-nft-snapshot,.cgbx-nft-external,.cgbx-nft-external a){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-nft-page :is(.cgbx-nft-card:hover,.cgbx-nft-buy:hover){transform:none;box-shadow:none;border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cx-store-page :is(.cx-store-hero-facts span,.cx-store-filters button,.cx-store-cart-fab,select){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}

/* Worldnaut panels stay bright while the approved illustrations remain visible. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.worldnaut-ecosystem-banner,.worldnaut-hub-card,.worldnaut-hub-comic-card,.worldnaut-detail-panel){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.worldnaut-hub-card-art,.worldnaut-hub-comic-card>img){background:var(--theme-surface-alt);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.worldnaut-ecosystem-banner h1,.worldnaut-ecosystem-banner p,.worldnaut-ecosystem-banner .eyebrow,.worldnaut-hub-card h2,.worldnaut-hub-card>p,.worldnaut-hub-comic-card h2,.worldnaut-hub-comic-card p){color:var(--theme-ink);text-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .worldnaut-hub-card:has([aria-pressed="true"]){border-color:var(--theme-line);box-shadow:none}

/* Partner simulator and forms are part of the same member palette. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-landing :is(.affiliate-public-hero aside,.affiliate-flow,.affiliate-simulator,.affiliate-simulator-line,.affiliate-total-grid article,.affiliate-projection-cards article){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-landing :is(.affiliate-form textarea,.affiliate-simulator input:not([type=checkbox]),.affiliate-simulator select,.affiliate-simulator-toolbar select){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-landing :is(.affiliate-brand,.affiliate-public-hero h1,.affiliate-public-hero p,.affiliate-public-hero aside strong,.affiliate-public-hero aside span,.affiliate-public-hero aside small,.affiliate-flow,.affiliate-simulator label,.affiliate-simulator output strong,.affiliate-simulator output span,.affiliate-simulator-line label,.affiliate-simulator-line legend,.affiliate-simulator-line p){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-page :is(.affiliate-partner-head>div,.affiliate-kpis article,.affiliate-link-list article,.affiliate-code-pills span){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-page :is(.affiliate-inline-form input,.affiliate-inline-form select,.affiliate-admin-form input,.affiliate-admin-form select,.affiliate-redeem input,.affiliate-rate-input,.affiliate-table select){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}

html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .jh-toolbar select{background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgbx-v2-podium{background:var(--theme-surface-alt);border-color:var(--theme-line);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.worldnaut-hub-info-card,.worldnaut-panel-art){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .worldnaut-hub-info-card :is(h2,h3,p,span,strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.setup-flow,.library-filters button,.library-card>img){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app :is(.setup-flow span,.library-filters button.active){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-toolbar .cx-commerce-filters :is(input,select){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-order-image{background:var(--theme-surface-alt);color:var(--theme-ink)}

/* Account Hub popup content uses the same tokens as its surrounding dialog. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .account-hub-dialog :is(.billing-source-banner>div,.preference-grid label,.account-channel-groups label,.result-stats article){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .account-hub-dialog :is(.account-card input:not([type=checkbox]):not([type=radio]),.affiliate-period select,.affiliate-campaign-form input){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .account-hub-dialog :is(.billing-source-banner span,.billing-source-banner strong,.preference-grid label span,.account-channel-groups label span,.result-stats article span,.result-stats article strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .account-hub-dialog .cx-receiving input:not([type=checkbox]):not([type=radio]){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}

/* Orders V4 appends its native dialog directly to body, outside #app. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog :is(form>header,footer){background:var(--theme-surface);border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog :is(.ov4-eyebrow,.ov4-fields label,.ov4-fields legend,.ov4-fields>.ov4-muted){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog :is(.ov4-close,.btn,.ov4-fields input,.ov4-fields select,.ov4-fields textarea){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none;text-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog .btn.primary{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog .btn:hover{background:var(--theme-action);border-color:var(--theme-line);color:var(--theme-ink);transform:none;box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog .ov4-fields :is(input:disabled,select:disabled,textarea:disabled){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog .ov4-fields fieldset{border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog .ov4-error{background:var(--theme-surface-alt);border-color:#d48787;color:#8f2424}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog :focus-visible{outline-color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) body>.ov4-dialog .ov4-eyebrow{overflow-wrap:anywhere}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .ov4{box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .ov4-hero>div:first-child{min-width:0;flex:1}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .ov4-hero h2{overflow-wrap:anywhere}

/* The beige header follows the page/menu color, while its cards stay ivory. */
html[data-cgb-theme="beige"] #app .topbar{background:var(--theme-page)}

/* Informational copy and signal metadata use dark ink on clear surfaces. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .info-page :is(.info-kicker,.worldnaut-banner p,.worldnaut-banner small,.center-note,.membership-plan-badge,.membership-headline,.membership-allocation strong){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .canonical-signal-card :is(.signal-channel,.signal-why .section-title small){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .page-head .eyebrow{color:var(--theme-ink)}

/* My Orders and Orders Administration share the same commerce components. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page{color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page :is(.cgb-orders-hero,.cgb-orders-toolbar,.cgb-order-card,.cgb-orders-empty){background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page :is(.cgb-order-card-head,.cgb-order-line,.cgb-order-message,.cgb-admin-actions form,.cx-commerce-metrics li){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page :is(.cgb-orders-hero p,.cgb-order-eyebrow,.cgb-orders-toolbar label,.cgb-order-card-head h2,.cgb-order-card-head p,.cx-commerce-metrics li span,.cx-commerce-metrics strong,.cgb-order-timeline li,.cgb-order-timeline time,.cgb-order-section h3,.cgb-order-section-head>span,.cgb-order-line-copy strong,.cgb-order-line-meta,.cgb-order-line-price,.cgb-order-details>summary,.cgb-order-facts dt,.cgb-order-facts dd,.cgb-order-muted,.cgb-order-track-link,.cgb-order-support-link,.cgb-order-message strong,.cgb-order-message p,.cgb-order-history li,.cgb-order-history time,.cgb-orders-empty h2,.cgb-orders-empty p,.cgb-orders-empty a,.cgb-admin-order-meta,.cgb-admin-order-total,.cgb-admin-order-card .cgb-order-section p,.cgb-admin-order-card li,.cgb-admin-actions label){color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page :is(.cgb-order-card-head,.cgb-order-section,.cgb-order-details,.cgb-order-detail-grid,.cgb-admin-actions){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-detail-grid .cgb-order-section:nth-child(odd){border-color:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-status{background:var(--theme-surface-alt);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-details>summary:hover{background:var(--theme-surface-alt);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-timeline li:not(:last-child)::after{background:var(--theme-line)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-timeline-dot{background:var(--theme-surface-alt);border-color:var(--theme-line);box-shadow:none}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-timeline .is-complete .cgb-order-timeline-dot{background:#17a174;border-color:#17a174}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-timeline .is-current .cgb-order-timeline-dot{background:var(--theme-surface);border-color:#17a174}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-order-image.is-fallback small{color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page .cgb-admin-actions :is(input,select,textarea){background:var(--theme-surface-alt);border-color:var(--theme-line);color:var(--theme-ink)}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .cgb-orders-page :focus-visible{outline-color:var(--theme-ink)}
@media(max-width:560px){
  html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-landing .affiliate-simulator-line{min-width:0;max-width:100%;box-sizing:border-box}
  html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #app .affiliate-landing .affiliate-simulator-line :is(label,input,select){min-width:0;max-width:100%;width:100%;box-sizing:border-box}
}