/* Shared visual tokens and controls. Color overrides below are generated by scripts/build-appearance.py. */
:root{color-scheme:light} :root[data-theme="dark"]{color-scheme:dark;--ink:#f6f5f2;--muted:#c7d2ff;--line:#050d1d;--bg:#050d1d;--green:#90a5ff}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line,#e9ecf2);border-radius:7px;background:transparent;color:inherit;padding:6px 10px;min-height:28px;font:600 11px/1.3 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.account-actions .secondary-button{padding:10px;gap:6px;white-space:nowrap}
.appearance-toggle:hover{box-shadow:0 0 0 2px #f66b2433}.appearance-toggle:focus-visible{outline:3px solid #f66b24;outline-offset:3px}
.simulation-banner,.sandbox-card,.demo-badge,.demo-notice,.preview-badge,#reset-demo{display:none!important}
:root .portal-dark{filter:none!important}
:root[data-theme="dark"] img[src$="paperbot-brand-logo.svg"]{content:url('https://imagedelivery.net/rOThsJwRI2L_FvAzE6eQ4A/8bffd567-a905-41ba-1c0b-419b2b10ce00/public');filter:none!important}
:root[data-theme="light"] .terminal-top img,:root[data-theme="light"] .reference-admin .portal-logo img{filter:none}
:root[data-theme="light"] .reference-client .portal-logo img{content:url('https://imagedelivery.net/rOThsJwRI2L_FvAzE6eQ4A/8bffd567-a905-41ba-1c0b-419b2b10ce00/public');filter:none}
:root[data-theme="dark"] .signup-art img{mix-blend-mode:normal;border-radius:16px}

/* demo.css — dark */
:root[data-theme="dark"]{--blue:#204bff;--orange:#f66b24;--ink:#f6f5f2;--muted:#c7d2ff;--line:#050d1d;--bg:#050d1d;--green:#90a5ff}
:root[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] button{color:inherit}
:root[data-theme="dark"] a{color:inherit}
:root[data-theme="dark"] button:focus-visible,:root[data-theme="dark"] a:focus-visible,:root[data-theme="dark"] summary:focus-visible{outline:3px solid var(--orange)}
:root[data-theme="dark"] input:focus,:root[data-theme="dark"] select:focus,:root[data-theme="dark"] textarea:focus{outline:2px solid var(--blue)}
:root[data-theme="dark"] button{border:0;background:none}
:root[data-theme="dark"] .skip-link{background:#050d1d}
:root[data-theme="dark"] .sidebar{background:#050d1d;border-right:1px solid var(--line)}
:root[data-theme="dark"] .workspace-label{border:1px solid var(--line)}
:root[data-theme="dark"] .workspace-version{color:#c7d2ff}
:root[data-theme="dark"] .tiny-dot{background:var(--orange)}
:root[data-theme="dark"] .nav-label{color:#c7d2ff}
:root[data-theme="dark"] .side-link{color:#c7d2ff}
:root[data-theme="dark"] .side-link.active{background:#050d1d;color:var(--blue)}
:root[data-theme="dark"] .side-link.active:before{background:var(--blue)}
:root[data-theme="dark"] .side-link:hover{background:#050d1d;color:var(--ink)}
:root[data-theme="dark"] .side-link.active:hover{background:#050d1d;color:var(--blue)}
:root[data-theme="dark"] .nav-divider{background:var(--line)}
:root[data-theme="dark"] .sandbox-card{background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .sandbox-card p{color:#c7d2ff}
:root[data-theme="dark"] .topbar{background:#050d1d;border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .breadcrumb{color:#c7d2ff}
:root[data-theme="dark"] .breadcrumb span{color:#c7d2ff}
:root[data-theme="dark"] .breadcrumb strong{color:#c7d2ff}
:root[data-theme="dark"] .demo-badge{border:1px solid #050d1d;background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .avatar{background:#050d1d;color:#f66b24;border:1px solid #050d1d}
:root[data-theme="dark"] .eyebrow{color:#c7d2ff}
:root[data-theme="dark"] .welcome .eyebrow{color:#c7d2ff}
:root[data-theme="dark"] .orange-dash{background:var(--orange)}
:root[data-theme="dark"] .welcome h1>span{color:var(--blue)}
:root[data-theme="dark"] .welcome-copy{color:#c7d2ff}
:root[data-theme="dark"] .welcome-note p{color:#c7d2ff}
:root[data-theme="dark"] .welcome-note strong{color:#c7d2ff}
:root[data-theme="dark"] .orbit-mark{color:var(--orange)}
:root[data-theme="dark"] .featured-crm{background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .pill{background:#050d1d;border:1px solid #050d1d;color:#90a5ff}
:root[data-theme="dark"] .featured-copy>p{color:#c7d2ff}
:root[data-theme="dark"] .feature-tags span{border:1px solid #050d1d;color:#c7d2ff;background:#050d1d}
:root[data-theme="dark"] .primary-button,:root[data-theme="dark"] .secondary-button{background:var(--blue);color:#ffffff}
:root[data-theme="dark"] .primary-button:hover{background:#1a3ccc}
:root[data-theme="dark"] .secondary-button{background:#050d1d;color:#f6f5f2;border:1px solid #050d1d}
:root[data-theme="dark"] .secondary-button:hover{background:#050d1d}
:root[data-theme="dark"] .featured-copy small{color:#c7d2ff}
:root[data-theme="dark"] .mini-platform{background:#050d1d;border:1px solid #050d1d;box-shadow:0 20px 30px #12298c20}
:root[data-theme="dark"] .mini-bar{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .mini-bar>span{background:#050d1d}
:root[data-theme="dark"] .mini-bar>span:first-child{background:var(--orange)}
:root[data-theme="dark"] .mini-bar b{color:#c7d2ff}
:root[data-theme="dark"] .mini-sidebar{background:#050d1d;border-right:1px solid #050d1d}
:root[data-theme="dark"] .mini-sidebar i{background:#050d1d}
:root[data-theme="dark"] .mini-sidebar i:first-child{background:#050d1d}
:root[data-theme="dark"] .mini-title span{color:var(--orange)}
:root[data-theme="dark"] .mini-stats{color:#c7d2ff}
:root[data-theme="dark"] .mini-stats>div{border:1px solid #050d1d}
:root[data-theme="dark"] .mini-stats b{color:#f6f5f2}
:root[data-theme="dark"] .mini-table i{background:#050d1d}
:root[data-theme="dark"] .start-card{background:#050d1d;border:1px solid var(--line)}
:root[data-theme="dark"] .start-card li>span{color:var(--orange)}
:root[data-theme="dark"] .start-card li p{color:#c7d2ff}
:root[data-theme="dark"] .start-card>a{color:#c7d2ff;border-top:1px solid var(--line)}
:root[data-theme="dark"] .orange-period{color:var(--orange)}
:root[data-theme="dark"] .search-box{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .search-box svg{color:#c7d2ff}
:root[data-theme="dark"] .search-box input{border:0;background:none;color:var(--ink);outline:0}
:root[data-theme="dark"] .search-box:focus-within{outline:2px solid var(--blue)}
:root[data-theme="dark"] .filter-chips button{border:1px solid transparent;color:#c7d2ff}
:root[data-theme="dark"] .filter-chips button.active{background:#050d1d;border-color:#050d1d;color:#f6f5f2;box-shadow:0 1px 3px #050d1d06}
:root[data-theme="dark"] .filter-chips button:hover{color:var(--blue)}
:root[data-theme="dark"] .result-count{color:#c7d2ff}
:root[data-theme="dark"] .module-card{background:#050d1d;border:1px solid var(--line)}
:root[data-theme="dark"] .module-card:hover{border-color:#050d1d;box-shadow:0 12px 22px #050d1d08}
:root[data-theme="dark"] .module-icon{color:var(--blue);background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .module-card:nth-child(3n+2) .module-icon{color:#f66b24;background:#050d1d;border-color:#050d1d}
:root[data-theme="dark"] .module-type{color:#c7d2ff}
:root[data-theme="dark"] .module-card p{color:#c7d2ff}
:root[data-theme="dark"] .card-action{border-top:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .card-action:hover{color:var(--blue)}
:root[data-theme="dark"] .card-action small{color:#c7d2ff}
:root[data-theme="dark"] .bottom-callout{background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .orange-dot{background:var(--orange)}
:root[data-theme="dark"] .bottom-callout p{color:#c7d2ff}
:root[data-theme="dark"] .bottom-callout .secondary-button{background:#050d1d;border-color:#050d1d}
:root[data-theme="dark"] .hub-footer{color:#c7d2ff}
:root[data-theme="dark"] .empty-state{background:#050d1d;border:1px dashed #050d1d}
:root[data-theme="dark"] .empty-state p{color:var(--muted)}
:root[data-theme="dark"] dialog{border:1px solid var(--line);color:var(--ink);box-shadow:0 30px 100px #050d1d40}
:root[data-theme="dark"] dialog::backdrop{background:#050d1d70}
:root[data-theme="dark"] .icon-button{color:#c7d2ff;background:#050d1d}
:root[data-theme="dark"] .detail-intro{color:var(--muted)}
:root[data-theme="dark"] .detail-features span{background:#050d1d;border:1px solid var(--line);color:#c7d2ff}
:root[data-theme="dark"] .demo-notice{color:#c7d2ff;background:#050d1d}
:root[data-theme="dark"] .preview-content{border:1px solid var(--line);background:#050d1d}
:root[data-theme="dark"] .preview-content p{color:var(--muted)}
:root[data-theme="dark"] .preview-content select,:root[data-theme="dark"] .preview-content input:not([type=checkbox]):not([type=range]),:root[data-theme="dark"] .preview-content textarea,:root[data-theme="dark"] .action-form input,:root[data-theme="dark"] .action-form select{border:1px solid #050d1d;background:#050d1d;color:var(--ink)}
:root[data-theme="dark"] .inline-result{border:1px solid #050d1d;background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .inline-result strong{color:#90a5ff}
:root[data-theme="dark"] .preview-tabs button{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .preview-tabs button[aria-pressed=true]{color:var(--blue);border-color:#050d1d;background:#050d1d}
:root[data-theme="dark"] .chat-message{background:#050d1d;border:1px solid var(--line);color:#c7d2ff}
:root[data-theme="dark"] .chat-message.outgoing{background:#050d1d}
:root[data-theme="dark"] .chat-message strong{color:#c7d2ff}
:root[data-theme="dark"] .check-list label{background:#050d1d;border:1px solid var(--line)}
:root[data-theme="dark"] .connection-row{border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .connection-row button{color:var(--blue);background:#050d1d}
:root[data-theme="dark"] .branding-preview{background:#050d1d;border:1px solid var(--line)}
:root[data-theme="dark"] .branding-preview aside{background:var(--portal-accent,#204bff);color:white}
:root[data-theme="dark"] .color-options button{border:3px solid #050d1d;outline:1px solid #050d1d}
:root[data-theme="dark"] .color-options button[aria-pressed=true]{outline:2px solid #050d1d}
:root[data-theme="dark"] .toast{background:#050d1d;color:#ffffff;box-shadow:0 8px 30px #050d1d22}
:root[data-theme="dark"] .noscript-note{background:#050d1d}
:root[data-theme="dark"] .platform-header{background:#050d1d;border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .back-hub{color:#c7d2ff}
:root[data-theme="dark"] .text-button{color:#c7d2ff}
:root[data-theme="dark"] .text-button:hover{color:var(--blue)}
:root[data-theme="dark"] .simulation-banner{background:#050d1d;color:#c7d2ff;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .platform-sidebar{background:#050d1d;border-right:1px solid var(--line)}
:root[data-theme="dark"] .platform-name small{color:#c7d2ff}
:root[data-theme="dark"] .brochure-link{border-top:1px solid var(--line);color:#c7d2ff}
:root[data-theme="dark"] .workspace-heading p:not(.eyebrow){color:#c7d2ff}
:root[data-theme="dark"] .role-tabs{background:#050d1d}
:root[data-theme="dark"] .role-tabs button{color:#c7d2ff}
:root[data-theme="dark"] .role-tabs button[aria-selected=true]{background:#050d1d;color:#90a5ff;box-shadow:0 2px 6px #050d1d09}
:root[data-theme="dark"] .stat{background:#050d1d;border:1px solid var(--line)}
:root[data-theme="dark"] .stat>span{color:#c7d2ff}
:root[data-theme="dark"] .stat small{color:#c7d2ff}
:root[data-theme="dark"] .stat:nth-child(2) strong{color:var(--blue)}
:root[data-theme="dark"] .stat:last-child{border-top:2px solid var(--orange)}
:root[data-theme="dark"] .panel{background:#050d1d;border:1px solid var(--line)}
:root[data-theme="dark"] .panel-header p{color:#c7d2ff}
:root[data-theme="dark"] .chart-grid{background:repeating-linear-gradient(to bottom,#050d1d 0,#050d1d 38px,#050d1d 39px,#050d1d 40px)}
:root[data-theme="dark"] .chart-labels{color:#c7d2ff}
:root[data-theme="dark"] .badge{background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .badge.orange{color:#fbb592;background:#050d1d}
:root[data-theme="dark"] .badge.blue{color:#90a5ff;background:#050d1d}
:root[data-theme="dark"] .badge.gray{color:#c7d2ff;background:#050d1d}
:root[data-theme="dark"] th{color:#c7d2ff;background:#050d1d}
:root[data-theme="dark"] td{color:#c7d2ff;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] td strong{color:#f6f5f2}
:root[data-theme="dark"] tbody tr:last-child td{border-bottom:0}
:root[data-theme="dark"] .table-action{color:var(--blue)}
:root[data-theme="dark"] .metric-list li{color:#c7d2ff;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .metric-list strong{color:#f6f5f2}
:root[data-theme="dark"] .metric-list li:last-child{border:0}
:root[data-theme="dark"] .account-tile{background:#050d1d;border:1px solid var(--line)}
:root[data-theme="dark"] .account-tile p{color:#c7d2ff}
:root[data-theme="dark"] .inline-status{border:1px solid #050d1d;background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .platform-footer{border-top:1px solid var(--line);color:#c7d2ff}
:root[data-theme="dark"] .row-filters input,:root[data-theme="dark"] .row-filters select,:root[data-theme="dark"] .panel>select{border:1px solid #050d1d;background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .strategy-avatar{background:#050d1d;color:#f66b24}
:root[data-theme="dark"] .strategy-stats{color:#c7d2ff}
:root[data-theme="dark"] .strategy-stats strong{color:#c7d2ff}
:root[data-theme="dark"] .allocation-row input{border:1px solid #050d1d}
:root[data-theme="dark"] .allocation-row span{color:#c7d2ff}
:root[data-theme="dark"] .allocation-row strong{color:#90a5ff}
:root[data-theme="dark"] .feed-post{border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .feed-post:last-child{border:0}
:root[data-theme="dark"] .feed-post p{color:#c7d2ff}
:root[data-theme="dark"] .feed-post button{color:#c7d2ff}
:root[data-theme="dark"] .feed-post button[aria-pressed=true]{color:var(--orange)}
:root[data-theme="dark"] .network-tree>div{background:#050d1d;border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .network-tree>div:after{background:#050d1d}
:root[data-theme="dark"] .network-branches>div{border:1px solid #050d1d;background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .action-form p{color:var(--muted)}
@media(max-width:760px){:root[data-theme="dark"] .sidebar{border-right:0;border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .platform-sidebar{border-right:0;border-bottom:1px solid var(--line)}}
:root[data-theme="dark"] .welcome-copy{color:#c7d2ff}
:root[data-theme="dark"] .featured-copy>p{color:#c7d2ff}
:root[data-theme="dark"] .module-card p{color:#c7d2ff}
:root[data-theme="dark"] .data-toolbar input,:root[data-theme="dark"] .data-toolbar select{border:1px solid var(--line,#050d1d);background:#050d1d;color:inherit}
:root[data-theme="dark"] .data-pagination span{color:#c7d2ff}
:root[data-theme="dark"] .record-details div{background:#050d1d}
:root[data-theme="dark"] .record-details dt{color:#c7d2ff}
:root[data-theme="dark"] .platform-sidebar .side-link.active{box-shadow:inset 3px 0 #f66b24}
:root[data-theme="dark"] #sample-status-form select{border:1px solid #050d1d}
/* portal-template.css — dark */
:root[data-theme="dark"] .reference-client{--blue:#204bff;--ink:#f6f5f2;--muted:#c7d2ff;--bg:#050d1d;background:var(--bg)}
:root[data-theme="dark"] .reference-client .platform-header{background:#050d1d;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .reference-client .simulation-banner{background:none;border:0}
:root[data-theme="dark"] .reference-client .platform-sidebar{background:#050d1d;color:#c7d2ff;border:0}
:root[data-theme="dark"] .reference-client .portal-logo{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .portal-group summary{color:#c7d2ff}
:root[data-theme="dark"] .reference-client .side-link{color:#c7d2ff}
:root[data-theme="dark"] .reference-client .side-link.active{background:#204bff;color:#ffffff;box-shadow:inset 2px 0 #f66b24}
:root[data-theme="dark"] .portal-collapse{border-top:1px solid #050d1d}
:root[data-theme="dark"] .reference-client .portal-toolbar{background:#050d1d;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .portal-search{background:#050d1d;border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .portal-search input{border:0;background:none;outline:none!important}
:root[data-theme="dark"] .portal-search kbd{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .portal-tools{color:#c7d2ff}
:root[data-theme="dark"] .portal-tools sup{background:#f66b24;color:white}
:root[data-theme="dark"] .portal-tools .portal-wallet{border:1px solid #050d1d}
:root[data-theme="dark"] .portal-wallet strong{color:#f6f5f2}
:root[data-theme="dark"] .portal-tools .portal-person{background:#050d1d}
:root[data-theme="dark"] .portal-person strong{color:#f6f5f2}
:root[data-theme="dark"] .person-avatar{background:#050d1d;border:2px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .reference-client #workspace-intro{color:#c7d2ff}
:root[data-theme="dark"] .reference-client #role-tabs{box-shadow:0 3px 15px #050d1d1a}
:root[data-theme="dark"] .reference-client .primary-button{background:#204bff;color:white;border:1px solid #204bff}
:root[data-theme="dark"] .reference-client .secondary-button{border:1px solid #050d1d;background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .portal-metric{background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .metric-icon{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .portal-metric span:not(.metric-icon){color:#c7d2ff}
:root[data-theme="dark"] .portal-metric strong{color:#f6f5f2}
:root[data-theme="dark"] .portal-card{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .account-tabs button{border:1px solid #050d1d;color:#c7d2ff;background:#050d1d}
:root[data-theme="dark"] .account-tabs button.selected{background:#204bff;border-color:#204bff;color:white}
:root[data-theme="dark"] .account-tabs b{background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .account-tabs .selected b{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .account-row-labels{color:#c7d2ff;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .portal-account-row{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .portal-account-row.selected{border-color:#050d1d}
:root[data-theme="dark"] .portal-account-row strong{color:#f6f5f2}
:root[data-theme="dark"] .account-radio{border:2px solid #050d1d}
:root[data-theme="dark"] .selected>.row-account>.account-radio,:root[data-theme="dark"] .account-choice.selected>.account-radio{border:2px solid #204bff;background:#204bff;box-shadow:inset 0 0 0 2px #050d1d}
:root[data-theme="dark"] .account-brand{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .row-account small,:root[data-theme="dark"] .account-choice small{color:#c7d2ff}
:root[data-theme="dark"] .live-dot{color:#90a5ff}
:root[data-theme="dark"] .muted{color:#c7d2ff}
:root[data-theme="dark"] .all-accounts{color:#90a5ff}
:root[data-theme="dark"] .account-title small{color:#c7d2ff}
:root[data-theme="dark"] .account-title p{color:#c7d2ff}
:root[data-theme="dark"] .account-numbers{border:1px solid #050d1d}
:root[data-theme="dark"] .account-numbers span,:root[data-theme="dark"] .account-summary span{color:#c7d2ff}
:root[data-theme="dark"] .account-actions .secondary-button{background:#050d1d;color:#f6f5f2}
:root[data-theme="dark"] .portal-risk{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .portal-risk h3{color:#c7d2ff}
:root[data-theme="dark"] .platform-promo p{color:#c7d2ff}
:root[data-theme="dark"] .platform-promo button{color:#90a5ff}
:root[data-theme="dark"] .account-choice{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .account-choice.selected{background:#050d1d;border-color:#050d1d;box-shadow:inset 3px 0 #050d1d}
:root[data-theme="dark"] .account-summary>div{border-left:1px solid #050d1d}
:root[data-theme="dark"] .account-summary>div:first-child{border:0}
:root[data-theme="dark"] .account-full .portal-metrics{border-top:1px solid #050d1d}
:root[data-theme="dark"] .account-full .portal-metric{border:0;border-left:1px solid #050d1d}
:root[data-theme="dark"] .positions-header b{background:#204bff;color:#ffffff}
:root[data-theme="dark"] .positions-header small{color:#c7d2ff}
@media(max-width:760px){:root[data-theme="dark"] .reference-client #role-tabs{box-shadow:none}}
:root[data-theme="dark"] .wallet-activation p{color:#c7d2ff}
:root[data-theme="dark"] .inactive-badge{border:1px solid #050d1d;background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .fund-icon{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .fund-icon-1{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .fund-icon-2{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .fund-option p{color:#c7d2ff}
:root[data-theme="dark"] .transaction-tabs button{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .transaction-tabs button.selected{background:#204bff;color:white;border-color:#204bff}
:root[data-theme="dark"] .transaction-filters label{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .transaction-filters input{border:0;background:none;outline:0}
:root[data-theme="dark"] .transaction-card th{color:#f6f5f2}
:root[data-theme="dark"] .transaction-card td{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .transaction-pagination select{border:1px solid #050d1d}
:root[data-theme="dark"] .transaction-pagination button{border:1px solid #050d1d}
:root[data-theme="dark"] .transaction-help p{color:#c7d2ff}
:root[data-theme="dark"] #transaction-filter-fields select,:root[data-theme="dark"] #transaction-dates input{border:1px solid #050d1d}
:root[data-theme="dark"] .client-card-top p{color:#c7d2ff}
:root[data-theme="dark"] .sample-bank{border:1px solid #050d1d}
:root[data-theme="dark"] .bank-security li{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .bank-security p,:root[data-theme="dark"] .bank-note p{color:#c7d2ff}
:root[data-theme="dark"] .bank-note{background:#050d1d;color:#f66b24}
:root[data-theme="dark"] .coming-symbol{color:#f66b24}
:root[data-theme="dark"] .client-coming p{color:#c7d2ff}
:root[data-theme="dark"] .client-report-controls label{color:#c7d2ff}
:root[data-theme="dark"] .client-report-controls input,:root[data-theme="dark"] .client-report-controls select{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .client-stat h2 span{color:#c7d2ff}
:root[data-theme="dark"] .client-stat p{color:#c7d2ff}
:root[data-theme="dark"] .client-history-table td small{color:#c7d2ff}
:root[data-theme="dark"] .positive{color:#90a5ff}
:root[data-theme="dark"] .negative{color:#f66b24}
:root[data-theme="dark"] .client-stat-hero small{color:#c7d2ff}
:root[data-theme="dark"] .client-donut{background:conic-gradient(#204bff var(--share),var(--remainder,#050d1d) 0)}
:root[data-theme="dark"] .client-donut:before{background:#050d1d}
:root[data-theme="dark"] .client-performance-bars{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .client-performance-bars i{background:#204bff}
:root[data-theme="dark"] .client-performance-bars small{color:#c7d2ff}
:root[data-theme="dark"] .client-platform-hero{background:linear-gradient(110deg,#050d1d,#050d1d)}
:root[data-theme="dark"] .client-platform-hero h2{color:#90a5ff}
:root[data-theme="dark"] .client-platform-hero p{color:#c7d2ff}
:root[data-theme="dark"] .platform-device{background:#050d1d;border:8px solid #050d1d;color:white;box-shadow:0 15px 30px #050d1d26}
:root[data-theme="dark"] .mini-market i{background:#050d1d}
:root[data-theme="dark"] .mini-market i:nth-child(3n){background:#f66b24}
:root[data-theme="dark"] .client-platform-intro{color:#c7d2ff}
:root[data-theme="dark"] .client-platform-grid p{color:#c7d2ff}
:root[data-theme="dark"] .client-platform-grid small{color:#c7d2ff}
:root[data-theme="dark"] .platform-device-small{background:#050d1d}
:root[data-theme="dark"] .platform-device-small svg{color:#90a5ff}
:root[data-theme="dark"] .client-support>aside{border-right:1px solid #050d1d}
:root[data-theme="dark"] .client-support input{border:1px solid #050d1d}
:root[data-theme="dark"] #ticket-list>button{border-top:1px solid #050d1d}
:root[data-theme="dark"] #ticket-list small{color:#c7d2ff}
:root[data-theme="dark"] #ticket-list p{color:#c7d2ff}
:root[data-theme="dark"] #ticket-conversation>p{color:#c7d2ff}
:root[data-theme="dark"] #ticket-conversation header{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .sample-conversation p{background:#050d1d}
:root[data-theme="dark"] .sample-conversation p:nth-child(even){background:#050d1d}
@media(max-width:760px){:root[data-theme="dark"] .client-support>aside{border:0;border-bottom:1px solid #050d1d}}
/* partner-template.css — dark */
:root[data-theme="dark"] .reference-partner{background:#050d1d;color:#f6f5f2;--blue:#204bff;--ink:#f6f5f2;--muted:#c7d2ff}
:root[data-theme="dark"] .reference-partner .platform-header{background:#050d1d;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .reference-partner .simulation-banner{border:0;background:none}
:root[data-theme="dark"] .reference-partner .platform-sidebar{background:#050d1d;border-right:1px solid #050d1d}
:root[data-theme="dark"] .reference-partner .portal-logo{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .partner-portal-label{color:#90a5ff}
:root[data-theme="dark"] .reference-partner .portal-group summary{color:#c7d2ff}
:root[data-theme="dark"] .reference-partner .side-link{color:#c7d2ff}
:root[data-theme="dark"] .reference-partner .side-link.active{background:#050d1d;box-shadow:inset 2px 0 #204bff;color:#f6f5f2}
:root[data-theme="dark"] .reference-partner .side-link:hover{background:#050d1d}
:root[data-theme="dark"] .partner-help{border:1px solid #050d1d;color:#f6f5f2}
:root[data-theme="dark"] .partner-help small{color:#c7d2ff}
:root[data-theme="dark"] .reference-partner .portal-toolbar{border-bottom:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .reference-partner .portal-search{background:#050d1d}
:root[data-theme="dark"] .reference-partner .portal-person{background:#050d1d}
:root[data-theme="dark"] .portal-switch{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .reference-partner #workspace-intro{color:#c7d2ff}
:root[data-theme="dark"] .reference-partner #role-tabs{box-shadow:0 3px 15px #050d1d1a}
:root[data-theme="dark"] .reference-partner .primary-button{background:#204bff;border:1px solid #204bff;color:white}
:root[data-theme="dark"] .reference-partner .secondary-button{border:1px solid #050d1d;background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .partner-link{color:#90a5ff}
:root[data-theme="dark"] .partner-eyebrow{color:#90a5ff}
:root[data-theme="dark"] .partner-card{background:#050d1d;border:1px solid #050d1d;box-shadow:0 2px 8px #050d1d03}
:root[data-theme="dark"] .partner-card>header{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .partner-card header p{color:#c7d2ff}
:root[data-theme="dark"] .partner-card-body p{color:#c7d2ff}
:root[data-theme="dark"] .partner-muted{color:#c7d2ff!important}
:root[data-theme="dark"] .partner-metrics article{background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .partner-metric-icon{border:1px solid #050d1d;background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .partner-metrics span:not(.partner-metric-icon){color:#c7d2ff}
:root[data-theme="dark"] .partner-metrics small{color:#c7d2ff}
:root[data-theme="dark"] .partner-pulse{border:1px solid #050d1d;background:linear-gradient(110deg,#050d1d,#050d1d)}
:root[data-theme="dark"] .partner-pulse p{color:#c7d2ff}
:root[data-theme="dark"] .partner-pulse strong small{color:#c7d2ff}
:root[data-theme="dark"] .partner-pulse>div>small{color:#c7d2ff}
:root[data-theme="dark"] .partner-pulse>button{background:#204bff;color:white}
:root[data-theme="dark"] .network-reach-bar{background:linear-gradient(90deg,#204bff 0 65%,#f66b24 65% 80%,#050d1d 80%)}
:root[data-theme="dark"] .partner-profile{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .partner-profile .person-avatar{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .partner-profile p{color:#c7d2ff}
:root[data-theme="dark"] .partner-mini-grid>div{background:#050d1d}
:root[data-theme="dark"] .partner-mini-grid small{color:#c7d2ff}
:root[data-theme="dark"] .partner-referral-box{border-top:1px solid #050d1d}
:root[data-theme="dark"] .partner-referral-box p{color:#c7d2ff}
:root[data-theme="dark"] .partner-referral-box code{background:#050d1d}
:root[data-theme="dark"] .partner-calendar small{color:#c7d2ff}
:root[data-theme="dark"] .partner-calendar button{background:#050d1d}
:root[data-theme="dark"] .partner-calendar button.heat-0{background:#050d1d}
:root[data-theme="dark"] .partner-calendar button.heat-1{background:#050d1d}
:root[data-theme="dark"] .partner-calendar button.heat-2{background:#050d1d}
:root[data-theme="dark"] .partner-calendar button.heat-3{background:#204bff;color:white}
:root[data-theme="dark"] .heat-legend i{background:#050d1d}
:root[data-theme="dark"] .heat-legend i:nth-of-type(2){background:#050d1d}
:root[data-theme="dark"] .heat-legend i:nth-of-type(3){background:#050d1d}
:root[data-theme="dark"] .heat-legend i:nth-of-type(4){background:#204bff}
:root[data-theme="dark"] .reference-partner label{color:#c7d2ff}
:root[data-theme="dark"] .reference-partner input:not([type=range]),:root[data-theme="dark"] .reference-partner select,:root[data-theme="dark"] .reference-partner textarea{border:1px solid #050d1d;background:#050d1d;color:#f6f5f2}
:root[data-theme="dark"] .reference-partner input::placeholder{color:#c7d2ff}
:root[data-theme="dark"] .partner-planner label{color:#f6f5f2}
:root[data-theme="dark"] .partner-planner output{color:#90a5ff}
:root[data-theme="dark"] .scenario-result{background:#050d1d}
:root[data-theme="dark"] .scenario-result small{color:#c7d2ff}
:root[data-theme="dark"] .scenario-result p{color:#c7d2ff}
:root[data-theme="dark"] .partner-categories>div{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .partner-categories strong{color:#f6f5f2}
:root[data-theme="dark"] .referral-url{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .network-canvas{background:radial-gradient(ellipse at center,#050d1d,#050d1d 75%);border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .network-canvas input{background:#050d1d!important;border-color:#050d1d!important;color:#c7d2ff!important}
:root[data-theme="dark"] .network-canvas .secondary-button{background:none;color:#c7d2ff;border-color:#050d1d}
:root[data-theme="dark"] .network-legend span:first-child{color:#90a5ff}
:root[data-theme="dark"] .network-legend span:nth-child(2){color:#90a5ff}
:root[data-theme="dark"] .network-legend span:last-child{color:#c7d2ff}
:root[data-theme="dark"] .network-node{border:2px solid #050d1d;background:#050d1d;color:white}
:root[data-theme="dark"] .network-node.root{border:2px solid #050d1d;box-shadow:0 15px 55px #050d1d3d}
:root[data-theme="dark"] .network-node small{color:#c7d2ff}
:root[data-theme="dark"] .network-branches:before{border:1px solid #050d1d;border-bottom:0}
:root[data-theme="dark"] .network-branches:after{background:#050d1d}
:root[data-theme="dark"] .network-node.child{background:#050d1d;border-color:#050d1d}
:root[data-theme="dark"] .network-node.client{background:#204bff;border-color:#050d1d}
:root[data-theme="dark"] .partner-result-strip{background:#050d1d;border-top:1px solid #050d1d;border-bottom:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .partner-listing th{background:#050d1d;color:#c7d2ff}
:root[data-theme="dark"] .partner-listing td small{color:#c7d2ff}
:root[data-theme="dark"] .partner-pagination{border-top:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .partner-transfer-layout hr{border:0;border-top:1px solid #050d1d}
:root[data-theme="dark"] .community-stats{background:#050d1d;border-top:1px solid #050d1d}
:root[data-theme="dark"] .community-stats>div{border-right:1px solid #050d1d}
:root[data-theme="dark"] .community-stats small{color:#c7d2ff}
:root[data-theme="dark"] .community-tasks button{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .community-tasks span{color:#c7d2ff}
:root[data-theme="dark"] .community-tasks b{color:#c7d2ff}
:root[data-theme="dark"] .partner-channel article{background:#050d1d}
:root[data-theme="dark"] .sample-session{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .reference-partner .portal-search input{border:0;background:none}
@media(max-width:760px){:root[data-theme="dark"] .reference-partner .platform-sidebar{border-right:0}
:root[data-theme="dark"] .reference-partner #role-tabs{box-shadow:none}}
:root[data-theme="dark"] .partner-theme-options label{border:1px solid #050d1d;color:#f6f5f2}
:root[data-theme="dark"] .partner-theme-options small{color:#c7d2ff}
:root[data-theme="dark"] .partner-alert-list>div{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .demo-api-response{background:#050d1d;color:#c7d2ff}
/* admin-template.css — dark */
:root[data-theme="dark"] .reference-admin{--blue:#204bff;--ink:#f6f5f2;--muted:#c7d2ff;background:#050d1d;color:#f6f5f2}
:root[data-theme="dark"] .reference-admin .platform-header{background:#050d1d;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .reference-admin .simulation-banner{background:none;border:0}
:root[data-theme="dark"] .reference-admin .platform-sidebar{background:#050d1d;border-right:1px solid #050d1d}
:root[data-theme="dark"] .reference-admin .portal-logo{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .reference-admin .side-link{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin .side-link.active{background:linear-gradient(100deg,#1a3ccc,#90a5ff);color:white;box-shadow:0 2px 5px #1a3ccc33}
:root[data-theme="dark"] .admin-count{background:#f66b24;color:#fbb592}
:root[data-theme="dark"] .admin-nav-group summary{color:#c7d2ff}
:root[data-theme="dark"] .admin-nav-label{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin .admin-toolbar{background:#050d1d;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .admin-toolbar>strong{color:#f6f5f2}
:root[data-theme="dark"] .admin-toolbar label{color:#c7d2ff}
:root[data-theme="dark"] .admin-toolbar input{border:0;outline:0;background:none}
:root[data-theme="dark"] .admin-toolbar kbd{border:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .admin-toolbar sup{background:#f66b24;color:white}
:root[data-theme="dark"] .reference-admin #workspace-intro{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin #role-tabs{box-shadow:0 3px 15px #050d1d14}
:root[data-theme="dark"] .reference-admin #admin-workspace-tabs{background:#050d1d;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .reference-admin #admin-workspace-tabs button{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin #admin-workspace-tabs button.active{background:#050d1d;color:white}
:root[data-theme="dark"] .admin-card{background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .admin-card header p{color:#c7d2ff}
:root[data-theme="dark"] .admin-kpi-icon.green{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .admin-kpi-icon.orange{background:#050d1d;color:#fbb592}
:root[data-theme="dark"] .admin-kpi-icon.blue{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .admin-kpi h3{color:#c7d2ff}
:root[data-theme="dark"] .admin-kpi>strong{color:#c7d2ff}
:root[data-theme="dark"] .admin-kpi>p{color:#c7d2ff}
:root[data-theme="dark"] .admin-coverage.green{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .admin-coverage.blue{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .admin-total{color:#c7d2ff}
:root[data-theme="dark"] .admin-pending-grid>article{border:1px solid #050d1d}
:root[data-theme="dark"] .admin-pending-grid h3{color:#c7d2ff}
:root[data-theme="dark"] .admin-pending-grid p{color:#c7d2ff}
:root[data-theme="dark"] .admin-chart-tabs button{color:#c7d2ff}
:root[data-theme="dark"] .admin-chart-tabs .active{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .admin-bars{border:1px solid #050d1d}
:root[data-theme="dark"] .admin-bars i{background:#050d1d}
:root[data-theme="dark"] .admin-bars>div:last-child i{background:#1a3ccc}
:root[data-theme="dark"] .admin-bars strong{color:#c7d2ff}
:root[data-theme="dark"] .admin-bars small{color:#c7d2ff}
:root[data-theme="dark"] .admin-target p{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin .primary-button{background:#1a3ccc;color:#ffffff;border:1px solid #1a3ccc}
:root[data-theme="dark"] .reference-admin .secondary-button{background:#050d1d;color:#c7d2ff;border:1px solid #050d1d}
:root[data-theme="dark"] .admin-list-toolbar label{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin input:not([type=checkbox]),:root[data-theme="dark"] .reference-admin select{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .admin-list-meta{color:#c7d2ff}
:root[data-theme="dark"] .admin-directory th{color:#c7d2ff}
:root[data-theme="dark"] .admin-directory td{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .admin-directory td small{color:#c7d2ff}
:root[data-theme="dark"] .admin-client-name{color:#f6f5f2}
:root[data-theme="dark"] .admin-pagination{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin .panel{background:#050d1d;border:1px solid #050d1d}
:root[data-theme="dark"] .reference-admin .panel-header p{color:#c7d2ff}
:root[data-theme="dark"] .reference-admin .record-toolbar{border:0;background:#050d1d}
:root[data-theme="dark"] .admin-toolbar label input{border:0!important}
:root[data-theme="dark"] #admin-extra-filters label{color:#c7d2ff}
:root[data-theme="dark"] .admin-config-form label{color:#c7d2ff}
:root[data-theme="dark"] .admin-config-form textarea{border:1px solid #050d1d}
:root[data-theme="dark"] .admin-config-note{background:#050d1d;color:#fbb592;border:1px solid #050d1d}
@media(max-width:760px){:root[data-theme="dark"] .reference-admin #role-tabs{box-shadow:none}}
:root[data-theme="dark"] .admin-queue-card{border:1px solid #050d1d;background:#050d1d;color:#f6f5f2}
:root[data-theme="dark"] .admin-queue-card small{color:#c7d2ff}
:root[data-theme="dark"] .admin-queue-card:hover{border-color:#050d1d}
:root[data-theme="dark"] .admin-timeline li{border-left:2px solid #050d1d}
:root[data-theme="dark"] .admin-timeline li:before{border:3px solid #050d1d;background:#204bff}
:root[data-theme="dark"] .admin-timeline li:nth-child(even):before{background:#f66b24;border-color:#050d1d}
:root[data-theme="dark"] .admin-timeline time{color:#c7d2ff}
:root[data-theme="dark"] .admin-timeline small,:root[data-theme="dark"] .admin-cell-secondary{color:#c7d2ff}
:root[data-theme="dark"] .admin-text-action{color:#90a5ff}
:root[data-theme="dark"] .admin-performance-legend{color:#90a5ff}
:root[data-theme="dark"] .admin-performance-bars>div{color:#c7d2ff}
:root[data-theme="dark"] .admin-performance-bars i{background:#90a5ff}
:root[data-theme="dark"] .reference-admin .admin-card h2 small{color:#c7d2ff}
:root[data-theme="dark"] .admin-record-metrics span,:root[data-theme="dark"] .admin-record-metrics small{color:#c7d2ff}
:root[data-theme="dark"] .admin-record-metrics strong{color:#f6f5f2}
:root[data-theme="dark"] .admin-reference-filters{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .admin-reference-filters label,:root[data-theme="dark"] .admin-record-search label{color:#c7d2ff}
:root[data-theme="dark"] .admin-record-search>span{color:#c7d2ff}
:root[data-theme="dark"] .admin-record-page td small{color:#c7d2ff}
:root[data-theme="dark"] .admin-record-page th button{color:inherit}
:root[data-theme="dark"] #admin-extra-filters{border-top:1px solid #050d1d;border-bottom:1px solid #050d1d}
:root[data-theme="dark"] #admin-new-client>small{color:#c7d2ff}
:root[data-theme="dark"] .admin-support-queues{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .admin-support-queues button{color:#c7d2ff;border-bottom:2px solid transparent}
:root[data-theme="dark"] .admin-support-queues button.active{border-color:#204bff;color:#90a5ff}
:root[data-theme="dark"] .admin-support-queues b{background:#050d1d}
:root[data-theme="dark"] .admin-ticket-subject{color:#f6f5f2}
:root[data-theme="dark"] .admin-ticket-subject small{color:#c7d2ff}
:root[data-theme="dark"] .admin-support th{background:#050d1d}
:root[data-theme="dark"] #support-updated{color:#c7d2ff}
:root[data-theme="dark"] .admin-session-form label{color:#c7d2ff}
:root[data-theme="dark"] .admin-session-form textarea{border:1px solid #050d1d;background:#050d1d;color:#f6f5f2}
:root[data-theme="dark"] #session-error{color:#f66b24}
:root[data-theme="dark"] .admin-inbox-contact{border-bottom:1px solid #050d1d;color:#f6f5f2}
:root[data-theme="dark"] .admin-inbox-contact small{color:#c7d2ff}
:root[data-theme="dark"] .admin-inbox-contact:hover{background:#050d1d}
:root[data-theme="dark"] .admin-inbox textarea{border:1px solid #050d1d;background:#050d1d;color:#f6f5f2}
:root[data-theme="dark"] .admin-inbox .sample-conversation small{color:#c7d2ff}
:root[data-theme="dark"] .admin-inbox .team-reply{border-left:3px solid #f66b24}
:root[data-theme="dark"] .admin-integration-grid p,:root[data-theme="dark"] .admin-integration-grid small{color:#c7d2ff}
:root[data-theme="dark"] .admin-integration-grid hr{border:0;border-top:1px solid #050d1d}
:root[data-theme="dark"] .admin-integration-details dt{color:#c7d2ff}
:root[data-theme="dark"] .integration-success{color:#90a5ff}
:root[data-theme="dark"] .admin-integration-grid #chat-error{color:#f66b24}
/* signup.css — dark */
:root[data-theme="dark"] .signup-page{background:#050d1d}
:root[data-theme="dark"] .signup-header{border-bottom:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .back-link{color:#c7d2ff}
:root[data-theme="dark"] .back-link:hover{color:var(--blue)}
:root[data-theme="dark"] .signup-eyebrow{color:#c7d2ff}
:root[data-theme="dark"] .status-dot{background:var(--blue)}
:root[data-theme="dark"] .story-intro{color:#c7d2ff}
:root[data-theme="dark"] .story-signoff{color:#c7d2ff}
:root[data-theme="dark"] .signup-panel{background:#050d1d;border:1px solid #050d1d;box-shadow:0 16px 60px #050d1d10}
:root[data-theme="dark"] .preview-badge{background:#050d1d;color:#90a5ff}
:root[data-theme="dark"] .form-intro{color:#c7d2ff}
:root[data-theme="dark"] .field input{border:1px solid #050d1d;color:#f6f5f2;background:#050d1d}
:root[data-theme="dark"] .field input::placeholder{color:#c7d2ff}
:root[data-theme="dark"] .field input:focus{background:#050d1d}
:root[data-theme="dark"] .password-toggle{color:#c7d2ff}
:root[data-theme="dark"] .field-hint{color:#c7d2ff}
:root[data-theme="dark"] .preview-note{color:#c7d2ff}
:root[data-theme="dark"] .signup-status{background:#050d1d;border:1px solid #050d1d;color:#90a5ff}
:root[data-theme="dark"] .signup-help{border-top:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] .signup-help a{color:var(--blue)}
:root[data-theme="dark"] .signup-footer{border-top:1px solid #050d1d;color:#c7d2ff}
:root[data-theme="dark"] #signup-form{border:0;background:transparent}
:root[data-theme="dark"] #signup-form .signup-submit{background:var(--blue);color:#ffffff}
:root[data-theme="dark"] #signup-form .signup-submit:hover{background:#1a3ccc}
:root[data-theme="dark"] .auth-form{border:0;background:transparent}
:root[data-theme="dark"] .auth-form .signup-submit{background:var(--blue);color:#ffffff}
:root[data-theme="dark"] .auth-form .signup-submit:hover{background:#1a3ccc}
:root[data-theme="dark"] .auth-switch{color:#c7d2ff}
:root[data-theme="dark"] .auth-switch a,:root[data-theme="dark"] .resend-row button{color:var(--blue)}
:root[data-theme="dark"] .signup-status[data-error="true"]{background:#050d1d;border-color:#050d1d;color:#f66b24}
:root[data-theme="dark"] .step-badge{color:#c7d2ff}
:root[data-theme="dark"] .auth-icon{background:#050d1d;color:var(--blue)}
:root[data-theme="dark"] .field .otp-input{color:var(--blue)}
:root[data-theme="dark"] .resend-row{color:#c7d2ff}
:root[data-theme="dark"] .email-preview{border-top:1px solid #050d1d}
:root[data-theme="dark"] .email-preview summary{color:var(--blue)}
:root[data-theme="dark"] .email-preview iframe{border:1px solid #050d1d;background:#050d1d}
:root[data-theme="dark"] .account-details>div{border-bottom:1px solid #050d1d}
:root[data-theme="dark"] .account-details dt{color:#c7d2ff}
:root[data-theme="dark"] .account-active{color:#90a5ff}
:root[data-theme="dark"] .logout-button{color:#c7d2ff}
:root[data-theme="dark"] .email-preview>p{background:transparent;color:#c7d2ff}
/* Terminal — light */
:root[data-theme="light"] body.trading-terminal{background:#ffffff;color:#12298c}
:root[data-theme="light"] .terminal-top{background:#f6f5f2;border-bottom:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-badge{color:#f66b24;background:#f6f5f2;border:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-top label{color:#202630}
:root[data-theme="light"] .terminal-shell input,:root[data-theme="light"] .terminal-shell select{border:1px solid #e9ecf2;background:#f6f5f2;color:#12298c}
:root[data-theme="light"] .terminal-top button,:root[data-theme="light"] .terminal-top>a:last-child{border:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-notice{background:#ffffff;color:#667085}
:root[data-theme="light"] .terminal-notice i{background:#f66b24}
:root[data-theme="light"] .terminal-notice button{color:#202630}
:root[data-theme="light"] .terminal-grid{border-top:1px solid #e9ecf2;border-bottom:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-watch,:root[data-theme="light"] .terminal-order{background:#ffffff;border-right:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-order{border-right:0;border-left:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-watch h2 span{color:#667085}
:root[data-theme="light"] .watch-labels{color:#667085}
:root[data-theme="light"] #market-watch button{color:#12298c}
:root[data-theme="light"] #market-watch button.selected{background:#f6f5f2;box-shadow:inset 2px 0 #e9ecf2}
:root[data-theme="light"] #market-watch b{color:#204bff}
:root[data-theme="light"] #market-watch small{color:#667085}
:root[data-theme="light"] .watch-foot{color:#667085;border-top:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-chart{background:#ffffff}
:root[data-theme="light"] .chart-heading{border-bottom:1px solid #e9ecf2}
:root[data-theme="light"] .chart-heading span{color:#667085}
:root[data-theme="light"] .chart-timeframes button{color:#202630}
:root[data-theme="light"] .chart-timeframes .active{background:#e9ecf2;color:#12298c}
:root[data-theme="light"] .chart-legend{color:#667085}
:root[data-theme="light"] .up-dot,:root[data-theme="light"] .down-dot{background:#90a5ff}
:root[data-theme="light"] .down-dot{background:#f66b24}
:root[data-theme="light"] .terminal-order label{color:#667085}
:root[data-theme="light"] .order-quotes>div{border:1px solid #e9ecf2;background:#f6f5f2;color:#c5561d}
:root[data-theme="light"] .order-quotes>div+div{background:#f6f5f2;border-color:#e9ecf2;color:#204bff}
:root[data-theme="light"] #order-estimate,:root[data-theme="light"] .spread-note{color:#667085}
:root[data-theme="light"] .trade-buttons button{color:#202630}
:root[data-theme="light"] .trade-buttons .sell{background:#f66b24}
:root[data-theme="light"] .trade-buttons .buy{background:#e9ecf2}
:root[data-theme="light"] #terminal-metrics{background:#f6f5f2;border-bottom:1px solid #e9ecf2}
:root[data-theme="light"] #terminal-metrics span{color:#667085}
:root[data-theme="light"] .terminal-blotter{background:#ffffff}
:root[data-theme="light"] .terminal-blotter>header{border-bottom:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-blotter [role=tab]{color:#667085;border-bottom:2px solid transparent}
:root[data-theme="light"] .terminal-blotter [role=tab].active{color:#c5561d;border-color:#e9ecf2}
:root[data-theme="light"] #export-trades{color:#202630}
:root[data-theme="light"] .terminal-shell th{color:#667085;background:#ffffff}
:root[data-theme="light"] .terminal-shell td{border-bottom:1px solid #e9ecf2}
:root[data-theme="light"] .terminal-shell td button{border:1px solid #e9ecf2;color:#202630}
:root[data-theme="light"] .terminal-shell td.terminal-empty{color:#667085}
:root[data-theme="light"] .terminal-shell .up{color:#204bff}
:root[data-theme="light"] .terminal-shell .down{color:#c5561d}
:root[data-theme="light"] #terminal-status{background:#f6f5f2;color:#202630;border-top:1px solid #e9ecf2}
:root[data-theme="light"] #terminal-status.error{color:#f66b24;background:#f6f5f2}
:root[data-theme="light"] .trading-terminal dialog{color:#667085}
@media(max-width:760px){:root[data-theme="light"] .terminal-watch{border-right:0}
:root[data-theme="light"] .terminal-order{border:0;border-top:1px solid #e9ecf2}}
:root[data-theme="dark"]{--ink:#f6f5f2;--muted:#c7d2ff;--line:#050d1d;--bg:#050d1d}
:root[data-theme="dark"] .module-icon,:root[data-theme="dark"] .welcome h1>span,:root[data-theme="dark"] .all-accounts,:root[data-theme="dark"] .platform-promo button{color:#90a5ff}
:root[data-theme="dark"] .terminal-shell th,:root[data-theme="dark"] .terminal-shell label,:root[data-theme="dark"] .terminal-shell small,:root[data-theme="dark"] #order-estimate,:root[data-theme="dark"] .chart-legend{color:#c7d2ff}
:root[data-theme="dark"] body{background:#050d1d;color:#f6f5f2}
:root[data-theme="dark"] .reference-client,:root[data-theme="dark"] .reference-admin{--ink:#f6f5f2;--muted:#c7d2ff;--line:#050d1d;--bg:#050d1d}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{color:#f6f5f2;background-color:#050d1d;border-color:#050d1d}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#fbb592}
:root[data-theme="dark"] .primary-button,:root[data-theme="dark"] .side-link.active,:root[data-theme="dark"] .account-tabs button.selected{color:#ffffff}
:root[data-theme="dark"] .account-tabs .selected b{color:#ffffff;background:#050d1d}
:root[data-theme="dark"] .primary-button{background:#204bff}
:root[data-theme="dark"] dialog,:root[data-theme="dark"] .trading-terminal dialog{background:#050d1d;color:#f6f5f2;border-color:#050d1d}
:root[data-theme="dark"] .terminal-shell{color:#f6f5f2}
:root[data-theme="light"] body.trading-terminal{background:#f6f5f2;color:#202630}
:root[data-theme="light"] .trade-buttons button{color:#ffffff}
:root[data-theme="light"] .terminal-top .appearance-toggle{background:#ffffff;color:#202630}
:root[data-theme="dark"] .reference-client .portal-search input{color:#f6f5f2}
:root[data-theme="dark"] .side-link.active:before{background:#f66b24}
@media(max-width:760px){.appearance-toggle{padding:6px 8px}.platform-header .topbar-right{gap:8px}.terminal-top .appearance-toggle{margin-left:auto}.signup-header{gap:12px;flex-wrap:wrap;height:auto;min-height:96px;padding-block:16px}.signup-header .appearance-toggle{margin-left:auto}}

:root[data-theme="dark"] body.reference-client,:root[data-theme="dark"] body.reference-admin,:root[data-theme="dark"] body.reference-partner{background:#050d1d}

/* Preserve trading action emphasis against the black surfaces. */
:root[data-theme="dark"] .terminal-shell .trade-buttons .sell{background:#f66b24;color:#ffffff}
:root[data-theme="dark"] .terminal-shell .trade-buttons .buy{background:#204bff;color:#ffffff}
:root[data-theme="dark"] .terminal-shell .chart-timeframes .active{background:#050d1d;color:#f6f5f2}
