/* STRATA V4 — day and night. Load after every component stylesheet. */
:root,
html[data-theme="dark"]{
  --text:var(--ink);
  --chart-bg:#0d1629;--chart-grid:#1c2b43;--chart-text:#8ba0be;--chart-crosshair:#87a8d8;
  --chart-up:#35d5ad;--chart-down:#f18091;--chart-axis:#15233a;
  --control-bg:#152741;--control-border:#2c466a;--control-text:#bdd2f0;
}
html[data-theme="light"]{
  --text:var(--ink);
  color-scheme:light;
  --bg:#f5f8ff;--surface:#fff;--ink:#17263f;--muted:#586b85;--line:#dfe7f3;
  --blue:#2563eb;--blue-bright:#3478fa;--blue-soft:#eaf1ff;
  --green:#2563eb;--green-dark:#1d4ed8;--green-soft:#eaf1ff;
  --amber:#8a5a11;--amber-soft:#fff5df;--red:#c24659;--red-soft:#fff0f2;
  --shadow:0 5px 22px #224b8910;
  --chart-bg:#fff;--chart-grid:#e7edf6;--chart-text:#657792;--chart-crosshair:#6b87b3;
  --chart-up:#07836b;--chart-down:#ce4d65;--chart-axis:#f2f6fc;
  --control-bg:#fff;--control-border:#d7e2f2;--control-text:#31547f;
}

/* Persistent display preferences remain visible on every main screen. */
.display-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:0}
.theme-toggle,.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);color:var(--control-text);font-size:11px;line-height:1.4;white-space:nowrap}
.theme-toggle:hover,.language-toggle:hover{border-color:var(--blue);color:var(--blue-bright)}
.theme-toggle .ui-icon,.language-toggle .ui-icon{width:16px;height:16px;flex-shrink:0}
.ui-icon{display:inline-block;width:19px;height:19px;vertical-align:middle;flex-shrink:0}
.topbar-actions{gap:10px;min-width:0}
html[lang="en"] .page-heading h1{letter-spacing:-.6px}
html[lang="en"] .button{white-space:normal}
html[lang="en"] .advisor-invite{max-height:none}
html[lang="en"] .strategy-title{overflow-wrap:normal}
html[lang="en"] .strategy-tags{row-gap:5px}
html[lang="en"] .page-tabs{gap:20px;overflow-x:auto;scrollbar-width:none}
html[lang="en"] .page-tabs>.tab{flex-shrink:0}

