/* Scoped final layer. No styles for login, signals or manual-trade pages. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
body.ft-scene{--scene-side:196px;--scene-rail:300px;--scene-ink:#e6efef;--scene-muted:#afbec3;--hm-ink:#e6efef;--hm-pos:#37dfb0;--hm-gold:#8fd2c2;--ft-home-ink:#e6efef;--ft-home-gold:#8fd2c2;background:#08151b!important;color:var(--scene-ink);font-family:'Noto Sans Thai',sans-serif!important;isolation:isolate}
body.ft-scene::before{content:'';position:fixed;inset:0;z-index:-2;background:url(home.png) center top / cover no-repeat;pointer-events:none;transition:filter .6s}
body.ft-scene[data-page=trading]::before{background-image:url(trading.png)}
body.ft-scene[data-page=portfolio]::before{background-image:url(portfolio.png)}
body.ft-scene[data-light=off]::before{filter:brightness(.25) saturate(.55)}
.ft-scene #dash-main{padding-left:var(--scene-side)!important;padding-right:var(--scene-rail)!important;max-width:none!important;width:100%!important;background:transparent!important}
.ft-scene #dash-main>div:nth-child(2){padding:16px 26px 50px!important;max-width:none!important}
.ft-scene :is(.font-headline,.pf-mono,.pf-h1,.pf-kpi__val,.trd-vnext-title,.trd-stat__val){font-family:'Noto Sans Thai',sans-serif!important}
.ft-scene .scene-sidebar{width:var(--scene-side)!important;background:linear-gradient(90deg,#051015eb,#081619aa)!important;border:0!important;backdrop-filter:blur(5px);padding:18px 8px!important}
.ft-scene .scene-sidebar .brand-window{background:transparent!important;border:0!important;box-shadow:none!important;margin:0 0 26px!important}
.ft-scene .scene-sidebar .nav-tab{font-size:14px!important;min-height:48px;margin:4px 0;border-radius:0 10px 10px 0!important}
.ft-scene .scene-sidebar .nav-tab.border-tertiary{border-color:#58d7ba!important;background:linear-gradient(90deg,#71d8be30,transparent)!important;color:#effbf7!important}
.ft-scene .scene-header{position:relative!important;background:#08151bd9!important;backdrop-filter:blur(14px);padding:14px 26px!important;min-height:68px;gap:12px}
.ft-scene .scene-header #welcome{font-size:15px!important}.ft-scene .scene-header #date{font-size:11px!important}
.ft-scene .scene-actions{display:flex;gap:8px;align-items:center}
.ft-scene .scene-actions>button{min-height:38px;padding:7px 13px;border:1px solid #9fbdc43b;border-radius:10px;background:#172b30b0;font-size:13px;color:#d7e8e6;white-space:nowrap}
.ft-scene #scene-lamp{color:#ebc989}
.ft-scene .ticker-marquee{margin:0 0 20px!important;border-color:#accad128!important;background:#08161bcc!important;min-height:38px}
.ft-scene #section-home,.ft-scene #section-trading,.ft-scene #section-history{max-width:none!important}
.ft-scene .scene-greeting{height:130px;padding:18px 10px 0}.scene-greeting h2{font-size:25px;font-weight:500}.scene-greeting p{font-size:14px;color:#c3d3d4;margin-top:8px}
.ft-scene #brand-mood-balance{margin:0!important;border:1px solid #a8c5cd59!important;border-radius:20px!important;background:linear-gradient(110deg,#07151cf2,#182b32cb)!important;box-shadow:0 15px 35px #0005,inset 0 1px #cbe7ed15!important;padding:26px!important;height:390px!important;min-height:0!important;overflow:hidden}
.ft-scene #home-equity{font-size:clamp(30px,3.1vw,48px)!important;font-weight:600!important;color:#f2f6f5!important}
.ft-scene #home-pnl{font-size:18px!important;color:#36dcaf}
.ft-scene #brand-mood-balance .hm-card-title{font-size:17px!important;color:#f0f7f5!important}
.ft-scene #brand-mood-balance .ft-home-clock{display:none!important}
.ft-scene #brand-mood-balance .bm-stage{width:80px!important;height:80px!important;right:20px!important;top:14px!important;bottom:auto!important;opacity:.85!important}
.ft-scene .ft-home-chart-shell{left:26px!important;bottom:22px!important;width:calc(100% - 52px)!important;height:185px!important;opacity:1!important;mask-image:none!important}
.ft-scene .ft-home-chart-empty{font-size:13px!important;color:#b0c2c8!important}
.ft-scene .ft-command-deck{position:relative!important;display:flex!important;width:100%!important;height:250px!important;margin:6px 0 22px!important;gap:12px!important;border:0!important;box-shadow:none!important;background:none!important;padding:0!important;overflow:visible!important}
.ft-scene .ft-command-deck::before,.ft-scene .ft-command-deck::after{display:none!important}
.ft-scene .ft-shortcut{flex:1!important;position:relative!important;min-width:0!important;height:100%!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;transform:none!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end}
.ft-scene .ft-shortcut img{width:120px!important;height:145px!important;object-fit:contain;position:static!important;filter:drop-shadow(0 12px 8px #000a)}
.ft-scene .ft-shortcut__platform,.ft-scene .ft-shortcut__sub,.ft-scene .ft-shortcut__arrow{display:none!important}
.ft-scene .ft-shortcut__title{position:relative!important;z-index:5;display:block!important;width:85%;text-align:center;font-size:15px!important;padding:9px 12px!important;color:#f2ead9!important;border:1px solid #b79b625e;border-radius:12px;background:linear-gradient(#19221f,#090e0c);box-shadow:0 5px 9px #0008}
.ft-scene #right-rail-aside{display:flex!important;width:var(--scene-rail)!important;top:320px!important;right:18px!important;bottom:auto!important;height:auto!important;max-height:calc(100vh - 345px);padding:0!important;background:transparent!important;border:0!important;overflow:visible;z-index:20}
.ft-scene #right-rail-aside.right-rail-tab-hidden{display:flex!important}
.ft-scene[data-page=trading] #right-rail-aside,.ft-scene[data-page=portfolio] #right-rail-aside{top:155px!important;max-height:calc(100vh - 180px)}
.ft-scene .scene-news{width:100%;padding:15px!important;border:1px solid #9ab9c635!important;border-radius:20px!important;background:linear-gradient(120deg,#0a1821f2,#102028ed)!important;box-shadow:0 18px 28px #0005}
.ft-scene #right-rail-news{max-height:48vh!important;font-size:14px!important;padding:6px 0}.ft-scene #right-rail-news>div{padding:14px 8px!important;border-bottom:1px solid #9cbfc222}
.ft-scene .scene-news [class*="text-"]{font-size:12px!important;line-height:1.7}.ft-scene .scene-news .font-extrabold{font-size:17px!important}
.ft-scene :is(.hm-card,.trd-v2-shell,.pf-v2-shell){background:#08171de8!important;box-shadow:none!important;border:0!important}
.ft-scene .hm-card{border-radius:12px!important;padding:22px!important}
.ft-scene :is(.trd-vnext-title,.pf-h1){font-size:34px!important;color:#edf5f5!important;font-weight:600!important;text-transform:none!important}
.ft-scene :is(.trd-vnext-sub,.pf-sub){font-size:13px!important;color:#a5bdc7!important}
.ft-scene :is(.trd-vnext-kicker,.pf-section-label){display:none!important}
.ft-scene .trd-v2-shell,.ft-scene .pf-v2-shell{padding:24px!important;border-radius:14px!important}
.ft-scene .trd-vnext-head{padding:0 0 22px!important}
.ft-scene :is(.trd-v2-search-card,.trd-stats-row,.trd-v2-panel,.trd-v2-accounts,.pf-card,.pf-card-2,.pf-kpi-strip,.pf-v2-subnav){background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.ft-scene :is(.trd-stat__label,.pf-kpi__label){font-size:12px!important;color:#9cb6c0!important}
.ft-scene :is(.trd-stat__val,.pf-kpi__val){font-size:21px!important;line-height:1.7!important}
.ft-scene #portfolio-total{font-size:36px!important}
.ft-scene :is(.trd-v2-card-title,.pf-card-title,.hm-card-title){font-size:16px!important;color:#dcebed!important}
.ft-scene :is(.trd-v2-shell,.pf-v2-shell) button{font-size:12px!important;min-height:34px}
.ft-scene :is(.trd-v2-shell,.pf-v2-shell) input,.ft-scene #history-account-select{font-size:14px!important;min-height:42px!important;background:#09181e!important}
.ft-scene .pf-table :is(th,td){font-size:12px!important}.ft-scene .pf-v2-chart{height:250px!important}
.ft-scene .pf-v2-subnav{border-bottom:1px solid #b6d6dc35!important;padding:12px 0!important;gap:12px!important}
.ft-scene .pf-v2-subnav button.is-active{background:transparent!important;color:#5ce1ce!important;border-bottom:2px solid #5ce1ce!important}
.ft-scene #scene-tools-dialog{position:fixed;inset:80px 20px auto auto;margin:0;width:min(640px,calc(100vw - 32px));max-height:80vh;background:#0a1923f5;color:#e2eeee;border:1px solid #94b1c657;border-radius:18px;padding:22px;box-shadow:0 25px 70px #0009;z-index:100}
.ft-scene #scene-tools-dialog::backdrop{background:#0007;backdrop-filter:blur(5px)}
#scene-tools-dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:18px}#scene-tools-dialog>header button{min-width:44px;min-height:44px}#scene-tools-dialog .scene-tools-content{display:grid;gap:18px}#scene-tools-dialog .ft-home-status-grid{grid-template-columns:1fr!important}#scene-tools-dialog .right-rail-card{background:#12232a!important;padding:16px}
.scene-collapse{margin-top:auto;min-height:40px;color:#b8cdcf;font-size:13px}
.ft-scene.scene-nav-folded{--scene-side:76px}.scene-nav-folded .scene-sidebar .nav-tab{font-size:0!important;gap:0!important}.scene-nav-folded .scene-sidebar .brand-window{opacity:0;height:45px;pointer-events:none}.scene-nav-folded .scene-sidebar .nav-tab .material-symbols-outlined{font-size:22px!important}
.ft-scene :is(button,a,input,select):focus-visible{outline:2px solid #76dfca!important;outline-offset:3px}
@media(min-width:1450px){body.ft-scene{--scene-side:210px;--scene-rail:340px}.ft-scene[data-page=home] #dash-main>div:nth-child(2){padding-left:65px!important}.ft-scene #right-rail-aside{right:24px!important;width:310px!important}}
@media(max-width:1100px) and (min-width:1024px){.ft-scene{--scene-side:164px;--scene-rail:245px}.ft-scene #dash-main>div:nth-child(2){padding:14px!important}.ft-scene .scene-actions>button{padding:7px;font-size:11px}.ft-scene .scene-greeting h2{font-size:22px}}
@media(max-width:1023px){.ft-scene #dash-main{padding:72px 0 80px!important}.ft-scene #dash-main>div:nth-child(2){padding:12px!important}.ft-scene .scene-sidebar{display:none!important}.ft-scene .scene-header{display:flex!important;position:relative!important;padding:8px 12px!important;flex-wrap:wrap}.ft-scene .scene-header>div:first-child{display:none}.ft-scene .scene-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.ft-scene #right-rail-aside{display:none!important}.ft-scene .scene-greeting{height:auto;padding:20px 4px 24px}.ft-scene .scene-greeting h2{font-size:22px}.ft-scene #brand-mood-balance{height:355px!important;padding:20px!important}.ft-scene .ft-command-deck{height:210px!important}.ft-scene .ft-shortcut img{width:90px!important;height:125px!important}.ft-scene .ft-shortcut__title{font-size:12px!important;padding:9px 2px!important;width:100%}.ft-scene .trd-v2-shell,.ft-scene .pf-v2-shell{padding:14px!important}.ft-scene::before{background-position:35% top}.ft-scene :is(.pf-h1,.trd-vnext-title){font-size:28px!important}.ft-scene .hm-card{padding:16px!important}}
@media(prefers-reduced-motion:reduce){body.ft-scene::before{transition:none}}
/* Neutralize legacy nth-child rail hiding and decorative font overrides. */
body.ft-scene #right-rail-aside>.scene-news{display:block!important;min-height:300px}
body.ft-scene .ft-shortcut__title{font-family:'Noto Sans Thai',sans-serif!important;font-weight:500!important}
body.ft-scene #brand-mood-sidebar{border:0!important;background:none!important;box-shadow:none!important}
body.ft-scene .scene-sidebar{background:linear-gradient(#051018f2 0%,#051018dc 50%,#05101810 80%)!important}
body.ft-scene #brand-mood-sidebar .bw-nebula,body.ft-scene #brand-mood-sidebar .bw-smoke{display:none!important}
@media(min-width:1024px){body.ft-scene.magic-ready .ft-command-deck{padding-left:18%!important;padding-right:18%!important;gap:8px!important}}
body.ft-scene #dash-main :not(.material-symbols-outlined):not(.material-icons),body.ft-scene #right-rail-aside :not(.material-symbols-outlined){font-family:'Noto Sans Thai',sans-serif!important}
body.ft-scene #section-trading :is(.trd-v2-search-card,.trd-stats-row,.trd-stat,.trd-v2-accounts,.trd-v2-panel,.trd-account-list,.trd-v2-table-wrap),body.ft-scene #section-history :is(.pf-card,.pf-card-2,.pf-kpi-strip,.pf-kpi,.pf-v2-subnav,.pf-v2-shell){background:#08191e80!important;border-color:#9db8c023!important;box-shadow:none!important;border-radius:0!important}
body.ft-scene #section-trading .trd-v2-hero-grid{grid-template-columns:1fr!important;gap:16px!important}
body.ft-scene #section-trading .trd-v2-search-card{max-width:600px;padding:0!important;background:transparent!important}
body.ft-scene #section-trading .trd-stats-row{width:100%;padding:14px 0!important;border-top:1px solid #9db8c02b!important;border-bottom:1px solid #9db8c02b!important}
body.ft-scene #section-trading .trd-stat{min-height:78px!important;padding:8px 22px!important;border-radius:0!important}
body.ft-scene #section-trading .trd-stat__val,body.ft-scene #section-history .pf-kpi__val{font-size:23px!important}
body.ft-scene #section-trading .trd-stat__label,body.ft-scene #section-history .pf-kpi__label{font-size:12px!important}
body.ft-scene #section-trading :is(.trd-v2-eyebrow,.trd-vnext-kicker){display:none!important}
body.ft-scene #section-trading table :is(td,th){font-size:12px!important;line-height:1.65!important;padding:16px 10px!important}
body.ft-scene #section-history :is(.pf-sub,.pf-card-title){font-size:14px!important}
body.ft-scene #section-history .pf-v2-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important}
@media(max-width:1023px){body.ft-scene #section-history .pf-v2-main-grid{grid-template-columns:1fr!important}body.ft-scene #section-trading .trd-stat{padding:8px!important}body.ft-scene #section-trading .trd-stat__val{font-size:18px!important}}
body.ft-scene #section-history #portfolio-total{font-family:'Noto Sans Thai',sans-serif!important;font-size:36px!important;font-weight:500!important}
body.ft-scene #section-history .pf-v2-subnav button.is-active,body.ft-scene #section-history .pf-period.is-active{background:#43bca41b!important;color:#71e2cf!important;border-color:#71e2cf80!important;box-shadow:none!important}
body.ft-scene .scene-sidebar{backdrop-filter:none!important}
body.ft-scene #brand-mood-balance #home-equity{font-family:'Noto Sans Thai',sans-serif!important;font-size:clamp(30px,3.1vw,48px)!important;letter-spacing:-.025em!important}
body.ft-scene #brand-mood-balance #home-pnl{font-size:18px!important}
body.ft-scene .scene-clock{position:fixed;width:0;height:0;z-index:41;pointer-events:none;transform:scale(var(--clock-scale)) rotate(-8deg);filter:drop-shadow(1px 2px 2px #0009)}
body.ft-scene .scene-clock i{display:block!important;position:absolute!important;left:-2px!important;bottom:0!important;top:auto!important;width:4px!important;height:56px!important;background:#392710!important;border:1px solid #b69051;border-radius:4px;transform-origin:50% 100%!important}
body.ft-scene .scene-clock .ft-home-clock__minute{height:75px!important;width:3px!important;left:-1.5px!important}
body.ft-scene .scene-clock .ft-home-clock__second{height:81px!important;width:1px!important;left:-.5px!important;background:#795427!important;border:0}
body.ft-scene .scene-clock .ft-home-clock__pin{height:7px!important;width:7px!important;border-radius:50%;left:-3.5px!important;bottom:-3.5px!important;background:#bc9252!important}
body.ft-scene .scene-clock #ft-home-clock-time{position:absolute;top:85px;left:-80px;width:160px;text-align:center;font-size:10px;background:#071017d9;color:#d7c09a;padding:3px;border-radius:12px;white-space:nowrap}
body.ft-scene:not([data-page=home]) .scene-clock{display:none}body.ft-scene[data-light=off] .scene-clock{filter:brightness(.5)}
@media(max-width:1023px){body.ft-scene .scene-clock{display:none}body.ft-scene #brand-mood-balance>.relative{width:100%;max-width:none}body.ft-scene #brand-mood-balance #home-equity{font-size:36px!important}}
body.ft-scene .scene-old-greeting{display:none!important}
body.ft-scene #brand-mood-balance .scene-today{position:absolute;right:24px;top:26px;width:37%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;z-index:3}
body.ft-scene #brand-mood-balance .scene-today .hm-card-title{font-size:13px!important;color:#b3cbca!important;margin-bottom:12px!important}
body.ft-scene #brand-mood-balance .scene-today .hm-mini{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;background:none!important;border:0!important}
body.ft-scene #brand-mood-balance .scene-today .hm-mini>div{background:none!important;border:0!important;padding:0!important}
body.ft-scene #brand-mood-balance .scene-today .hm-mini__v{font-size:16px!important}.scene-today .hm-mini__k{font-size:10px!important}
@media(max-width:1023px){body.ft-scene #dash-profile-wrap{display:none}body.ft-scene #brand-mood-balance .scene-today{position:relative;right:auto;top:auto;width:100%;margin-top:16px}body.ft-scene #brand-mood-balance .scene-today .hm-card-title{display:none}body.ft-scene #brand-mood-balance .scene-today .hm-mini{grid-template-columns:repeat(4,1fr)}body.ft-scene .ft-home-chart-shell{height:135px!important}}
body.ft-scene.scene-nav-folded{--scene-side:76px}
body.ft-scene>aside.scene-sidebar:not(#right-rail-aside){width:var(--scene-side)!important}
body.ft-scene.scene-nav-folded .scene-sidebar nav{padding:0!important}
body.ft-scene.scene-nav-folded .scene-sidebar nav>*{padding:12px!important;gap:0!important;justify-content:center}
body.ft-scene.scene-nav-folded .scene-sidebar .font-headline{position:absolute!important;clip-path:inset(50%);width:1px!important;height:1px!important;overflow:hidden;white-space:nowrap}
body.ft-scene.scene-nav-folded .scene-sidebar #signal-nav-badge{position:absolute;right:0;top:0;font-size:7px!important}
.ft-scene .scene-more{position:relative;color:#b1c3c7;font-size:13px}
.ft-scene .scene-more summary{display:flex;gap:12px;align-items:center;min-height:48px;padding:12px 16px;cursor:pointer;list-style:none}
.ft-scene .scene-more summary::-webkit-details-marker{display:none}
.ft-scene .scene-more-links{position:absolute;left:calc(100% + 12px);top:0;width:210px;padding:10px;background:#0b1b24f5;border:1px solid #a1c6cc40;border-radius:12px;box-shadow:0 12px 30px #0008}
body.ft-scene .scene-retired-summary{display:none!important}
body.ft-scene .scene-content-dialog{position:fixed;inset:0;margin:auto;width:min(940px,calc(100vw - 32px));max-height:85vh;padding:22px;background:#0b1a23f5;color:#e6efef;border:1px solid #a1c6cc40;border-radius:18px;box-shadow:0 24px 65px #0009;overflow:auto}
body.ft-scene .scene-content-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}
.scene-content-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-size:18px}.scene-content-dialog>header button{min-width:44px;min-height:44px}
body.ft-scene .scene-content-dialog #home-news-card,body.ft-scene .scene-content-dialog #home-contact{display:block!important;margin:0!important}
.scene-content-dialog #home-news-card{overflow-x:auto}.scene-tool-links{display:flex;gap:10px;flex-wrap:wrap}.scene-tool-links button{padding:10px 14px;min-height:44px;background:#17312f;border:1px solid #6fbdac55;border-radius:10px;font-size:14px}
body.ft-scene .ft-home-chart-label{display:none!important}
@media(max-width:1023px){body.ft-scene[data-page=home]::before{background-image:url(home-empty-dock-v1.png)!important}}
body.ft-scene.scene-nav-folded .scene-more{padding:0!important}
body.ft-scene.scene-nav-folded .scene-more-links .font-headline{position:static!important;clip-path:none;width:auto!important;height:auto!important;overflow:visible}
@media(max-width:1023px){body.ft-scene #right-rail-aside,body.ft-scene #right-rail-aside.right-rail-tab-hidden{display:none!important}}
/* Preserve the complete still-life composition on desktop. `cover` cropped the watch and desk when viewport ratio changed. */
.scene-mobile-tools:empty{display:none}
@media(max-width:1023px){
  body.ft-scene .scene-header{display:none!important}
  body.ft-scene #dash-main{padding-top:56px!important}
  body.ft-scene #brand-mood-mobile{height:56px!important;background:#08151bf2!important;border-bottom:1px solid #b7d9d51f;gap:8px;padding:0 12px!important}
  body.ft-scene #brand-mood-mobile>.bw-fx-layer{display:none}
  body.ft-scene #brand-mood-mobile>div:last-child{gap:8px}
  body.ft-scene #brand-mood-mobile #scene-tools-button{min-height:40px;padding:6px 10px;border:1px solid #a4c9c433;border-radius:10px;color:#d7e8e6;font-size:12px;background:#172b30b0}
  body.ft-scene .ticker-marquee{min-height:30px!important;margin-bottom:8px!important}
  body.ft-scene .scene-greeting{padding-top:12px}
}
@media(min-width:1024px){
  body.ft-scene::before{background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
  body.ft-scene{background:#08151b!important}
}

/* News rows need a dedicated time gutter. The generic rail padding above must not erase it. */
body.ft-scene #right-rail-news > .syslog-row{
  position:relative;
  min-height:76px;
  padding:12px 6px 13px 54px!important;
}
body.ft-scene #right-rail-news > .syslog-row > div:first-child{
  display:block;
  min-width:0;
  font-size:12px!important;
  line-height:1.5!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere;
}
body.ft-scene #right-rail-news > .syslog-row > div:nth-child(2){min-width:0}
body.ft-scene #right-rail-news > .syslog-row > div:nth-child(2) span:first-child{
  white-space:normal;
  overflow-wrap:anywhere;
}

/* The bottom navigation can be tucked away without losing its reopen control. */
body.ft-scene #scene-mobile-nav-toggle{display:none}
@media(max-width:1023px){
  body.ft-scene #mob-bottom-nav{transition:transform .25s ease!important}
  body.ft-scene.scene-mobile-nav-hidden #mob-bottom-nav{
    transform:translateY(calc(100% + 16px))!important;
    pointer-events:none;
  }
  body.ft-scene #scene-mobile-nav-toggle{
    display:flex;
    position:fixed;
    z-index:51;
    left:12px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    align-items:center;
    gap:5px;
    min-height:36px;
    padding:6px 11px;
    border:1px solid #a4c9c455;
    border-radius:999px;
    background:#0b1d23e8;
    color:#deefeb;
    box-shadow:0 5px 18px #0007;
    font-size:12px;
    line-height:1.2;
    backdrop-filter:blur(12px);
    transition:bottom .25s ease;
  }
  body.ft-scene.scene-mobile-nav-hidden #scene-mobile-nav-toggle{bottom:calc(12px + env(safe-area-inset-bottom))}
  body.ft-scene.scene-mobile-nav-hidden #dash-main{padding-bottom:24px!important}
}
@media(prefers-reduced-motion:reduce){body.ft-scene #mob-bottom-nav,body.ft-scene #scene-mobile-nav-toggle{transition:none!important}}

/* Chat is a secondary utility: keep it visible without covering the news rail or dock. */
body.ft-scene #floating-chat-btn{
  right:calc(var(--scene-rail) + 28px)!important;
  bottom:24px!important;
  width:46px!important;
  height:46px!important;
  color:#d6eee8!important;
  background:linear-gradient(145deg,rgba(45,91,90,.64),rgba(7,24,29,.48))!important;
  border:1px solid rgba(156,218,205,.42)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34), inset 0 1px rgba(225,255,246,.22)!important;
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  opacity:.86;
}
/* Keep chat out of the way until there is something new to read. */
body.ft-scene #floating-chat-btn{display:none!important}
body.ft-scene.chat-has-alert #floating-chat-btn{display:flex!important}
body.ft-scene #floating-chat-btn:hover{opacity:1;transform:translateY(-2px) scale(1.04)!important}
body.ft-scene #chat-modal{
  right:calc(var(--scene-rail) + 22px)!important;
  bottom:82px!important;
  background:rgba(6,20,26,.78)!important;
  border-color:rgba(156,218,205,.28)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 1px rgba(225,255,246,.12)!important;
  backdrop-filter:blur(20px) saturate(120%);
  -webkit-backdrop-filter:blur(20px) saturate(120%);
}
body.ft-scene .scene-chat-tool{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:44px;
  padding:10px 13px;
  color:#d7ebe7;
  background:rgba(36,73,75,.34);
  border:1px solid rgba(156,218,205,.25);
  border-radius:11px;
  font-size:13px;
  text-align:left;
}
body.ft-scene .scene-chat-tool:hover{background:rgba(74,139,126,.36);border-color:rgba(156,218,205,.5)}
body.ft-scene .scene-chat-tool .material-symbols-outlined{font-size:18px;color:#8fd2c2}
@media(max-width:1023px){
  body.ft-scene #floating-chat-btn{right:14px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:44px!important;height:44px!important}
  body.ft-scene #chat-modal{right:10px!important;bottom:calc(130px + env(safe-area-inset-bottom))!important;width:min(320px,calc(100vw - 20px))!important}
  body.ft-scene.scene-mobile-nav-hidden #floating-chat-btn{bottom:calc(16px + env(safe-area-inset-bottom))!important}
}