/* ABC Gaming light edition. Loaded after the approved dark system. */
body.light-theme{
  --navy:#f4f1e9;
  --navy2:#ebe7dc;
  --panel:#fffdf8;
  --line:#b9c8c7;
  --text:#112b35;
  --muted:#61737a;
  --cyan:#078f98;
  --coral:#d95c52;
  --violet:#7259c7;
  --green:#168d68;
  --gold:#a67a19;
  background:#f4f1e9;
  color:#112b35;
}
.light-theme .site-header{background:#fffdf0e8;border-color:#183b4624;box-shadow:0 8px 30px #31545e0a}
.light-theme .site-header .abc-wordmark{color:#102d37}
.light-theme .abc-wordmark svg{stroke:#102d37}
.light-theme .site-header nav a,.light-theme .language{color:#344f58}
.light-theme .language i{background:#173e4c38}
.light-theme .theme-switch{background:#fff;border-color:#78919470;color:#173943}
.light-theme .menu i{background:#173943}
.light-theme .demo-button{background:#db665b;color:#fffdf8}
.light-theme .system-hero{background:radial-gradient(circle at 70% 36%,#b9dfe052,transparent 34%),linear-gradient(160deg,#f8f4eb 0,#e8f0ec 72%,#f3ede2 100%);border-color:#8fa8aa55}
.light-theme .system-hero:before{background:radial-gradient(circle at 76% 34%,#94cfce42 0,transparent 32%),radial-gradient(circle at 18% 25%,#e9c77738 0,transparent 34%),linear-gradient(145deg,#f8f4eb 0 48%,#e8f1ed 100%)}
.light-theme .system-hero:after{opacity:.22;background-image:linear-gradient(#355f6910 1px,transparent 1px),linear-gradient(90deg,#355f6910 1px,transparent 1px)}
.light-theme .hero-atmosphere{opacity:.2}
.light-theme .system-hero h1,.light-theme .system-hero h1 .hero-line{color:#132f39}
.light-theme .hero-key{color:#087f89}
.light-theme .system-hero .hero-copy>p:not(.eyebrow){color:#536a72}
.light-theme .system-hero .primary{background:#153946;color:#fff}
.light-theme .system-aperture:before{background:linear-gradient(135deg,#0d99a061 0,#46aaa017 25%,#ffffffbd 58%,#d9685c35 100%)}
.light-theme .system-aperture:after{background:linear-gradient(145deg,#fffef9fa,#edf4f0fc 76%);box-shadow:0 28px 70px #33565e22,0 1px 0 #fff inset}
.light-theme .aperture-scene{color:#17333d}
.light-theme .aperture-scene>p b{color:#17333d}
.light-theme .aperture-scene>p span,.light-theme .aperture-scene>em{color:#63777d}
.light-theme .aperture-scene>div span{background:#ffffff9c;border-color:#45636d38;color:#284750}
.light-theme .product-rail{background:#fffdf5ed;border-color:#9eb0ae80;box-shadow:0 18px 45px #2f515b12}
.light-theme .rail-item{color:#64777c;border-color:#284b5620}
.light-theme .rail-item.active{color:#17343e}
.light-theme .stack{background:#f4f1e9}
.light-theme .section-head h2,.light-theme .slot-section-head h2{color:#152f39}
.light-theme .section-head>p,.light-theme .section-head>div+p,.light-theme .slot-section-head>p{color:#60737a}
.light-theme .workbench{background:#f9f7f1;border-color:#9bafaf;box-shadow:0 20px 55px #36545c0d}
.light-theme .work-tabs{border-color:#a5b7b7}
.light-theme .work-tab{color:#61747b;border-color:#24465019}
.light-theme .work-tab.active{background:#d9ece9;color:#14313a}
.light-theme .demo-shell{background:#f0f3ed;border-color:#9caeae}
.light-theme .demo-top,.light-theme .demo-footer{color:#526a72;border-color:#23475220;background:#e8ece6}
.light-theme .demo-top i{background:#879b9d}
.light-theme .demo-stage{background:#f8f7f2;color:#17343e}

/* Workbench demo surfaces */
.light-theme #demo-stage :is(.automation-studio,.campaign-studio,.analysis-studio,.support-studio,.channel-intel,.build-studio,.kafka-studio,.lifecycle-studio,.studio-panel,.journey-panel,.campaign-panel,.analysis-panel,.support-panel,.data-workspace,.build-workspace,.kafka-workspace,.lifecycle-workspace){background:#f8f7f2!important;color:#17343e!important;border-color:#9fb1b1!important}
.light-theme #demo-stage :is(.marketing-studio,.campaign-suite,.split-support,.channel-intel,.apk-builder,.kafka-stream,.lifecycle-lab,.audience-builder,.automation-builder,.campaign-range,.campaign-program,.player-window,.agent-window,.channel-report,.apk-config,.apk-pipeline,.journey-trace,.heatmap-demo,.codex-chat){background:#f8f7f2!important;color:#17343e!important;border-color:#9fb1b1!important}
.light-theme #demo-stage :is(article,section,aside,.flow-card,.segment-card,.metric-card,.query-card,.analysis-board,.ticket,.message-card,.channel-table,.channel-tree,.build-console,.kafka-console,.journey-stages,.lifecycle-detail){border-color:#9eafaf!important}
.light-theme #demo-stage :is(.flow-card,.segment-card,.metric-card,.query-card,.analysis-board,.ticket,.message-card,.channel-tree button,.channel-table>div,.build-step,.kafka-node,.journey-stages article,.lifecycle-detail article){background:#edf1eb!important;color:#183640!important}
.light-theme #demo-stage :is(small,em,label,.studio-kicker,.field-note,.channel-tree button small,.channel-children span){color:#667b81!important}
.light-theme #demo-stage :is(b,strong,h3,h4,h5,p){color:#193640}
.light-theme #demo-stage input,.light-theme #demo-stage textarea{background:#fff;border-color:#8fa5a6;color:#17343e}
.light-theme #demo-stage button:not(.run-query){border-color:#8ca4a5;color:#21434d}
.light-theme #demo-stage :is(.studio-tags button,.studio-members span,.studio-flow article,.delivery-preview,.visit-preview,.push-device,.push-card,.visit-kpis span,.studio-results span,.program-steps,.journey-step,.program-foot,.analysis-scope,.query-message,.analysis-board,.answer-table,.answer-note,.answer-source,.support-history,.support-input,.report-filter,.channel-kpis span,.channel-table,.channel-deep-dive>section,.channel-insight,.apk-identity,.apk-config dl div,.apk-explainer article,.build-flow article,.build-console,.build-packages span,.stream-map>section,.event-producers article,.external-consumers article,.kafka-tech span,.kafka-terminal,.stream-health,.lifecycle-summary span,.journey-stages,.heat-browser,.lifecycle-flow){background:#e9eeea!important;border-color:#9badad!important;color:#17343e!important}
.light-theme #demo-stage :is(.push-card,.analysis-board,.channel-table>div,.build-console,.kafka-terminal){box-shadow:none!important}

.light-theme .capabilities{background:#ebece5}
.light-theme .cap-card{background:#fdfbf5;border-color:#9bafaf;color:#17343e;box-shadow:0 18px 48px #35525b0d}
.light-theme .card-copy p,.light-theme .card-copy li{color:#5d7279}
.light-theme .card-copy li{border-color:#21454e22}
.light-theme .composer-stage{background:radial-gradient(circle at 60% 45%,#dbecea,#e9ece6 65%)}
.light-theme .composer-shell,.light-theme .composer-workspace,.light-theme .responsive-phone{box-shadow:0 18px 45px #29495324}
.light-theme .layout-label,.light-theme .composer-status{color:#4f6870}
.light-theme .frontend-card :is(.composer-shell,.template-dock,.composer-workspace,.workspace-bar,.site-canvas,.module-tray,.responsive-phone,.phone-feed span){border-color:#91a6a7!important;color:#17343e!important}
.light-theme .frontend-card .template-dock{background:#e5ece8!important}
.light-theme .frontend-card .template-dock button{background:#f7f7f2!important;border-color:#9aacad!important}
.light-theme .frontend-card .template-dock button.active{background:#c9e6e2!important;border-color:#078f98!important}
.light-theme .frontend-card .composer-workspace{background:#edf1ec!important}
.light-theme .frontend-card .workspace-bar,.light-theme .frontend-card .module-tray{background:#dfe8e3!important;color:#526b72!important}
.light-theme .frontend-card .site-canvas,.light-theme .frontend-card .composer-workspace.layout-4 .site-canvas{background:#f7f5ee!important}
.light-theme .frontend-card .build-nav{background:#e4ebe6!important;color:#17343e!important;border-color:#94a8a9!important}
.light-theme .frontend-card .build-nav b,.light-theme .frontend-card .build-nav span{color:#284851!important}
.light-theme .frontend-card .build-hero,.light-theme .frontend-card .composer-workspace.layout-4 .build-hero{background:linear-gradient(135deg,#d7ebe7,#edf1e9)!important;color:#17343e!important}
.light-theme .frontend-card .build-hero strong,.light-theme .frontend-card .composer-workspace.layout-4 .build-hero strong{color:#17343e!important}
.light-theme .frontend-card .build-stats{background:#e7ece6!important}
.light-theme .frontend-card .build-stats span{background:#f8f7f2!important;border-color:#9aadae!important;color:#17343e!important}
.light-theme .frontend-card .build-games{background:#eef1ec!important;color:#17343e!important}
.light-theme .frontend-card .build-games>div i{background:#dce9e6!important;border-color:#94a8aa!important;color:#17343e!important}
.light-theme .frontend-card .build-games>div i:nth-child(2n){background:#e6e1ef!important}
.light-theme .frontend-card .build-games>div i:nth-child(3n){background:#eee4de!important}
.light-theme .frontend-card .build-games>div i :is(b,span,small){color:#294850!important}
.light-theme .frontend-card .build-promo{background:linear-gradient(135deg,#eadeda,#e2e9e5)!important;color:#17343e!important}
.light-theme .frontend-card .drag-module{background:#fffdf8!important;border-color:#078f98!important;color:#17343e!important}
.light-theme .frontend-card .responsive-phone{background:#f7f5ee!important;border-color:#78969d!important;color:#17343e!important}
.light-theme .frontend-card .responsive-phone :is(header,nav,footer){background:#e4ebe6!important;border-color:#9aadae!important;color:#294850!important}
.light-theme .frontend-card .phone-hero{background:linear-gradient(145deg,#dcebe8,#e9e2ee)!important;color:#17343e!important}
.light-theme .frontend-card .phone-cards i,.light-theme .frontend-card .phone-offer,.light-theme .frontend-card .phone-feed span{background:#e4ece8!important;border-color:#9aadae!important;color:#17343e!important}
.light-theme .frontend-card .phone-cards i:nth-child(2n){background:#e9e3ef!important}
.light-theme .frontend-card .phone-cards i :is(b,span),.light-theme .frontend-card .phone-offer :is(b,small),.light-theme .frontend-card .phone-feed :is(b,em){color:#294850!important}
.light-theme .frontend-card .edition-preview{background:#f3f3ed!important;border-color:#91a6a7!important}
.light-theme .frontend-card .operator-page{background:#f7f5ee!important;color:#17343e!important}
.light-theme .frontend-card .operator-page aside{background:#e2eae5!important;border-color:#91a6a7!important;color:#294850!important}
.light-theme .frontend-card .operator-page aside>span{background:#f7f7f2!important;border-color:#9aacad!important;color:#456069!important}
.light-theme .frontend-card .operator-page aside>span.active{background:#c9e6e2!important;color:#17343e!important}
.light-theme .frontend-card .operator-page>div,.light-theme .frontend-card .operator-page main{background:#f7f5ee!important;color:#17343e!important}
.light-theme .frontend-card .operator-page>div>header,.light-theme .frontend-card .operator-page main>header{background:#e4ebe6!important;border-color:#94a8a9!important;color:#294850!important}
.light-theme .frontend-card .operator-page :is(article,section,.live-board,.winner-strip,.odds-row,.promo-mosaic,.cover-row i,.business-grid article,.edition-extra>article){background:#e5ece8!important;border-color:#95a9aa!important;color:#17343e!important}
.light-theme .frontend-card .operator-page :is(article,section,.live-board,.winner-strip,.odds-row,.promo-mosaic,.business-grid article) :is(b,strong,h3,h4,h5,span,small,em){color:#294850!important;text-shadow:none!important}
.light-theme .frontend-card .operator-page :is(button,.odd,.market){background:#f9f8f3!important;border-color:#93a7a8!important;color:#284850!important}
.light-theme .frontend-card .edition-preview .operator-page>div>header>button,
.light-theme .frontend-card .edition-preview .operator-page main>header>button{
  background:transparent!important;
  border:1px solid #789294!important;
  color:#284850!important;
  box-shadow:none!important;
}
.light-theme .frontend-card .operator-page .featured,.light-theme .frontend-card .operator-page .active{border-color:#078f98!important}
.light-theme .ops-cockpit{background:#eef1eb;color:#193640}
.light-theme .ops-nav{background:#e1e8e3;border-color:#8fa6a7}
.light-theme .ops-nav span{color:#60757b}
.light-theme .ops-nav span.active{background:#c6e5e2;color:#16343e}
.light-theme .ops-main,.light-theme .ops-stage>*{background:#f8f8f3;border-color:#9cafaf;color:#183640}
.light-theme .ops-kpis article,.light-theme .player-summary span,.light-theme .context-grid p{background:#e5eeea;border-color:#9eb2b1;color:#17343e}
.light-theme .ops-alert{background:#f0e5e2}
.light-theme .ops-stream{background:#e3ece8;border-color:#9cafaf;color:#48646c}

.light-theme .slot-business-section{background:#f5f1e7;color:#17343e}
.light-theme .slot-console{background:#eef1eb;border-color:#98acad;box-shadow:0 25px 70px #34515b18}
.light-theme .slot-topbar,.light-theme .slot-machine-head,.light-theme .slot-controls{background:#e0e8e3;border-color:#99acad;color:#385660}
.light-theme .slot-sidebar,.light-theme .slot-win-panel{background:#e8ede7;border-color:#9aacac}
.light-theme .slot-sidebar button{color:#526b72;border-color:#8fa4a644}
.light-theme .slot-sidebar button.active{background:#c9e5e1;color:#15343d}
.light-theme .slot-window{background:#dae5e1;border-color:#91a7a8}
.light-theme .slot-reel{background-color:#eef2ec;border-color:#9aacac}
.light-theme .slot-result,.light-theme .slot-features span{color:#17343e}
.light-theme .slot-body,.light-theme .slot-machine{background:#e8eee9!important;border-color:#92a7a8!important}
.light-theme .slot-sidebar button{background:#f8f7f2!important;border-color:#95a9aa!important;color:#37545d!important}
.light-theme .slot-sidebar button.active{background:#cce7e3!important;color:#17343e!important}
.light-theme .slot-window{background:#f7f5ee!important;border-color:#829da1!important}
.light-theme .slot-reels{background:#e3eae6!important}
.light-theme .slot-reel{background:#edf1ec!important;border-color:#94a8a9!important}
.light-theme .slot-reel .biz-symbol.preview-symbol{background:#e0e7e3!important;border-color:#a1b1b1!important;color:#526b72!important}
.light-theme .slot-reel .biz-symbol.pay-symbol{background:#d7e7e4!important;border-color:#8fa7a8!important;color:#17343e!important}
.light-theme .slot-reel:nth-child(2n) .biz-symbol.pay-symbol{background:#e5dfed!important}
.light-theme .slot-reel:nth-child(3n) .biz-symbol.pay-symbol{background:#eee1da!important}
.light-theme .slot-reel .biz-symbol :is(b,small,span){color:#284850!important;text-shadow:none!important}
.light-theme .slot-win-panel{background:#edf1ec!important;color:#17343e!important}
.light-theme .slot-result p{color:#61747a!important}
.light-theme .slot-features span{background:#f8f7f2!important;border-color:#97aaab!important}
.light-theme .slot-win-panel footer{background:#e3e9e4!important;border-color:#98aaab!important;color:#17343e!important}
.light-theme .slot-lobby{background:#f0ede5!important;border-color:#9cadad!important}
.light-theme .business-pool section article{background:#dce9e6!important;border-color:#91a6a7!important;color:#17343e!important}
.light-theme .business-pool section article:nth-child(2n){background:#e6e0ed!important}
.light-theme .business-pool section article:nth-child(3n){background:#eee2dc!important}
.light-theme .business-pool section article :is(strong,b,span){color:#294850!important}

/* Experience sequence keeps its cinematic identity while fitting the light page. */
.light-theme .experience-band{border-top:1px solid #b6aaa0}
.light-theme .experience-band:not(.is-future){background:#dfcc83;color:#173039}
.light-theme .experience-future{background:#171f22}
.light-theme .contact-unlock{background:#df756b;color:#173039}
.light-theme .contact-unlock .eyebrow{color:#6d2928}
.light-theme .contact-unlock h2,.light-theme .contact-unlock p{color:#173039}
.light-theme .contact-orb{background:#fff9ed;color:#173039;border-color:#1730395c}
.light-theme footer{background:#eeeae1;border-color:#9eaeac;color:#536a70}
.light-theme footer .abc-wordmark svg{stroke:#17343e}

/* Contact game */
.light-theme .contact-game-backdrop{background:#eef1e8de}
.light-theme .contact-game-shell{background:#fffdf7;color:#17343e;border-color:#8fa6a7;box-shadow:0 28px 90px #29485033}
.light-theme .contact-game-shell>header,.light-theme .contact-game-progress{border-color:#91a6a633}
.light-theme .contact-game-stage :is(article,section,div){border-color:#98aaaa}
.light-theme .contact-game-intro p,.light-theme .contact-game-win p{color:#5d7279}

/* Light UI contrast pass: every retained dark-theme control receives a light surface. */
.light-theme #demo-stage :is(.studio-members span,.studio-results span){opacity:1!important;animation:none!important}
.light-theme #demo-stage :is(small,em,label,.studio-kicker,.field-note,.channel-tree button small,.channel-children span,.studio-members span,.studio-members em){color:#465f67!important}
.light-theme #demo-stage :is(.sms-send,.studio-send){
  background:#f2d8d3!important;
  border:1px solid #c96a61!important;
  color:#17343e!important;
  box-shadow:none!important;
}
.light-theme #demo-stage :is(.sms-send,.studio-send) :is(b,span){color:#17343e!important}
.light-theme #demo-stage .send-progress{background:#cbd8d5!important}
.light-theme #demo-stage .send-progress span{color:#48636a!important}
.light-theme #demo-stage :is(.studio-tags button,.tag-cloud button){background:#f7f7f2!important;color:#294850!important;border-color:#8ba2a4!important}

.light-theme .frontend-card .module-tray span{
  background:#f8f7f2!important;
  border-color:#8da4a6!important;
  color:#294850!important;
}
.light-theme .frontend-card .module-tray :is(small,span),
.light-theme .frontend-card .composer-status :is(span,b,em){color:#3d5961!important}
.light-theme .frontend-card .operator-page .winner-strip>span,
.light-theme .frontend-card .operator-page .quick-grid>i,
.light-theme .frontend-card .operator-page .sport-tabs>i,
.light-theme .frontend-card .operator-page .live-board>header,
.light-theme .frontend-card .operator-page .league-line span>i{
  background:#f8f7f2!important;
  border-color:#8fa5a6!important;
  color:#294850!important;
}
.light-theme .frontend-card .operator-page .winner-strip>span :is(em,b,small),
.light-theme .frontend-card .operator-page .quick-grid>i,
.light-theme .frontend-card .operator-page .sport-tabs>i,
.light-theme .frontend-card .operator-page .live-board>header :is(b,span),
.light-theme .frontend-card .operator-page .league-line span>i{color:#294850!important}
.light-theme .frontend-card .operator-page .sport-tabs>i:first-child{background:#c9e6e2!important;color:#14313a!important}
.light-theme .frontend-card .operator-page .sports-hero{background:#dfe9e5!important;color:#17343e!important}
.light-theme .frontend-card .operator-page .sports-hero :is(small,b){color:#294850!important}
.light-theme .frontend-card .operator-page .ball-line{filter:none!important}
.light-theme .frontend-card .operator-page :is(.result-cards article,.odds-row article,.league-line){background:#e7ede8!important;color:#294850!important}
.light-theme .frontend-card .operator-page .people-skeleton i{background:#cfdfdc!important;border-color:#789496!important}
.light-theme .frontend-card .operator-page .cover-row i{background:#e1e9e5!important;border-color:#93a8a9!important}
.light-theme .frontend-card .operator-page .promo-mosaic article:nth-child(n),
.light-theme .frontend-card .operator-page .dual-banner article:nth-child(n){background:#e1eae6!important;color:#294850!important}

.light-theme .ops-nav span{color:#435d65}
.light-theme .ops-cockpit :is(small,em){color:#4c666e}
.light-theme .ops-flow span{background:#e0e9e5!important;color:#294850!important;border-color:#8ea5a7!important}
.light-theme .slot-console :is(small,em){color:#49636a}
.light-theme .slot-machine-head b,.light-theme .slot-machine-head em{color:#24765f}

.light-theme :focus-visible{outline-color:#087f89}
@media(max-width:900px){
  .light-theme .site-header nav{background:#fffdf8f5;border:1px solid #9cadad;color:#17343e}
  .light-theme .site-header nav a{color:#294952}
}

/* Pure white theme layer. Mirrors the dark edition without carrying dark surfaces across. */
body.light-theme{
  --navy:#fff;
  --navy2:#f7f9f8;
  --panel:#fff;
  --line:#c9cfd2;
  --cyan:#2877a6;
  --coral:#ef6a3a;
  --green:#2877a6;
  --gold:#bd5727;
  background:#fff;
}
.light-theme :is(.system-hero,.stack,.capabilities,.slot-business-section,footer){background:#fff!important}
.light-theme .site-header{background:#fff!important}
.light-theme .system-hero:before{background:#fff!important}
.light-theme .system-hero:after{opacity:.12}
.light-theme :is(.product-rail,.workbench,.demo-shell,.demo-stage,.cap-card,.composer-stage,.composer-shell,.composer-workspace,.site-canvas,.responsive-phone,.ops-cockpit,.ops-main,.slot-console,.slot-body,.slot-machine,.slot-window,.slot-lobby){background:#fff!important}
.light-theme :is(.demo-top,.demo-footer,.workspace-bar,.module-tray,.build-nav,.build-stats,.build-games,.ops-nav,.ops-stream,.slot-topbar,.slot-machine-head,.slot-controls){background:#f5f8f7!important}
.light-theme :is(.work-tab.active,.rail-item.active,.template-dock button.active,.ops-nav span.active,.slot-sidebar button.active){background:#f0f3f5!important}
.light-theme .work-tab,
.light-theme .rail-item{background:#fff!important;color:#526970!important}
.light-theme .work-tab:is(:hover,:focus-visible),
.light-theme .work-tab.active,
.light-theme .rail-item:is(:hover,:focus-visible),
.light-theme .rail-item.active{
  background:#f0f3f5!important;
  color:#17343e!important;
}

.light-theme .system-hero .primary{
  background:#fff!important;
  border:0!important;
  color:#173e4c!important;
  box-shadow:inset 0 0 0 1px #173e4c!important;
}
.light-theme .system-hero .primary b{background:#f1f5f4!important;color:#173e4c!important}

.light-theme #demo-stage :is(.marketing-studio,.audience-builder,.automation-builder,.delivery-preview,.push-preview,.visit-preview,.push-device,.push-card,.studio-results span){background:#fff!important}
.light-theme #demo-stage :is(.marketing-studio,.audience-builder,.automation-builder,.delivery-preview,.push-preview,.visit-preview,.push-device,.push-card,.studio-flow article,.audience-total,.studio-results span){border-color:#789097!important}
.light-theme #demo-stage .studio-members span{grid-template-columns:7px minmax(0,1fr) max-content;padding-right:4px}
.light-theme #demo-stage .studio-members b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.light-theme #demo-stage .studio-members em{justify-self:end;white-space:nowrap;font-size:8px}
.light-theme #demo-stage :is(.push-preview>header,.visit-preview>header){
  background:#f5f8f7!important;
  border-color:#9bafaf!important;
  color:#294850!important;
}
.light-theme #demo-stage :is(.push-preview>header,.visit-preview>header) :is(span,b){color:#294850!important}
.light-theme #demo-stage .push-card>span{
  background:#fff!important;
  border:1px solid #c65e55!important;
  color:#9b3e38!important;
}

.light-theme .frontend-card :is(.template-dock,.edition-preview,.operator-page,.operator-page>div,.operator-page main,.operator-page aside){background:#fff!important}
.light-theme .frontend-card :is(.composer-shell,.template-dock,.composer-workspace,.edition-preview,.operator-page,.operator-page aside,.operator-page article,.operator-page section,.operator-page .winner-strip,.operator-page .odds-row,.operator-page .cover-row i){border-color:#718990!important}
.light-theme .frontend-card .template-dock button.active{background:#f0f3f5!important;border-color:#617c85!important;box-shadow:none!important}
.light-theme .frontend-card .template-dock button i{background:#c8d2d6!important}
.light-theme .frontend-card .template-dock button.active i{background:#91a5ae!important}
.light-theme .frontend-card :is(.operator-page>div>header,.operator-page main>header,.operator-page nav){background:#f4f7f6!important}
.light-theme .frontend-card .operator-page :is(article,section,.live-board,.winner-strip,.odds-row,.promo-mosaic,.cover-row i,.business-grid article,.edition-extra>article,.winner-strip>span,.quick-grid>i,.result-cards article,.odds-row article,.league-line){background:#f5f8f7!important}
.light-theme .frontend-card .operator-page .sport-tabs>i{
  background:#fff!important;
  border:1px solid #8fa5a6!important;
  color:#294850!important;
}
.light-theme .frontend-card .operator-page .sport-tabs>i:first-child{background:#f0f3f5!important}
.light-theme .frontend-card .operator-page.page-sportsbook>div>nav>i{
  background:#fff!important;
  border:1px solid #8fa5a6!important;
  color:#294850!important;
}
.light-theme .frontend-card .operator-page.page-sportsbook>div>nav>i:first-child{background:#f0f3f5!important;border-color:#617c85!important}
.light-theme .frontend-card .operator-page .sports-hero,
.light-theme .frontend-card .operator-page .dual-banner article:nth-child(n),
.light-theme .frontend-card .operator-page .promo-mosaic article:nth-child(n){background:#f3f7f6!important}
.light-theme .frontend-card .module-tray span{background:#fff!important}
.light-theme .frontend-card .operator-page .people-skeleton{background:#f2f5f6!important}
.light-theme .frontend-card .operator-page .people-skeleton i{background:#e1e8ea!important;border-color:#789097!important}
.light-theme .frontend-card .composer-workspace.layout-4 .site-canvas,
.light-theme .frontend-card .composer-workspace.layout-4 .build-hero{background:#fff!important}
.light-theme .frontend-card .composer-workspace.layout-4 .build-hero:before,
.light-theme .frontend-card .composer-workspace.layout-4 .build-hero:after{display:none!important}

.light-theme :is(.ops-stage>*,.ops-kpis article,.player-summary span,.context-grid p,.ops-alert){background:#f5f8f7!important}
.light-theme :is(.slot-sidebar,.slot-win-panel,.slot-reels,.slot-reel,.slot-lobby){background:#fff!important}
.light-theme .slot-window{border:2px solid #8fa5a6!important;box-shadow:none!important}
.light-theme :is(.slot-sidebar button,.slot-features span,.business-pool section article,.slot-reel .biz-symbol.preview-symbol,.slot-reel .biz-symbol.pay-symbol){background:#f5f8f7!important}
.light-theme .slot-reel:nth-child(2n) .biz-symbol.pay-symbol,
.light-theme .slot-reel:nth-child(3n) .biz-symbol.pay-symbol{background:#f5f8f7!important}
.light-theme .slot-payout,
.light-theme .slot-jackpot{
  background:#fff!important;
  border:2px solid #179b92!important;
  box-shadow:0 18px 42px #234a5326!important;
  color:#17343e!important;
}
.light-theme .slot-payout :is(small,strong,b,span),
.light-theme .slot-jackpot :is(small,strong,h3,p){color:#17343e!important;text-shadow:none!important}
.light-theme .slot-payout strong,.light-theme .slot-jackpot strong{color:#078f98!important}
.light-theme .slot-jackpot:before,.light-theme .slot-jackpot:after{display:none!important}
.light-theme .slot-win-panel footer{background:#f5f8f7!important}
.light-theme .business-pool section article:nth-child(n){background:#f5f8f7!important}
.light-theme .experience-band{border-top:0!important;box-shadow:inset 0 1px #b7c3c2}

/* Neutral surface system inspired by clean editorial product pages. */
.light-theme :is(.demo-top,.demo-footer,.workspace-bar,.module-tray,.build-nav,.build-stats,.build-games,.ops-nav,.ops-stream,.slot-topbar,.slot-machine-head,.slot-controls){background:#f4f5f5!important}
.light-theme :is(.work-tab.active,.rail-item.active,.template-dock button.active,.ops-nav span.active,.slot-sidebar button.active){background:#eef1f3!important}
.light-theme #demo-stage :is(.flow-card,.segment-card,.metric-card,.query-card,.analysis-board,.ticket,.message-card,.channel-tree button,.channel-table>div,.build-step,.kafka-node,.journey-stages article,.lifecycle-detail article,.studio-tags button,.studio-members span,.studio-flow article,.delivery-preview,.visit-preview,.push-device,.push-card,.visit-kpis span,.studio-results span,.program-steps,.journey-step,.program-foot,.analysis-scope,.query-message,.answer-table,.answer-note,.answer-source,.support-history,.support-input,.report-filter,.channel-kpis span,.channel-table,.channel-deep-dive>section,.channel-insight,.apk-identity,.apk-config dl div,.apk-explainer article,.build-flow article,.build-console,.build-packages span,.stream-map>section,.event-producers article,.external-consumers article,.kafka-tech span,.kafka-terminal,.stream-health,.lifecycle-summary span,.journey-stages,.heat-browser,.lifecycle-flow){background:#f6f7f7!important}
.light-theme .frontend-card .operator-page :is(article,section,.live-board,.winner-strip,.odds-row,.promo-mosaic,.cover-row i,.business-grid article,.edition-extra>article,.winner-strip>span,.quick-grid>i,.result-cards article,.odds-row article,.league-line){background:#f6f7f7!important}
.light-theme :is(.ops-stage>*,.ops-kpis article,.player-summary span,.context-grid p,.ops-alert,.slot-sidebar button,.slot-features span,.business-pool section article,.slot-reel .biz-symbol.preview-symbol,.slot-reel .biz-symbol.pay-symbol,.slot-win-panel footer){background:#f6f7f7!important}
.light-theme .slot-brand i{background:#ef6a3a!important;color:#fff!important}
.light-theme .slot-jackpots b,
.light-theme .slot-win-panel>header span,
.light-theme .slot-win-panel footer b,
.light-theme .slot-value{color:#a94620!important}
.light-theme .slot-topbar :is(small,span),.light-theme .slot-jackpots small{color:#52656d!important}
.light-theme .frontend-card .composer-stage{position:relative;border-top:0!important}
.light-theme .frontend-card .composer-stage:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,#ef6a3a 0 16%,#2877a6 16% 32%,#d7dde0 32% 100%);
  z-index:2;
}

@media(max-width:900px){
  .light-theme .site-header nav{background:#fff!important}
}

/* Final light demo palette: white, warm orange, and neutral gray only. */
body.light-theme{
  --cyan:#ef6a3a;
  --coral:#ef6a3a;
  --green:#ef6a3a;
  --gold:#ef6a3a;
  --violet:#ef6a3a;
  --line:#d5dadd;
}
.light-theme :focus-visible{outline-color:#ef6a3a!important}
.light-theme :is(.hero-key,.rail-item.active,.work-tab.active,.layout-label,.composer-status,.slot-result strong){color:#d95024!important}
.light-theme :is(.language i,.demo-top i,.phone-feed i,.live-board>header b i,.studio-members i,.studio-status i,.slot-status i){background:#ef6a3a!important;box-shadow:none!important}
.light-theme .frontend-card .composer-stage:before{background:linear-gradient(90deg,#ef6a3a 0 32%,#d9dddf 32% 100%)}

.light-theme :is(.demo-top,.demo-footer,.workspace-bar,.module-tray,.build-nav,.build-stats,.build-games,.ops-nav,.ops-stream,.slot-topbar,.slot-machine-head,.slot-controls){background:#f7f7f7!important}
.light-theme :is(.work-tab.active,.rail-item.active,.template-dock button.active,.ops-nav span.active,.slot-sidebar button.active){background:#fff1eb!important;border-color:#ef6a3a!important}
.light-theme #demo-stage,
.light-theme #demo-stage :is(.automation-studio,.campaign-studio,.analysis-studio,.support-studio,.channel-intel,.build-studio,.kafka-studio,.lifecycle-studio,.studio-panel,.journey-panel,.campaign-panel,.analysis-panel,.support-panel,.data-workspace,.build-workspace,.kafka-workspace,.lifecycle-workspace,.marketing-studio,.campaign-suite,.split-support,.apk-builder,.kafka-stream,.lifecycle-lab,.audience-builder,.automation-builder,.campaign-range,.campaign-program,.player-window,.agent-window,.channel-report,.apk-config,.apk-pipeline,.journey-trace,.heatmap-demo,.codex-chat){background:#fff!important}
.light-theme #demo-stage :is(.flow-card,.segment-card,.metric-card,.query-card,.analysis-board,.ticket,.message-card,.channel-tree button,.channel-table>div,.build-step,.kafka-node,.journey-stages article,.lifecycle-detail article,.studio-tags button,.studio-members span,.studio-flow article,.delivery-preview,.visit-preview,.push-device,.push-card,.visit-kpis span,.studio-results span,.program-steps,.journey-step,.program-foot,.analysis-scope,.query-message,.answer-table,.answer-note,.answer-source,.support-history,.support-input,.report-filter,.channel-kpis span,.channel-table,.channel-deep-dive>section,.channel-insight,.apk-identity,.apk-config dl div,.apk-explainer article,.build-flow article,.build-console,.build-packages span,.stream-map>section,.event-producers article,.external-consumers article,.kafka-tech span,.kafka-terminal,.stream-health,.lifecycle-summary span,.journey-stages,.heat-browser,.lifecycle-flow){background:#fff!important;border-color:#d5dadd!important}
.light-theme #demo-stage .program-ring em{background:transparent!important}
.light-theme #demo-stage .program-ring{background:#fff!important;background-image:none!important;border-color:#d5dadd!important}
.light-theme #demo-stage .program-ring strong{color:#ef6a3a!important}
.light-theme #demo-stage :is(button.active,.active,button[aria-pressed="true"]){background:#fff1eb!important;border-color:#ef6a3a!important}
.light-theme #demo-stage :is(.send-progress,.progress-track){background:#eceeef!important}
.light-theme #demo-stage :is(.send-progress span,.progress-track span,.bar-fill){background:#ef6a3a!important}

/* Light workbench internals: each nested panel follows the white and orange edition. */
.light-theme #demo-stage :is(
  .codex-sidebar,.codex-sidebar>span,.query-message,.data-answer>div span,.case-query,.cohort-answer header,
  .split-support>section,.support-history p,.support-input,
  .channel-tree,.channel-tree button,.channel-table header,.channel-table>div,
  .channel-funnel span,.channel-insight,
  .heat-browser,.heat-browser nav,.heat-hero,.heat-cards>span,.heat-browser footer,
  .program-ring,.topic-ring,.kafka-terminal,.build-console
){background:#fff!important;background-image:none!important;color:#17343e!important;border-color:#d5dadd!important;box-shadow:none!important}
.light-theme #demo-stage :is(
  .codex-sidebar>span.active,.codex-sidebar>span.selected,
  .channel-tree button.active,.channel-table>div.selected,
  .support-history p.outgoing
){background:#fff1eb!important;color:#17343e!important;box-shadow:inset 3px 0 #ef6a3a!important}
.light-theme #demo-stage :is(
  .codex-sidebar,.codex-sidebar *,.query-message,.query-message *,
  .support-history p,.support-history p *,
  .channel-tree,.channel-tree *,.channel-table,.channel-table *,
  .channel-funnel span,.channel-funnel span *,
  .heat-browser,.heat-browser *
){color:#17343e!important}
.light-theme #demo-stage :is(.heat-browser nav i,.heat-hero>span,.heat-browser footer i){background:#d9dddf!important}
.light-theme #demo-stage .case-query{background:#fff1eb!important;border:1px solid #ef6a3a!important;color:#17343e!important}
.light-theme #demo-stage .cohort-answer header{background:#f7f7f7!important;color:#17343e!important;border-color:#d5dadd!important}
.light-theme #demo-stage .heat-hero{background:#fafafa!important}
.light-theme #demo-stage .heat-cards>span{background:#fafafa!important;border:1px solid #d5dadd!important;box-shadow:inset 3px 0 #ef6a3a!important}
.light-theme #demo-stage .heat-browser footer{background:#fafafa!important}
.light-theme #demo-stage .channel-funnel span{border-left-color:#ef6a3a!important}
.light-theme #demo-stage .apk-explainer article>i{background:#fff1eb!important;border-color:#ef6a3a!important;color:#b9431f!important}
.light-theme #demo-stage .apk-explainer article.output>i{background:#ef6a3a!important;color:#fff!important}
.light-theme #demo-stage .build-flow article.active{border-color:#ef6a3a!important;box-shadow:0 0 0 1px #ef6a3a55,0 0 18px #ef6a3a18!important}
.light-theme #demo-stage .build-flow article.active>i{background:#ef6a3a!important;border-color:#ef6a3a!important;color:#fff!important;box-shadow:none!important}
.light-theme #demo-stage .build-packages:before{background:#d5dadd!important}
.light-theme #demo-stage .build-packages span i{background:#c5cccf!important;box-shadow:none!important}
.light-theme #demo-stage .build-packages span:first-child i,
.light-theme #demo-stage .build-packages span.building i{background:#ef6a3a!important;box-shadow:none!important}
.light-theme #demo-stage .studio-progress{background:#eceeef!important}
.light-theme #demo-stage .channel-table>div span i{background:#c5cccf!important;box-shadow:none!important}
.light-theme #demo-stage .channel-table>div.selected span i{background:#ef6a3a!important;box-shadow:none!important}
.light-theme #demo-stage .lifecycle-flow span i{background:#c5cccf!important;box-shadow:none!important}
.light-theme #demo-stage .lifecycle-flow span.done i,
.light-theme #demo-stage .lifecycle-flow span.active i{background:#ef6a3a!important;box-shadow:none!important}

.light-theme .frontend-card :is(.composer-shell,.template-dock,.composer-workspace,.edition-preview,.operator-page,.operator-page>div,.operator-page main,.operator-page aside,.site-canvas,.responsive-phone){background:#fff!important}
.light-theme .frontend-card :is(.workspace-bar,.module-tray,.operator-page>div>header,.operator-page main>header,.operator-page nav,.responsive-phone header,.responsive-phone nav,.responsive-phone footer){background:#f7f7f7!important}
.light-theme .frontend-card .operator-page :is(article,section,.live-board,.winner-strip,.odds-row,.cover-row i,.business-grid article,.edition-extra>article,.winner-strip>span,.quick-grid>i,.result-cards article,.league-line,.people-skeleton,.people-skeleton i){background:#fff!important;border-color:#d5dadd!important}
.light-theme .frontend-card .operator-page :is(.featured,.active){border-color:#ef6a3a!important}
.light-theme .frontend-card .operator-page :is(.sport-tabs>i:first-child,.page-sportsbook>div>nav>i:first-child){background:#fff1eb!important;border-color:#ef6a3a!important;color:#b9431f!important}
.light-theme .frontend-card .operator-page .sports-hero{background:#fff!important;border:1px solid #d5dadd!important}
.light-theme .frontend-card .operator-page .promo-mosaic{
  background:#fff!important;
  gap:8px!important;
  padding:4px!important;
}
.light-theme .frontend-card .operator-page .promo-mosaic article:nth-child(n){
  background:#fff!important;
  border:1px solid #d5dadd!important;
  box-shadow:inset 3px 0 #ef6a3a!important;
}
.light-theme .frontend-card :is(.phone-hero,.phone-cards i,.phone-offer,.phone-feed span){background:#fff!important;border-color:#d5dadd!important}
.light-theme .frontend-card .phone-hero{box-shadow:inset 3px 0 #ef6a3a!important}

.light-theme :is(.ops-cockpit,.ops-main,.ops-stage>*,.ops-kpis article,.player-summary span,.context-grid p,.ops-alert,.ops-stream,.slot-console,.slot-body,.slot-machine,.slot-window,.slot-reels,.slot-reel,.slot-sidebar,.slot-win-panel,.slot-lobby,.slot-sidebar button,.slot-features span,.business-pool section article,.slot-reel .biz-symbol.preview-symbol,.slot-reel .biz-symbol.pay-symbol,.slot-win-panel footer){background:#fff!important}
.light-theme :is(.ops-nav span.active,.slot-sidebar button.active){background:#fff1eb!important;border-color:#ef6a3a!important}
.light-theme :is(.slot-payout,.slot-jackpot){border-color:#ef6a3a!important}
.light-theme :is(.slot-payout strong,.slot-jackpot strong,.slot-machine-head b,.slot-machine-head em){color:#d95024!important}
.light-theme .frontend-card .operator-page aside>b{color:#d95024!important}
.light-theme .frontend-card .operator-page aside>span.active{
  background:#fff1eb!important;
  border-color:#ef6a3a!important;
  color:#b9431f!important;
}
.light-theme .frontend-card .template-dock button.active{background:#fff!important;border-color:#ef6a3a!important}
.light-theme .frontend-card .template-dock button.active i{background:#ef6a3a!important}
.light-theme .frontend-card .phone-cards i:nth-child(n),
.light-theme .frontend-card .phone-offer,
.light-theme .frontend-card .phone-feed span{background:#fff!important;border-color:#d5dadd!important}
.light-theme :is(.visit-chart i,.bars i,.ops-chart i,.case-progress i){background:#ef6a3a!important}
.light-theme :is(.flow-node strong,.ops-head>span i,.ops-stream b i,.ops-context header i){background:#ef6a3a!important;box-shadow:none!important}

/* Global light-mode integrity pass for every interactive demo surface. */
.light-theme :is(.workbench,.capabilities,.slot-business-section) *{border-color:#d5dadd!important}
.light-theme :is(.section-head h2,.slot-section-head h2,.cap-card>.card-copy h3){color:#17343e!important;-webkit-text-fill-color:#17343e!important}
.light-theme :is(.cap-card>.card-copy>span,.eyebrow,.ops-nav>b,.layout-label b,.composer-status b,.demo-footer button){color:#d95024!important}
.light-theme :is(.demo-top i,.workspace-bar span i,.layout-label i,.composer-status span i,.slot-status i,.ops-head>span i,.ops-stream b i){background:#ef6a3a!important;box-shadow:none!important}
.light-theme :is(.work-tab.active,.rail-item.active,.template-dock button.active,.ops-nav span.active,.slot-sidebar button.active,.frontend-card .operator-page aside>span.active,.frontend-card .operator-page .featured,.frontend-card .operator-page .active){border-color:#ef6a3a!important}
.light-theme :is(.ops-flow i,.case-progress i,.budget i,.chart i,.visit-chart i,.ops-chart i){background:#ef6a3a!important}
.light-theme .slot-reel .biz-symbol.pay-symbol{border-color:#d5dadd!important}

/* Restore explicit wireframes for all four frontend demo editions. */
.light-theme .frontend-card .operator-page :is(
  .hub-banner,
  .people-skeleton,
  .winner-strip,
  .winner-strip>span,
  .business-grid article,
  .promo-mosaic article,
  .cover-row i,
  .odds-row article,
  .dual-banner article,
  .sports-hero,
  .result-cards article,
  .live-board,
  .league-line,
  .edition-extra>article
){
  background:#fff!important;
  border:1px solid #cbd2d5!important;
  box-shadow:none!important;
}
.light-theme .frontend-card .operator-page :is(.winner-strip,.promo-mosaic,.dual-banner,.result-cards,.odds-row,.edition-extra){
  gap:7px!important;
}
.light-theme .frontend-card .operator-page .winner-strip{padding:7px!important}
.light-theme .frontend-card .operator-page .winner-strip>b{color:#17343e!important}
.light-theme .frontend-card .operator-page .people-skeleton i{
  background:#fff!important;
  border:1px solid #cbd2d5!important;
}
.light-theme .frontend-card .operator-page .cover-row i:after{color:#52656d!important}
.light-theme .frontend-card .operator-page :is(.featured,.active,.promo-mosaic article:nth-child(n)){
  border-color:#ef6a3a!important;
}
.light-theme .frontend-card .operator-page .promo-mosaic article:nth-child(n){box-shadow:inset 3px 0 #ef6a3a!important}

/* Real sportsbook edition: light palette stays white, neutral gray, and orange. */
.light-theme .page-sportsbook :is(.sports-match,.market-grid article,.sports-events,.sports-summary span){background:#fff!important;border-color:#cbd2d5!important}
.light-theme .page-sportsbook :is(.sports-match>header,.sports-events>header){background:#f7f7f7!important;border-color:#cbd2d5!important;color:#52656d!important}
.light-theme .page-sportsbook :is(.sports-match>header span i,.sports-events>header b i){background:#ef6a3a!important;box-shadow:none!important}
.light-theme .page-sportsbook :is(.sports-match>header em,.match-scoreboard>strong small,.event-row>small b,.sports-events>header span){color:#d95024!important}
.light-theme .page-sportsbook .match-team i{background:#fff!important;border-color:#cbd2d5!important;color:#d95024!important}
.light-theme .page-sportsbook .match-scoreboard>strong>b em{color:#7a858a!important}
.light-theme .page-sportsbook .market-grid button,
.light-theme .page-sportsbook .event-row button{background:#fff!important;border-color:#cbd2d5!important;color:#52656d!important}
.light-theme .page-sportsbook :is(.market-grid button b,.event-row button b){color:#d95024!important}
.light-theme .page-sportsbook .event-row{background:#fff!important;border-color:#e2e5e6!important}
.light-theme .page-sportsbook .event-row p em{color:#17343e!important}
.light-theme .page-sportsbook .sports-summary small{color:#6b787d!important}

/* Dense sportsbook board in the light palette. */
.light-theme .page-sportsbook :is(.sports-featured>article,.fixture-grid>article){background:#fff!important;border-color:#cbd2d5!important}
.light-theme .page-sportsbook .featured-live>header{background:#f7f7f7!important;border-color:#cbd2d5!important;color:#52656d!important}
.light-theme .page-sportsbook .featured-live>header i{background:#ef6a3a!important;box-shadow:none!important}
.light-theme .page-sportsbook .featured-live>header em,
.light-theme .page-sportsbook .fixture-grid header em{color:#d95024!important}
.light-theme .page-sportsbook :is(.featured-live>footer span,.fixture-grid footer span){background:#f5f5f4!important;color:#52656d!important}
.light-theme .page-sportsbook :is(.featured-live>footer b,.fixture-grid footer b){color:#d95024!important}
.light-theme .page-sportsbook .sport-chips i{background:#fff!important;border:1px solid #a9b7bc!important;color:#52656d!important}
.light-theme .page-sportsbook .sport-chips i:first-child{background:#fff1eb!important;border-color:#ef6a3a!important;color:#b9431f!important}
.light-theme .page-sportsbook .sports-featured>article>small,
.light-theme .page-sportsbook .sports-featured>article>span,
.light-theme .page-sportsbook .fixture-grid header{color:#6b787d!important}
.light-theme .page-sportsbook .featured-live>div>strong i{color:#7a858a!important}

/* Phone preview region lines remain neutral in the light edition. */
.light-theme .responsive-phone>header,
.light-theme .responsive-phone .phone-tabs,
.light-theme .responsive-phone .phone-section-title,
.light-theme .responsive-phone .phone-cards,
.light-theme .responsive-phone .phone-feed{border-color:#cbd2d5!important}
.light-theme .responsive-phone .phone-hero,
.light-theme .responsive-phone .phone-cards i,
.light-theme .responsive-phone .phone-offer,
.light-theme .responsive-phone .phone-feed span,
.light-theme .responsive-phone>footer{border-color:#aebbc0!important}

/* Workflow states need light-theme text colors instead of the dark-theme white. */
.light-theme .ops-workflow .workflow-step{color:#52656d!important;border-color:#d5dadd!important}
.light-theme .ops-workflow .workflow-step.done,
.light-theme .ops-workflow .workflow-step.active{color:#17343e!important}
.light-theme .ops-workflow .workflow-step small{color:#52656d!important}
.light-theme .ops-workflow .workflow-step b{color:#17343e!important}
.light-theme .ops-workflow .workflow-step em{color:#52656d!important}
.light-theme .ops-workflow .workflow-step.active em{color:#d95024!important}

/* Winning capability connection uses the light edition's orange accent. */
.light-theme .slot-win-line-shadow{stroke:#fff;opacity:.96}
.light-theme .slot-win-line-main{stroke:#ef6a3a;filter:drop-shadow(0 0 3px #ef6a3a88)}

/* Light Liquid Glass tab material: navigation stays above the content layer. */
@media(max-width:700px){
  .light-theme .mobile-tab-bar{
    --tab-tint:#e85c2f;
    border-color:#ffffffc2;
    background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(238,241,239,.22));
    box-shadow:0 14px 34px #29434e20,0 1px 0 #ffffffed inset,0 -1px 0 #72868e20 inset;
  }
  .light-theme .mobile-tab-bar:before{background:linear-gradient(90deg,transparent,#fff,transparent)}
  .light-theme .mobile-tab-bar a{color:#62767e}
  .light-theme .mobile-tab-bar a[aria-current="page"]{color:#17343e;background:linear-gradient(180deg,#ffffffb8,#f4f6f4a3);box-shadow:0 1px 0 #fff inset,0 4px 12px #31545e13}
  .light-theme .mobile-tab-bar a[aria-current="page"] svg{color:var(--tab-tint);filter:drop-shadow(0 0 5px #ef6a3a35)}
  .light-theme .mobile-tab-bar a:focus-visible{outline-color:#e85c2f}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  @media(max-width:700px){.light-theme .mobile-tab-bar{background:#fff}}
}