/* White surfaces, blue accents, and intentionally neutral financial data. */
html[data-theme="light"] body{background:var(--bg);color:var(--ink)}
html[data-theme="light"] ::selection{background:#cfe0ff;color:#17263f}
html[data-theme="light"] :is(button,a,input,select,textarea):focus-visible{outline-color:#2563eb}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#536b8a}
html[data-theme="light"] .workspace{background:var(--bg)}
html[data-theme="light"] .sidebar{background:#fff;border-color:var(--line)}
html[data-theme="light"] .brand-name{color:#152b4c}
html[data-theme="light"] .brand-name small{color:#5b7295}
html[data-theme="light"] .brand-mark{background:#2563eb;box-shadow:0 4px 13px #2563eb1a}
html[data-theme="light"] :is(.sidebar-label,.sidebar-version){color:#536b8a}
html[data-theme="light"] .nav-link{color:#5b6e88}
html[data-theme="light"] .nav-link:hover{background:#f1f5fd;color:#215ccd}
html[data-theme="light"] .nav-link.active{background:#ebf2ff;color:#1e5bd2;border-color:#d7e5ff;box-shadow:inset 3px 0 0 #2563eb}
html[data-theme="light"] .nav-count{background:#dbe8ff;color:#2059c6}
html[data-theme="light"] .sidebar-footer{border-color:var(--line);color:#536b8a}
html[data-theme="light"] .sidebar-footer p{color:#536b8a}
html[data-theme="light"] :is(.sidebar-demo,.sidebar-footer .text-link){color:#2f68cf}
html[data-theme="light"] .topbar{background:#ffffffef;border-color:var(--line)}
html[data-theme="light"] .breadcrumb{color:#536b8a}
html[data-theme="light"] .breadcrumb strong{color:#304764}
html[data-theme="light"] .topbar-environment{color:#60789a}
html[data-theme="light"] .notification-button{background:#f4f7fd;border-color:#dfe7f4;color:#59749a}
html[data-theme="light"] .notification-button:hover{background:#eaf1ff;border-color:#a7c3f5}
html[data-theme="light"] .avatar{background:#e9f1ff;border-color:#d5e3fa;color:#2d62b8}
html[data-theme="light"] .demo-bar{background:#edf3ff;border-color:#dfe8f8;color:#547398}
html[data-theme="light"] .demo-bar button{color:#386ab6}
html[data-theme="light"] .demo-dot{background:#6295df}
html[data-theme="light"] :is(.eyebrow,.page-heading .eyebrow){color:#5677a7}
html[data-theme="light"] :is(.muted,.metric-label,.page-heading p){color:var(--muted)}
html[data-theme="light"] :is(.section-heading h2,.section-title,.account-content h2){color:#213856}
html[data-theme="light"] .section-heading>div>p.muted{color:#627691}
html[data-theme="light"] .text-link{color:#2864ca}
html[data-theme="light"] .text-link:hover{color:#184da6}
html[data-theme="light"] .button.primary{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 3px 11px #2563eb18}
html[data-theme="light"] .button.primary:hover{background:#1d54d2;border-color:#1d54d2;box-shadow:0 5px 15px #2563eb24}
html[data-theme="light"] .button.secondary{background:#fff;border-color:#cddbef;color:#345f9b}
html[data-theme="light"] .button.secondary:hover{background:#edf4ff;border-color:#99b9eb;color:#204f95}
html[data-theme="light"] .button.ghost{background:#f6f9ff;border-color:#dde6f3;color:#5e7493}
html[data-theme="light"] .button.ghost:hover{background:#edf3ff;border-color:#b9cef0;color:#345f9b}
html[data-theme="light"] .button.danger{background:#fff1f3;border-color:#f1d0d7;color:#b63e51}
html[data-theme="light"] .button:disabled{opacity:.5;box-shadow:none}
html[data-theme="light"] .badge.green{background:#eaf2ff;border-color:#cfdef8;color:#2b63bd}
html[data-theme="light"] .badge.neutral{background:#f0f4fa;border-color:#dfe7f2;color:#62738d}
html[data-theme="light"] .badge.amber{background:#fff5e1;border-color:#ecd9b0;color:#885d19}
html[data-theme="light"] .badge.outline{background:transparent;border-color:#d5dfec;color:#5b7293}
html[data-theme="light"] :is(.positive,.sparkline.positive,.ticker-item .positive,.ticker-price.positive){color:#07836b}
html[data-theme="light"] :is(.negative,.sparkline.negative,.danger-text){color:#c24659!important}
html[data-theme="light"] :is(.panel,.card,.strategy-card,.bot-card,.bot-compact,.exchange-card,.account-content>.panel,.ai-panel,.scenario-card){background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="light"] :is(.strategy-card,.bot-card,.robot-entry,.shortcut-card,.story-card):hover{border-color:#aac6f1;box-shadow:0 8px 24px #28579c12}
html[data-theme="light"] :is(.ticker-strip,.balance-panel,.insight-panel){background:#fff;border-color:var(--line)}
html[data-theme="light"] .ticker-item{border-color:var(--line)}
html[data-theme="light"] :is(.ticker-caption,.chart-labels){color:#536b8a}
html[data-theme="light"] .ticker-item strong{color:#465d7d}
html[data-theme="light"] .ticker-item>span{color:#203a5f}
html[data-theme="light"] .balance-panel{background:linear-gradient(130deg,#fff,#f5f9ff);border-color:#d7e4f7}
html[data-theme="light"] .balance-panel:before{border-color:#b9d0f233}
html[data-theme="light"] .balance-number{color:#193b70}
html[data-theme="light"] .balance-number>span{color:#536b8a}
html[data-theme="light"] :is(.balance-number small,.balance-stats,.balance-stats>.muted,.balance-bottom,.balance-panel .section-heading>.muted:last-child){color:#536b8a}
html[data-theme="light"] .balance-bottom{border-color:#e1eaf8}
html[data-theme="light"] .mini-tabs .tab{color:#536b8a}
html[data-theme="light"] .mini-tabs .tab.active{background:#e6efff;color:#2a64c2}
html[data-theme="light"] .insight-panel{background:#eef5ff;border-color:#d4e3f9;color:#264b80}
html[data-theme="light"] :is(.insight-top,.insight-panel .eyebrow,.insight-status){color:#4b76af}
html[data-theme="light"] .insight-top .badge{background:#e0ecff;border-color:#c2d7f8;color:#3868ac}
html[data-theme="light"] .insight-title{color:#214a83}
html[data-theme="light"] .insight-copy{color:#5b789e}
html[data-theme="light"] .insight-button{background:#fff;border-color:#bad1f0;color:#2e64ad}
html[data-theme="light"] .insight-button:hover{background:#dceaff;border-color:#8db3e9}
html[data-theme="light"] :is(.insight-note,.insight-bottom){color:#536b8a}
html[data-theme="light"] .summary-strip{border-color:var(--line)}
html[data-theme="light"] .summary-strip>div{border-color:var(--line)}
html[data-theme="light"] .summary-strip strong{color:#3e5c83}
html[data-theme="light"] .summary-strip .muted{color:#536b8a}
html[data-theme="light"] .summary-icon{color:#536b8a}
html[data-theme="light"] .strategy-symbol{background:#edf3ff;border-color:#d7e4fb;color:#4778bd}
html[data-theme="light"] .symbol-btc{background:#fff5e3;border-color:#f0deb8;color:#536b8a}
html[data-theme="light"] .symbol-eth{background:#edf2ff;border-color:#d4def9;color:#5774bc}
html[data-theme="light"] .symbol-sol{background:#e8f8f7;border-color:#cde7e6;color:#536b8a}
html[data-theme="light"] :is(.strategy-title,.bot-header h3,.bot-card .bot-header h3){color:#233f65}
html[data-theme="light"] .strategy-title:hover{color:#2563eb}
html[data-theme="light"] :is(.strategy-english,.strategy-tags>span,.card-footer .exchange-dot){color:#536b8a}
html[data-theme="light"] .strategy-description{color:#5e7390!important}
html[data-theme="light"] .strategy-card .metric:last-child .metric-value{color:#587397}
html[data-theme="light"] :is(.card-footer,.bot-card .card-footer,.bot-actions){border-color:#e4ebf6;color:#536b8a}
html[data-theme="light"] .planned-card{background:#f9fbff;opacity:.85}
html[data-theme="light"] .planned-card .metric-value{color:#536b8a}
html[data-theme="light"] .page-tabs{border-color:var(--line)}
html[data-theme="light"] .tab{color:#536b8a}
html[data-theme="light"] .tab:hover{color:#245ec3}
html[data-theme="light"] .tab.active{color:#2563eb}
html[data-theme="light"] .tab.active:after{background:#2563eb;box-shadow:none}
html[data-theme="light"] .library-intro{background:#edf4ff;border-color:#d5e3f8}
html[data-theme="light"] .library-intro p{color:#58769f}
html[data-theme="light"] .library-intro>.muted{color:#536b8a}
html[data-theme="light"] .chip{color:#5e779a}
html[data-theme="light"] .chip:hover{background:#edf3ff;color:#285da9}
html[data-theme="light"] .chip.active{background:#e5efff;border-color:#bcd2f5;color:#235bbb}
html[data-theme="light"] :is(.search-input,.select,.input){background:#fff;border-color:#ccdbee;color:#2e496e;box-shadow:inset 0 1px 2px #24477604}
html[data-theme="light"] .select option{background:#fff;color:#2b4569}
html[data-theme="light"] :is(.search-input,.select,.input):hover{border-color:#96b6e6}
html[data-theme="light"] :is(.results-count,.page-footnote,.page-meta,.protocol-note,.section-note,.helper-text,.desktop-footer){color:#536b8a}
html[data-theme="light"] .empty-state{background:#f9fbff;border-color:#c7d8f1;color:#3f608d}
html[data-theme="light"] .empty-state h3{color:#42648f}
html[data-theme="light"] .empty-state p{color:#536b8a}
html[data-theme="light"] .bot-identity p{color:#536b8a}
html[data-theme="light"] .bot-header .badge.green{background:#e7f6f0;border-color:#c7e8da;color:#1f8065}
html[data-theme="light"] .bot-header .badge.neutral{background:#f0f4fa;border-color:#dce6f3;color:#536b8a}
html[data-theme="light"] :is(.bot-details,.bot-details strong small,.bot-card .bot-details strong small){color:#536b8a}
html[data-theme="light"] :is(.bot-details strong,.bot-card .bot-details strong){color:#2d507e}
html[data-theme="light"] :is(.bot-details strong.positive,.bot-card .bot-details strong.positive){color:#07836b}
html[data-theme="light"] .bot-card .card-footer .muted{color:#536b8a}
html[data-theme="light"] :is(.running-count,.bots-section-title h2>.muted){background:#edf3fc;border-color:#d5e2f4;color:#536b8a}
html[data-theme="light"] .robot-entry{background:#fff;border-color:#dce6f4}
html[data-theme="light"] .robot-entry .entry-symbol{background:#edf3ff;border-color:#d2e2fb;color:#536b8a}
html[data-theme="light"] .robot-entry strong{color:#355c8e}
html[data-theme="light"] .robot-entry p{color:#536b8a}
html[data-theme="light"] .robot-entry>span:last-child{color:#536b8a}
html[data-theme="light"] .notice{background:#f0f5fd;border-color:#d9e4f4;color:#5b7a9f}
html[data-theme="light"] .notice strong{color:#3d6493}
html[data-theme="light"] .notice p{color:#536b8a}
html[data-theme="light"] .notice.amber{background:#fff7e8;border-color:#ebddbb;color:#87682e}
html[data-theme="light"] .notice.amber strong{color:#865e1b}
html[data-theme="light"] .notice.amber p{color:#8c754c}
html[data-theme="light"] :is(.ai-panel .section-heading h2,.ai-side h3){color:#315987}
html[data-theme="light"] .ai-panel .section-heading>div>p{color:#536b8a}
html[data-theme="light"] .analysis-chart{background:#f5f8fd;border-color:#dce6f5;color:#536b8a}
html[data-theme="light"] .analysis-price{color:#244a7e}
html[data-theme="light"] .scenario-card.active{background:#edf4ff;border-color:#bed5f8}
html[data-theme="light"] .scenario-card h3{color:#3c628f}
html[data-theme="light"] .scenario-card p{color:#536b8a}
html[data-theme="light"] .scenario-card .eyebrow{color:#536b8a}
html[data-theme="light"] .scenario-card .metric-label{color:#536b8a}
html[data-theme="light"] .scenario-card .condition,
html[data-theme="light"] .divider{background:#e1e9f5;border-color:#e1e9f5}
html[data-theme="light"] .ai-side>.panel{background:linear-gradient(140deg,#fff,#f3f7ff);border-color:#dce7f6}
html[data-theme="light"] :is(.ai-side .step>span,.step-number){background:#eaf2ff;border-color:#cbdcf6;color:#536b8a}
html[data-theme="light"] .ai-side .step strong{color:#496a96}
html[data-theme="light"] .ai-side .step p{color:#536b8a}
html[data-theme="light"] .step:not(:last-child):before{background:#dce7f7}
html[data-theme="light"] .prompt-box{background:#f9fbff;border-color:#bed3f1}
html[data-theme="light"] .prompt-input{color:#375d8d;caret-color:#2563eb}
html[data-theme="light"] .prompt-input::placeholder{color:#536b8a}
html[data-theme="light"] .prompt-chips button,
html[data-theme="light"] .prompt-chips .chip{background:#ecf3ff;border-color:#d1e0f7;color:#536b8a}
html[data-theme="light"] .prompt-chips button:hover{background:#ddeaff;color:#315e9d}
html[data-theme="light"] .prompt-box .card-footer{border-color:#e0e9f7}
html[data-theme="light"] .prompt-box .card-footer>.muted{color:#536b8a}
html[data-theme="light"] .builder-empty{background:transparent}
html[data-theme="light"] .builder-mark{color:#536b8a}
html[data-theme="light"] .builder-empty h3{color:#536b8a}
html[data-theme="light"] .builder-empty p{color:#536b8a}
html[data-theme="light"] .generated-plan{background:#edf5ff;border-color:#c7ddf9}
html[data-theme="light"] .generated-plan h3{color:#3c699e}
html[data-theme="light"] .generated-plan p{color:#536b8a}
html[data-theme="light"] .generated-plan .data-row{border-color:#d5e3f6}
html[data-theme="light"] .exchange-logo{background:#eff4fb;border-color:#d6e1f1;color:#426894}
html[data-theme="light"] .exchange-binance{background:#fff8e8;border-color:#ede0bd;color:#536b8a}
html[data-theme="light"] .exchange-okx{background:#f0f3f8;border-color:#dbe2ee;color:#273b55}
html[data-theme="light"] .exchange-bybit{background:#f7f5ed;border-color:#e9e2cc;color:#8c6e25}
html[data-theme="light"] .exchange-card h3{color:#335a8c}
html[data-theme="light"] .exchange-card>p{color:#536b8a}
html[data-theme="light"] .data-row{border-color:#e1e9f5}
html[data-theme="light"] .data-row>span:first-child{color:#536b8a}
html[data-theme="light"] .data-row strong{color:#3e628f}
html[data-theme="light"] .commission-summary .metric-label{color:#536b8a}
html[data-theme="light"] .commission-summary .metric>.muted{color:#536b8a}
html[data-theme="light"] .small-number{color:#254b80}
html[data-theme="light"] .small-number>span{color:#536b8a}
html[data-theme="light"] :is(.form-field>label,.form-field>span){color:#4f6e96}
html[data-theme="light"] .form-field small{color:#536b8a}
html[data-theme="light"] .form-error{background:#fff1f3;border-color:#f0ccd4;color:#b53b4e}
html[data-theme="light"] .check-field{color:#536b8a}
html[data-theme="light"] .detail-metrics{background:#f1f6ff;border-color:#d8e5f7}
html[data-theme="light"] .detail-metrics .metric-label{color:#536b8a}
html[data-theme="light"] .detail-section h3{color:#416a9d}
html[data-theme="light"] :is(.detail-summary,.detail-section p,.detail-section li){color:#536b8a}
html[data-theme="light"] .modal-backdrop{background:#1635595c;backdrop-filter:blur(8px)}
html[data-theme="light"] .modal{background:#fff;border-color:#d0dff4;box-shadow:0 26px 90px #16365a35}
html[data-theme="light"] .modal:before{background:#c3d3e9}
html[data-theme="light"] :is(.modal-header,.modal-footer){background:#f8faff;border-color:#e1e9f6}
html[data-theme="light"] .modal-header h2{color:#264e84}
html[data-theme="light"] .modal-header p{color:#536b8a}
html[data-theme="light"] .close-button{background:#edf3fd;color:#536b8a}
html[data-theme="light"] .close-button:hover{background:#e0ecff;color:#3867a9}
html[data-theme="light"] .modal-body{color:#4f709b}
html[data-theme="light"] :is(.modal-body p,.modal-body>ul,.modal-body>ol,.modal-body .detail-copy p,.modal-body .modal-lead){color:#536b8a}
html[data-theme="light"] :is(.modal-body h3,.modal-body .detail-copy h3){color:#426c9e}
html[data-theme="light"] .modal-body .notice strong{color:#4d76a6}
html[data-theme="light"] .modal-body .form-error{color:#b53b4e}
html[data-theme="light"] .create-options .button{background:#f6f9ff;border-color:#cfdef4;color:#3e6ba5}
html[data-theme="light"] .create-options .button:hover{background:#eaf2ff;border-color:#a7c4ee}
html[data-theme="light"] .create-options .button strong{color:#375f94}
html[data-theme="light"] .create-options .button small{color:#536b8a}
html[data-theme="light"] .notification-item{border-color:#e0e9f5}
html[data-theme="light"] .notification-item h3{color:#496d9c}
html[data-theme="light"] .notification-item p{color:#536b8a}
html[data-theme="light"] .toast{background:#225abb;border-color:#4b7dd1;color:#fff;box-shadow:0 8px 28px #244d8a29}
html[data-theme="light"] .bottom-nav{background:#fffffff5;border-color:#dbe5f5;box-shadow:0 -5px 25px #335f9610}
html[data-theme="light"] .bottom-nav-item{color:#536b8a}
html[data-theme="light"] .bottom-nav-item:hover{background:#f3f7ff;color:#3e73c1}
html[data-theme="light"] .bottom-nav-item.active{color:#2563eb}
html[data-theme="light"] .bottom-nav-item.active:before{background:#2563eb;box-shadow:none}
html[data-theme="light"] .initial-loading{background:#f5f8ff;color:#315b94}
html[data-theme="light"] .initial-loading p{color:#536b8a}
html[data-theme="light"] .progress-track{background:#e7eef9}
html[data-theme="light"] .progress-fill{background:#5088e4}
html[data-theme="light"] .balance-toggle{color:#536b8a;background:#edf4ff;border-color:#d4e2f7}
html[data-theme="light"] .compare-toggle{background:#f0f5ff;border-color:#cfdef4;color:#536b8a}
html[data-theme="light"] .compare-toggle.selected{background:#dceaff;border-color:#89aee9;color:#2963b7}
html[data-theme="light"] .compare-bar{background:#eaf2ff;border-color:#c9dcf9;color:#536b8a}
html[data-theme="light"] .comparison-table{border-color:#dbe5f4}
html[data-theme="light"] .comparison-table th,
html[data-theme="light"] .comparison-table td{border-color:#e0e8f5;color:#536b8a;background:#fff}
html[data-theme="light"] .comparison-table thead th{background:#f0f5ff;color:#3e689e}
html[data-theme="light"] .allocation-presets button{background:#f1f6ff;border-color:#d5e3f7;color:#536b8a}

/* Keep product artwork in bounded areas while the workspace stays bright. */
html[data-theme="light"] :is(.command-hero,.bot-art-banner,.ai-research-banner){background:#edf4ff;border-color:#d4e3fa;box-shadow:none}
html[data-theme="light"] .command-hero:after{background:linear-gradient(90deg,#edf4ff,#edf4fff7 30%,#edf4ffb5 58%,#edf4ff15)}
html[data-theme="light"] .command-hero-image{opacity:.56}
html[data-theme="light"] :is(.command-hero h2,.bot-art-copy h2,.ai-research-banner h2){color:#234f8d}
html[data-theme="light"] :is(.command-hero p,.bot-art-copy p,.ai-research-banner p){color:#536b8a}
html[data-theme="light"] .hero-kicker{color:#536b8a}
html[data-theme="light"] .hero-tags span{background:#ffffffb8;border-color:#c6daf7;color:#527aa9}
html[data-theme="light"] .bot-art-banner:after{background:linear-gradient(90deg,#edf4ff,#edf4fff2 36%,#edf4ff65 80%)}
html[data-theme="light"] .bot-art-image{opacity:.6}
html[data-theme="light"] .shortcut-card{background:#fff;border-color:#dce6f4;color:#396498}
html[data-theme="light"] .shortcut-card:hover{background:#f4f8ff}
html[data-theme="light"] .shortcut-card small{color:#536b8a}
html[data-theme="light"] :is(.shortcut-card strong,.shortcut-card .shortcut-title,.shortcut-card h3){color:#3b6296}
html[data-theme="light"] .shortcut-card>span{color:#536b8a}
html[data-theme="light"] :is(.shortcut-card .arrow,.shortcut-card>i){color:#536b8a}

/* Strategy illustrations and discovery. */
html[data-theme="light"] :is(.advisor-invite,.advisor-hub-hero){background:linear-gradient(120deg,#fff,#edf4ff);border-color:#cedff7}
html[data-theme="light"] :is(.advisor-invite .eyebrow,.advisor-hub-hero .eyebrow){color:#536b8a}
html[data-theme="light"] :is(.advisor-invite h2,.advisor-hub-hero h2){color:#2e5892}
html[data-theme="light"] :is(.advisor-invite p,.advisor-hub-hero p){color:#536b8a}
html[data-theme="light"] :is(.advisor-invite-avatar,.advisor-hub-image){border-color:#bdd0ee;box-shadow:0 6px 18px #3a6ab51a}
html[data-theme="light"] .story-card{background:#fff;border-color:#d5e2f5;color:#3c669c}
html[data-theme="light"] .story-copy{background:#fff}
html[data-theme="light"] .story-copy small{color:#536b8a}
html[data-theme="light"] .story-copy h3{color:#365e96}
html[data-theme="light"] .story-copy p{color:#536b8a}
html[data-theme="light"] .story-arrow{background:#edf4ff;border-color:#cbdcf6;color:#536b8a}
html[data-theme="light"] .story-card:hover .story-arrow{background:#dceaff;color:#3167b6}
html[data-theme="light"] :is(.story-image,.strategy-card-art,.strategy-detail-art){border-color:#d7e3f6}
html[data-theme="light"] :is(.strategy-ai-link,.bot-advisor-action){background:#edf4ff;border-color:#c9dcf8;color:#3e74b9}
html[data-theme="light"] :is(.strategy-ai-link,.bot-advisor-action):hover{background:#dceaff;border-color:#92b7eb;color:#275eac}
html[data-theme="light"] .strategy-watch-toggle{background:#f3f7fe;border-color:#d1e0f6;color:#536b8a}
html[data-theme="light"] .strategy-watch-toggle:hover{background:#e8f1ff;color:#416faa}
html[data-theme="light"] .strategy-watch-toggle[aria-pressed="true"]{background:#fff6dd;border-color:#e8d6a9;color:#536b8a}
html[data-theme="light"] .favorites-filter.active{background:#e7f0ff;border-color:#b9d1f5;color:#356cb7}
html[data-theme="light"] .favorites-count{background:#dae8fc;color:#4574b4}
html[data-theme="light"] .capability-card{background:#fff;border-color:#d6e3f5;color:#456f9e}
html[data-theme="light"] .capability-card:hover{background:#f3f8ff;border-color:#a7c5ef}
html[data-theme="light"] :is(.capability-card small,.capability-card .eyebrow){color:#536b8a}
html[data-theme="light"] :is(.capability-card h3,.capability-card strong){color:#3e689b}
html[data-theme="light"] :is(.capability-card p,.capability-card>span){color:#536b8a}
html[data-theme="light"] .conversation-preview{background:#f8faff;border-color:#dce6f5}
html[data-theme="light"] .conversation-preview>.eyebrow{color:#536b8a}
html[data-theme="light"] .preview-bubble.user{background:#e0ecff;border-color:#c2d7fa;color:#38649f}
html[data-theme="light"] .preview-bubble.assistant{background:#fff;border-color:#dae5f5;color:#536b8a}
html[data-theme="light"] .preview-bubble small{color:#536b8a}
html[data-theme="light"] .strategy-stories{scrollbar-color:#b4cbee #eef4fd}
html[data-theme="light"] .strategy-stories::-webkit-scrollbar-track{background:#edf4fd}
html[data-theme="light"] .strategy-stories::-webkit-scrollbar-thumb{background:#b5ccec}

/* Learning charts are genuine light surfaces rather than dark embedded panels. */
html[data-theme="light"] .learning-lab{background:#fff;border-color:#d5e3f6}
html[data-theme="light"] .learning-lab .section-heading h2{color:#335f98}
html[data-theme="light"] .learning-lab .section-heading p{color:#536b8a}
html[data-theme="light"] .learning-lab .lab-tabs button{background:#f0f5ff;border-color:#d2e1f7;color:#536b8a}
html[data-theme="light"] .learning-lab .lab-tabs button.active{background:#dfeaff;border-color:#a8c5ef;color:#2d65b7}
html[data-theme="light"] .learning-lab figure.lab-canvas{background:#f7faff;border-color:#dce7f7}
html[data-theme="light"] .lab-grid{stroke:#cddcee;opacity:.65}
html[data-theme="light"] .lab-path{stroke:#3e7ddc}
html[data-theme="light"] .lab-node{fill:#e1edff;stroke:#5891dc}
html[data-theme="light"] .lab-zone{fill:#b7d2fa}
html[data-theme="light"] :is(.learning-lab .lab-control,.lab-frequency>span){color:#536b8a}
html[data-theme="light"] .learning-lab .lab-control b{color:#3f70ad}
html[data-theme="light"] .lab-controls input[type="range"]::-webkit-slider-runnable-track{background:#cfdef3}
html[data-theme="light"] .lab-controls input[type="range"]::-webkit-slider-thumb{background:#4e86d8;border-color:#8eb1e8}
html[data-theme="light"] .lab-frequency>.chip,
html[data-theme="light"] .learning-lab .lab-controls>.lab-steps>.chip{background:#f1f6ff;border-color:#d4e1f5;color:#536b8a}
html[data-theme="light"] .lab-frequency>.chip.active,
html[data-theme="light"] .learning-lab .lab-controls>.lab-steps>.chip.active{background:#dfeaff;border-color:#a6c3ef;color:#2e66b7}
html[data-theme="light"] .lab-readout{border-color:#dbe6f5}
html[data-theme="light"] .lab-readout>div{border-color:#dbe6f5}
html[data-theme="light"] .lab-readout small{color:#536b8a}
html[data-theme="light"] .lab-readout strong{color:#3a6ba9}
html[data-theme="light"] .lab-readout>div:last-child>strong{color:#496f9d}
html[data-theme="light"] .lab-explanation{background:#f0f6ff;border-color:#d4e3f8;border-left-color:#6a9ae0;color:#536b8a}
html[data-theme="light"] .lab-note{color:#536b8a}

/* Market terminal UI; canvas paint uses the semantic chart variables above. */
html[data-theme="light"] .market-terminal{--market-bg:#fff;--market-border:#dfe7f4;--market-muted:#6d82a0;--market-ink:#28496f;--market-blue:#3677df;--market-up:#07836b;--market-down:#c84c62;box-shadow:0 6px 25px #244e8a0c}
html[data-theme="light"] .market-coin{background:#edf4ff;border-color:#d2e1f7;color:#4979b8}
html[data-theme="light"] .market-pair-label select option{background:#fff;color:#355578}
html[data-theme="light"] .market-icon-button{background:#f5f8ff;color:#536b8a!important;border-color:#d8e3f4!important}
html[data-theme="light"] .market-icon-button:hover{background:#e7f0ff}
html[data-theme="light"] :is(.market-periods button,.market-indicators button){color:#536b8a}
html[data-theme="light"] :is(.market-periods button,.market-indicators button):hover{background:#f0f5ff;color:#3f73b6}
html[data-theme="light"] .market-periods button.active{background:#e6efff;color:#3168b8}
html[data-theme="light"] .market-indicators button.active{color:#3c78cd}
html[data-theme="light"] .market-indicators>span{background:#d9e4f3}
html[data-theme="light"] .market-indicators .market-play{background:#edf3fd;color:#536b8a}
html[data-theme="light"] .market-ohlc{color:#536b8a}
html[data-theme="light"] .market-ohlc b{color:#547296}
html[data-theme="light"] .market-ohlc-pair{color:#536b8a}
html[data-theme="light"] .market-canvas-watermark{color:#536b8a;opacity:.14}
html[data-theme="light"] .market-chart-controls button{background:#ffffffeb;border-color:#cdddf3;color:#536b8a}
html[data-theme="light"] .market-chart-meta{border-color:#e7edf7;color:#536b8a}
html[data-theme="light"] .market-data-panel{background:#f8faff}
html[data-theme="light"] .market-data-tabs button{color:#536b8a}
html[data-theme="light"] .market-data-tabs button.active{color:#426ea6}
html[data-theme="light"] .market-data-tabs>span{color:#536b8a}
html[data-theme="light"] .market-book-labels{color:#536b8a}
html[data-theme="light"] .market-book-row>span:last-child{color:#536b8a}
html[data-theme="light"] .market-book-row.is-bid>i{background:#31a78815}
html[data-theme="light"] .market-book-row.is-ask>i{background:#d64f7012}
html[data-theme="light"] .market-book-mid{border-color:#e1e9f5}
html[data-theme="light"] .market-book-mid small{color:#536b8a}
html[data-theme="light"] .market-book-bottom{color:#536b8a}
html[data-theme="light"] .market-trade-row{border-color:#e7edf7}
html[data-theme="light"] :is(.market-trade-row small,.market-trade-row time,.market-trades-note){color:#536b8a}
html[data-theme="light"] .market-footer{background:#f5f8fe}
html[data-theme="light"] .market-simulation{color:#536b8a}
html[data-theme="light"] .market-simulation small{color:#536b8a}
html[data-theme="light"] .market-create{color:#356fc0!important}
html[data-theme="light"] .market-mobile-panel-toggle{color:#536b8a!important}
html[data-theme="light"] .market-terminal.is-expanded{box-shadow:0 0 0 60px #264a795e}

/* The chat drawer inherits the selected appearance, including all secondary states. */
html[data-theme="light"] .adv-root{--adv-bg:#fff;--adv-panel:#f6f9ff;--adv-elevated:#edf4ff;--adv-border:#dce6f5;--adv-muted:#6d84a3;--adv-text:#2e4e78;--adv-blue:#397bdd;--adv-soft:#547eb5}
html[data-theme="light"] .adv-fab{background:linear-gradient(110deg,#fff,#edf4ff);border-color:#b9cff0!important;box-shadow:0 5px 24px #24528f25;color:#355e93}
html[data-theme="light"] .adv-fab small{color:#536b8a}
html[data-theme="light"] .adv-fab-status{background:#6996d9}
html[data-theme="light"] .adv-layer{background:#244c7b49}
html[data-theme="light"] .adv-panel{border-color:#c9dbf5;box-shadow:0 25px 80px #1739603b}
html[data-theme="light"] .adv-header{background:linear-gradient(110deg,#f9fbff,#edf4ff)}
html[data-theme="light"] .adv-icon-button{color:#536b8a;border-color:#c9d9f1!important}
html[data-theme="light"] .adv-icon-button:hover{background:#dceaff!important}
html[data-theme="light"] .adv-toolbar{background:#f7faff;border-color:#e2eaf7}
html[data-theme="light"] .adv-mode{background:#eaf1fc;border-color:#d7e3f6}
html[data-theme="light"] .adv-mode button{color:#536b8a}
html[data-theme="light"] .adv-mode button.adv-active{background:#fff;color:#3d6eaf;box-shadow:0 1px 5px #2d5b9f14}
html[data-theme="light"] .adv-toolbar-button{color:#536b8a}
html[data-theme="light"] .adv-toolbar-button:hover{color:#3b70b7}
html[data-theme="light"] .adv-context{background:#edf4ff;color:#536b8a;border-color:#d8e5f7}
html[data-theme="light"] .adv-context strong{color:#416da4}
html[data-theme="light"] .adv-context button{color:#536b8a}
html[data-theme="light"] .adv-messages{scrollbar-color:#c0d4f1 transparent}
html[data-theme="light"] .adv-hero-avatar{border-color:#c1d6f5;box-shadow:0 0 0 6px #eaf2ff}
html[data-theme="light"] .adv-eyebrow{color:#536b8a}
html[data-theme="light"] .adv-welcome>p{color:#536b8a}
html[data-theme="light"] .adv-welcome-prompts button{background:#f5f9ff;border-color:#d6e5f9;color:#456f9f}
html[data-theme="light"] .adv-welcome-prompts button:hover{background:#e8f1ff;border-color:#a9c8ef}
html[data-theme="light"] .adv-prompt-number{color:#536b8a}
html[data-theme="light"] .adv-welcome .adv-welcome-note{color:#536b8a}
html[data-theme="light"] .adv-message-meta{color:#536b8a}
html[data-theme="light"] .adv-demo-tag{color:#536b8a;border-color:#dce6f6}
html[data-theme="light"] .adv-bubble{background:#f6f9ff;border-color:#dce7f7}
html[data-theme="light"] .adv-message-user .adv-bubble{background:#e5efff;border-color:#bed4f5;color:#3f6caa}
html[data-theme="light"] .adv-message-text{color:#42678f}
html[data-theme="light"] .adv-message-user .adv-message-text{color:#3d67a1}
html[data-theme="light"] .adv-message-tools button{color:#536b8a}
html[data-theme="light"] .adv-message-tools button:hover,
html[data-theme="light"] .adv-message-tools button[aria-pressed="true"]{background:#eaf2ff;color:#536b8a}
html[data-theme="light"] .adv-stopped{color:#536b8a;border-color:#d9e4f5}
html[data-theme="light"] .adv-card{background:#fff;border-color:#cfdef4}
html[data-theme="light"] .adv-card-title{background:#edf4ff;color:#4d7aad;border-color:#d8e4f6}
html[data-theme="light"] .adv-card-row{border-color:#e0e9f6}
html[data-theme="light"] .adv-card-row>span{color:#536b8a}
html[data-theme="light"] .adv-card-row p{color:#536b8a}
html[data-theme="light"] .adv-card-note{color:#536b8a}
html[data-theme="light"] .adv-reply-actions button{background:#ecf3ff;border-color:#c6d9f5;color:#536b8a}
html[data-theme="light"] .adv-reply-actions button:first-child{background:#3978d5;border-color:#3978d5;color:#fff}
html[data-theme="light"] .adv-followups{border-color:#e1e9f5}
html[data-theme="light"] .adv-followups button{background:#f4f8ff;border-color:#d8e5f8;color:#536b8a}
html[data-theme="light"] .adv-followups button:hover{background:#e8f2ff}
html[data-theme="light"] .adv-composer{background:#f8fbff;border-color:#c5d8f4}
html[data-theme="light"] .adv-input{color:#416a9b}
html[data-theme="light"] .adv-input::placeholder{color:#536b8a}
html[data-theme="light"] :is(.adv-input-hint,.adv-character-count,.adv-bottom-note){color:#536b8a}
html[data-theme="light"] .adv-send{background:#3979d8;border-color:#3979d8!important;color:#fff}
html[data-theme="light"] .adv-stop{background:#eaf2ff;border-color:#c8dbf7!important;color:#536b8a}
html[data-theme="light"] .adv-history{background:#fff;border-color:#c9dbf5;box-shadow:0 12px 32px #234d831f}
html[data-theme="light"] .adv-history-heading>span{color:#536b8a}
html[data-theme="light"] .adv-history-item{color:#536b8a}
html[data-theme="light"] .adv-history-item>small{color:#536b8a}
html[data-theme="light"] .adv-history-item:hover,
html[data-theme="light"] .adv-history-item.adv-selected{background:#edf4ff;border-color:#c9ddf7!important}
html[data-theme="light"] .adv-history>p{color:#536b8a}
html[data-theme="light"] .adv-confirm{background:#edf4ff;border-color:#d3e3f8}
html[data-theme="light"] .adv-confirm>p{color:#536b8a}
html[data-theme="light"] .adv-secondary-button{background:#f9fbff;border-color:#c6daf5!important;color:#536b8a}

@media(max-width:760px){
  .topbar-actions{gap:6px}
  .display-controls{gap:4px}
  .theme-toggle,.language-toggle{min-height:32px;gap:4px;padding:6px 7px;font-size:10px}
  .theme-toggle .ui-icon,.language-toggle .ui-icon{width:15px;height:15px}
  .theme-toggle .control-label{display:none}
  .topbar{gap:8px}
  .topbar .mobile-brand{gap:7px;min-width:0}
  html[lang="en"] .topbar .mobile-brand .brand-name{font-size:16px}
  html[lang="en"] .mobile-brand .brand-name small{display:none}
  html[lang="en"] .advisor-invite{min-height:139px;max-height:none}
  html[lang="en"] .advisor-invite h2{font-size:14px}
  html[lang="en"] .advisor-invite>.button{max-width:none}
  html[lang="en"] .advisor-hub-hero{gap:12px;padding:19px 15px}
  html[lang="en"] .advisor-hub-hero h2{font-size:18px;line-height:1.5}
  html[lang="en"] .capability-card{min-height:167px}
  html[lang="en"] .capability-card h3{font-size:13px;line-height:1.55}
  html[lang="en"] .strategy-card .card-footer .button{font-size:8px;line-height:1.5}
  html[lang="en"] .strategy-card .metric-label{min-height:26px;font-size:7px}
  html[lang="en"] .strategy-card .strategy-title{font-size:12px}
  html[lang="en"] .strategy-tags{line-height:1.5}
  html[lang="en"] .bot-actions .button{white-space:normal;line-height:1.6}
  html[lang="en"] .page-heading h1{font-size:23px;line-height:1.4}
  html[lang="en"] .filter-controls{grid-template-columns:minmax(0,1fr) minmax(0,100px)}
  html[lang="en"] .filter-controls .search-wrap{grid-column:1/-1}
  html[lang="en"] .filter-controls .select{width:100%;max-width:none}
  html[lang="en"] .terminal-side .balance-panel{min-height:212px}
  html[lang="en"] .terminal-side .insight-panel{min-height:212px}
  html[lang="en"] .terminal-side .balance-number{font-size:24px}
  html[lang="en"] .terminal-side .insight-title{font-size:12px}
  html[lang="en"] .market-chart-meta>span:last-child{white-space:normal;text-align:right}
  html[lang="en"] .adv-input-hint{white-space:normal;max-width:42%;font-size:7px}
  html[lang="en"] .adv-toolbar-button{font-size:10px;padding:6px}
  html[lang="en"] .adv-mode button{font-size:10px;padding:6px 8px}
  html[data-theme="light"] .market-create{background:#eaf2ff;border:1px solid #c7dbf8;color:#356fc0!important}
  html[data-theme="light"] .command-hero:after{background:linear-gradient(90deg,#edf4fff7,#edf4ffe8 40%,#edf4ff80 75%,#edf4ff30)}
  html[data-theme="light"] .bot-art-banner:after{background:linear-gradient(90deg,#edf4fff7,#edf4ffe8 40%,#edf4ff65 80%)}
}
@media(max-width:370px){
  .topbar-actions{gap:3px}
  .theme-toggle,.language-toggle{padding:5px 6px;gap:3px;font-size:9px}
  .topbar .notification-button{width:25px;height:29px}
  .topbar .avatar{width:26px;height:26px}
  .mobile-brand .brand-name small{display:none}
  html[lang="en"] .advisor-hub-image{width:65px;height:88px}
  html[lang="en"] .advisor-hub-hero h2{font-size:16px}
  html[lang="en"] .capability-card{padding:15px 12px}
  html[lang="en"] .terminal-side .balance-number{font-size:22px}
}

/* Account appearance and language selectors. */
.theme-toggle [data-theme-icon]{display:flex;align-items:center;justify-content:center}
.display-settings{padding:24px 26px;margin-bottom:23px}
.display-settings>.section-heading{margin-bottom:15px}
.display-settings>.section-heading>.ui-icon{width:23px;height:23px;color:var(--blue-bright)}
.display-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--line)}
.display-setting-row>span{color:var(--muted);font-size:12px;font-weight:500;min-width:70px}
.preference-options{display:inline-flex;align-items:stretch;gap:4px;padding:4px;background:#0a1425;border:1px solid #233957;border-radius:10px;min-width:205px;max-width:100%}
.preference-options>.button{flex:1;min-width:86px;min-height:36px;padding:7px 12px;font-size:11px;border:1px solid transparent;background:transparent;color:#849fc1;white-space:nowrap;box-shadow:none}
.preference-options>.button:hover{background:#152d4e;color:#bfd8fa}
.preference-options>.button>.ui-icon{width:16px;height:16px}
html[data-theme="dark"] .preference-options>[data-display="dark"],
html[lang="zh-CN"] .preference-options>[data-display="zh"],
html[lang="zh"] .preference-options>[data-display="zh"],
html[lang="en"] .preference-options>[data-display="en"]{background:#22477b;border-color:#39669c;color:#dfecff;box-shadow:0 1px 5px #0002}
html[data-theme="light"] .preference-options{background:#eff4fc;border-color:#d8e4f5}
html[data-theme="light"] .preference-options>.button{background:transparent;color:#627c9f;border-color:transparent}
html[data-theme="light"] .preference-options>.button:hover{background:#e1ecfe;color:#3c69a3}
html[data-theme="light"] .preference-options>[data-display="light"],
html[data-theme="light"][lang="zh-CN"] .preference-options>[data-display="zh"],
html[data-theme="light"][lang="zh"] .preference-options>[data-display="zh"],
html[data-theme="light"][lang="en"] .preference-options>[data-display="en"]{background:#fff;border-color:#c8dcf8;color:#2b63b9;box-shadow:0 2px 7px #426da214}
.display-settings>.page-footnote{margin-top:10px}

/* Secondary states audited after the main surface conversion. */
html[data-theme="light"] .allocation-presets button:hover{background:#e2edff;border-color:#a9c7ef;color:#3b70b6}
html[data-theme="light"] .allocation-range::-webkit-slider-runnable-track{background:#cfdef3}
html[data-theme="light"] .allocation-range::-webkit-slider-thumb{background:#4e86d8;border-color:#8eb1e8}
html[data-theme="light"] .balance-toggle:hover{background:#ddeaff;color:#3568b0}
html[data-theme="light"] .compare-toggle:hover{background:#e0edff;border-color:#a9c8f3;color:#3d72b8}
html[data-theme="light"] .compare-toggle[aria-pressed="true"]{background:#dceaff;border-color:#89aee9;color:#2963b7}
html[data-theme="light"] .compare-bar strong{color:#3f6fa9}
html[data-theme="light"] .comparison-table{scrollbar-color:#b3caec #f4f8ff}
html[data-theme="light"] .comparison-table th:first-child,
html[data-theme="light"] .comparison-table td:first-child{background:#f0f5ff;color:#5c7ba1}
html[data-theme="light"] .comparison-table thead th:first-child{background:#e6efff;color:#3c679e}
html[data-theme="light"] .loading-line{background:#e4edfa}
html[data-theme="light"] .activity-row{border-color:#e0e8f5}
html[data-theme="light"] .activity-row p{color:#6984a6}
html[data-theme="light"] .activity-row small{color:#758eae}
html[data-theme="light"] .invitation-box .input{background:#fff;color:#5c7da7}
html[data-theme="light"] .risk-item{color:#6480a4}

@media(max-width:760px){
  .theme-toggle [data-theme-label]{display:none}
  .display-settings{padding:21px 18px;margin-bottom:20px}
  .display-settings .section-heading h2{font-size:17px}
  .display-setting-row{gap:12px;padding:13px 0}
  .display-setting-row>span{min-width:65px;font-size:11px}
  .preference-options{min-width:183px;padding:3px;gap:3px}
  .preference-options>.button{min-width:77px;min-height:35px;padding:7px 10px;font-size:10px}
}
@media(max-width:370px){
  .display-settings{padding:19px 15px}
  .display-setting-row{gap:8px}
  .display-setting-row>span{min-width:60px;font-size:10px}
  .preference-options{min-width:170px}
  .preference-options>.button{min-width:72px;font-size:9px;padding:7px 8px}
}

/* Safari's native button skin must not replace the selected theme colors. */
button{-webkit-appearance:none;appearance:none}
@media(max-width:760px){
  /* Natural height keeps translated copy and the chat action fully visible. */
  .advisor-invite{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px 12px;min-height:0;max-height:none;padding:16px}
  .advisor-invite-avatar{grid-column:1;grid-row:1;width:56px;height:56px;margin:0;align-self:start}
  .advisor-invite>div{grid-column:2;min-width:0;max-width:none}
  .advisor-invite>.button,.advisor-invite>button{grid-column:2;justify-self:start;width:auto;max-width:100%;min-height:34px;margin:0;padding:8px 12px;white-space:normal}
  html[lang="en"] .advisor-invite{min-height:0;max-height:none}
  .command-hero{height:auto;min-height:160px;padding:22px 20px}
  .command-hero-copy{max-width:78%}
  .command-hero p{max-width:100%}
  .bot-art-banner{height:auto;min-height:125px}
}
@media(max-width:370px){
  .advisor-invite{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:14px}
  .advisor-invite-avatar{width:50px;height:50px}
  .advisor-invite>.button,.advisor-invite>button{margin:0;min-height:33px;font-size:9px}
  .command-hero{height:auto;min-height:158px;padding:20px 17px}
}

/* English advisor controls and structured replies need intrinsic-width limits. */
html[lang="en"] .adv-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding-left:11px;padding-right:11px;min-width:0}
html[lang="en"] .adv-toolbar>div{min-width:0;max-width:100%}
html[lang="en"] .adv-toolbar>.adv-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;max-width:210px}
html[lang="en"] .adv-toolbar>div:last-child{justify-content:flex-end;gap:2px}
html[lang="en"] .adv-toolbar .adv-mode button{min-width:0;max-width:100%;padding:6px 7px;font-size:10px;white-space:nowrap}
html[lang="en"] .adv-toolbar-button{min-width:0;padding:6px 5px;font-size:10px;white-space:nowrap}
html[lang="en"] .adv-card-row{grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:12px;align-items:start}
html[lang="en"] .adv-card-row>span,
html[lang="en"] .adv-card-row>p{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
textarea.adv-input{display:block;width:100%!important;inline-size:100%;max-width:100%;max-inline-size:100%;min-width:0;min-inline-size:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;resize:none}
@media(max-width:370px){
  html[lang="en"] .adv-toolbar{gap:5px;padding-left:9px;padding-right:9px}
  html[lang="en"] .adv-toolbar .adv-mode button{padding-left:5px;padding-right:5px;font-size:9px}
  html[lang="en"] .adv-toolbar-button{padding-left:4px;padding-right:4px;font-size:9px}
}

/* Scoped segments win over both global button and language-state rules. */
.display-settings .preference-options{width:224px;min-width:0;max-width:100%;flex-shrink:0}
.display-settings .preference-options>.button{width:auto;min-width:0;flex:1 1 0;gap:6px;white-space:nowrap!important;word-break:keep-all;line-height:1.5;background:#0a1425;border-color:transparent;color:#9cb2cf;box-shadow:none}
.display-settings .preference-options>.button[aria-pressed="false"]{background:transparent;border-color:transparent;color:#9cb2cf;box-shadow:none}
.display-settings .preference-options>.button[aria-pressed="true"]{background:#22477b;border-color:#39669c;color:#dfecff;box-shadow:0 1px 5px #0002}
html[data-theme="light"] .display-settings .preference-options>.button,
html[data-theme="light"] .display-settings .preference-options>.button[aria-pressed="false"]{background:transparent;border-color:transparent;color:#536f93;box-shadow:none}
html[data-theme="light"] .display-settings .preference-options>.button:hover{background:#e2ecfc;color:#3e659a}
html[data-theme="light"] .display-settings .preference-options>.button[aria-pressed="true"]{background:#fff;border-color:#c7daf7;color:#2a60b4;box-shadow:0 2px 7px #426da214}
@media(max-width:760px){.display-settings .preference-options{width:200px}.display-settings .preference-options>.button{font-size:10px;padding:7px 8px}}
@media(max-width:370px){.display-settings .preference-options{width:186px}.display-settings .preference-options>.button{font-size:9px;padding:7px 6px;gap:4px}}

/* Only nested charts, galleries and tables scroll sideways. */
html,body{max-width:100%;overflow-x:clip}
.workspace,.main-content,.data-row{min-width:0}
.data-row strong{min-width:0;overflow-wrap:anywhere}