/* Account pages (Account, Settings, API providers), sign-in screen and global shell — UI standard, October 2026.
   Presentation only. Tokens only; loaded after platform-design.css. */

/* ── Sign-in screen: always the dark palette, so the light theme cannot leave light text on a light box. ── */
#loginOverlay{color-scheme:dark;--bg-app:#0b1017;--bg-panel:#111923;--bg-panel-hi:#182230;--bg-input:#0d151f;--border-default:#2a3b4e;--border-subtle:#202e3e;--surface-selected:#142d46;--text-primary:#eaf0f8;--text-secondary:#b4c2d4;--text-tertiary:#95a6bb}
#loginOverlay .setup-eyebrow{font-size:14px;letter-spacing:.5px}
#loginOverlay .setup-intro{font-size:15px}
#loginOverlay .setup-list h3{font-size:15px}
#loginOverlay .setup-list h3 span{font-size:14px}
#loginOverlay .setup-list a{font-size:14px}
#loginOverlay .setup-more{margin-top:10px;border-top:1px solid var(--border-subtle);padding-top:8px}
#loginOverlay .setup-more>summary{font-size:14px;margin:0;color:var(--text-secondary)}
#loginOverlay .setup-more ul{margin:8px 0 0;padding-left:18px}
#loginOverlay .setup-more li{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:4px 0}
#loginOverlay .setup-fineprint{font-size:14px;line-height:1.5}
#loginOverlay .login-note{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0 0 16px}
#loginOverlay #devLoginNote{font-size:14px}

/* ── Shared PIN and confirmation dialogs ── */
.pin-box{background:var(--bg-panel);border-color:var(--border-default)}
.pin-box h3{font-size:1.125rem}
.pin-box .pin-sub{font-size:1rem;color:var(--text-secondary)}
.pin-box .pin-actions .btn{border:1px solid var(--border-default);padding:10px;font-size:1rem}
.pin-box .pin-actions .btn.bp{border-color:transparent}
.pin-box .btn.bd,#p-profile .btn.bd,#p-settings .btn.bd,#p-apisettings .btn.bd{color:var(--red);border-color:var(--red);background:var(--state-bear-bg)}
.pin-box .pin-setup-link{margin:0 auto 12px;display:inline-flex}
.pin-box .pin-setup-link[hidden]{display:none}

/* ── Top bar ── */
#topMarketStatus{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.topbar .market-pill{font:inherit;cursor:pointer;color:var(--text-secondary);text-align:left;border:1px solid var(--border-default)}
.topbar .market-pill.is-open{color:var(--grn)}
.topbar .market-pill:hover{border-color:var(--border-strong)}
.topbar .pill.pill-good{border-color:var(--grn)}
.topbar .pill.pill-warn{border-color:var(--amb)}
.ck-pill{display:inline-flex;align-items:baseline;gap:6px}
.ck-pill .ck-val{font-weight:700;font-family:var(--mono)}
.ck-pill .ck-lbl{color:var(--text-tertiary)}
#d-eq{color:var(--grn)}
#ckKillBtn{color:var(--amb);border-color:var(--amb);background:var(--state-warn-bg);font-weight:700}
#ckKillBtn.ck-kill-halt{color:var(--red);border-color:var(--red);background:var(--state-bear-bg)}

/* ── Sidebar and account menu ── */
.nav-item .badge.badge-warn{background:var(--ambBg);color:var(--amb)}
.nav-item .badge[hidden]{display:none}
.workspace-account-menu .account-item-label{flex:1}
.workspace-account-menu .account-menu-item{border-top:1px solid var(--border-subtle)!important;border-radius:0 0 5px 5px}
.workspace-account-menu .account-signout{color:var(--red)}
.workspace-account-menu .account-signout:disabled{opacity:.6;cursor:progress}
.workspace-account-menu .account-menu-status{margin:6px 10px 2px;font-size:.889rem;color:var(--red)}
.workspace-account-menu .nav-item .icon{width:22px}

/* ── Account (profile) ── */
#p-profile .account-deploy{margin:-4px 0 12px;color:var(--amb)}
#p-profile .account-deploy:empty{display:none}
#p-profile .profile-msg{margin-bottom:12px}
#p-profile .profile-card{background:var(--bg-panel);border:1px solid var(--border-default);margin-bottom:12px}
#p-profile .profile-grid>.profile-card{margin-bottom:0}
#p-profile .profile-grid{margin-bottom:12px}
#p-profile .profile-field label{text-transform:none;letter-spacing:0;font-size:1rem;color:var(--text-secondary)}
#p-profile .profile-field input{background:var(--bg-input);border-color:var(--border-default);color:var(--text-primary);font-size:1rem}
#p-profile .profile-help{margin:4px 0 12px}
#p-profile .profile-meta{gap:12px}
#p-profile .profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.profile-status{font-size:1rem;color:var(--text-secondary)}
.profile-status:empty{display:none}
.profile-status.ok{color:var(--grn)}.profile-status.warn{color:var(--amb)}.profile-status.err{color:var(--red)}
#p-profile .audit-log{max-height:260px;overflow-y:auto}
#p-profile .audit-row{border-color:var(--border-subtle);font-size:1rem;gap:12px}
#p-profile .audit-time{color:var(--text-tertiary);font-family:var(--mono);font-size:.889rem;white-space:nowrap}
#p-profile .profile-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#p-profile .profile-empty .workspace-empty{padding:0}
.mm-val.pos{color:var(--grn)}.mm-val.neg{color:var(--red)}
#p-profile .email-change .profile-actions{margin-top:4px}
#p-profile .email-change [data-email-status]{margin:4px 0}

/* ── Settings ── */
#p-settings .fld{margin-bottom:10px}
#p-settings .fld label{text-transform:none;letter-spacing:0;font-weight:500;font-size:1rem;color:var(--text-secondary)}
#p-settings .fld input,#p-settings .fld select{width:100%;box-sizing:border-box}
#p-settings .profile-help{margin:0 0 12px}
#p-settings .set-hint{font-size:.889rem;color:var(--text-tertiary)}
#p-settings .set-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
#p-settings .set-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#p-settings .set-card-head .card-t{margin:0}
#p-settings .set-fields{gap:0 12px}
.set-status{font-size:1rem;color:var(--text-secondary)}
.set-status:empty{display:none}
.set-status.ok{color:var(--grn)}.set-status.err{color:var(--red)}
.set-msg{padding:10px 14px;border-radius:var(--radius-md);margin-bottom:12px;border:1px solid var(--border-default)}
.set-msg.ok{color:var(--grn);background:var(--state-bull-bg)}.set-msg.err{color:var(--red);background:var(--state-bear-bg)}
.set-sys{display:grid;gap:2px}
.set-sys-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border-subtle);font-size:1rem;color:var(--text-secondary)}
.set-sys-row:last-child{border-bottom:0}
.set-sys-row .good{color:var(--grn)}.set-sys-row .warn{color:var(--amb)}
#p-settings .set-legacy{margin:0 0 12px}
#p-settings .set-legacy>.profile-help{margin-top:8px}
#p-settings .set-legacy-card{margin-top:12px}
#p-settings .set-tiles{margin-bottom:12px}
#p-settings .set-tile{background:var(--bg-panel-hi);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;min-width:0}
#p-settings .set-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#p-settings .set-tile-name{font-weight:600;color:var(--t0)}
#p-settings .set-tile-note{font-size:.889rem;color:var(--text-tertiary);line-height:1.5;margin:6px 0}
#p-settings .set-test-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.set-badge{font-family:var(--sans);font-weight:500;color:var(--text-tertiary);background:var(--bg-panel);border:1px solid var(--border-default)}
.set-badge.is-set{color:var(--grn);border-color:var(--grn)}
#p-settings .set-display{align-items:start}
#p-settings .set-group{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}
#p-settings .set-group legend{padding:0 4px;font-weight:600;color:var(--text-primary)}
#p-settings .set-group-head{display:flex;justify-content:space-between;align-items:baseline}
#p-settings .set-group-head label{font-weight:600;color:var(--text-primary)}
#p-settings .set-mono{font-family:var(--mono);color:var(--blu)}
#p-settings .set-range-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.889rem;color:var(--text-tertiary)}
#p-settings #qaFontScale{width:100%}
.theme-choice{padding:8px 12px}
.theme-choice:has(input:checked){border-color:var(--blu);background:var(--surface-selected)}
#p-settings .market-grid{margin-bottom:4px}
#p-settings .market-card{display:block;width:100%;text-align:left;font:inherit;color:var(--text-primary)}
#p-settings .market-card>span:not(.check){display:block}
#p-settings .market-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#p-settings .market-status-bar{margin-top:12px}
.market-status-note{font-size:.889rem;color:var(--text-tertiary)}

/* ── API providers ── */
.api-summary{margin:0 0 12px;color:var(--text-secondary);font-size:1rem}
.api-summary span{font-family:var(--mono);color:var(--text-primary);font-weight:600}
.api-enc-banner{flex-wrap:wrap;margin:0 0 12px}
.api-enc-banner .ra-how{flex-basis:100%;margin:0}
#apiMarketFilterInfo{margin:0 0 12px}
.api-how{margin:0 0 12px}
.api-filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.api-filter{text-transform:none!important;letter-spacing:0!important;font-weight:500!important;min-height:32px}
.api-card{min-height:0!important}
.api-card .api-head{align-items:flex-start}
.api-card .api-head-text{flex:1;min-width:0}
.api-card .api-icon{background:var(--bg-panel-hi)!important;color:var(--text-secondary)!important;font-family:var(--sans)}
.api-card .api-cat{text-transform:none;letter-spacing:0}
.api-card .api-status{flex-shrink:0;background:var(--bg-panel-hi);color:var(--text-tertiary);border:1px solid var(--border-default);font-weight:500;letter-spacing:0}
.api-card .api-status .status-dot{background:var(--text-tertiary)}
.api-card .api-status.ok{color:var(--grn);border-color:var(--grn)}.api-card .api-status.ok .status-dot{background:var(--grn)}
.api-card .api-status.warn{color:var(--amb);border-color:var(--amb)}.api-card .api-status.warn .status-dot{background:var(--amb)}
.api-card .api-status.err{color:var(--red);border-color:var(--red)}.api-card .api-status.err .status-dot{background:var(--red)}
.api-fields{display:flex;flex-direction:column;gap:8px}
.api-field label{display:block;font-size:.889rem;color:var(--text-secondary);margin-bottom:4px}
.api-field input{width:100%;box-sizing:border-box;font-family:var(--mono)}
.api-check{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--text-secondary);cursor:pointer}
.api-card-msg{font-family:var(--sans)!important;font-weight:500!important;margin:0;border:1px solid var(--border-default);background:var(--bg-panel-hi);color:var(--text-secondary)}
.api-card-msg.ok{color:var(--grn);border-color:var(--grn);background:var(--state-bull-bg)}
.api-card-msg.warn{color:var(--amb);border-color:var(--amb);background:var(--state-warn-bg)}
.api-card-msg.err{color:var(--red);border-color:var(--red);background:var(--state-bear-bg)}
.api-card .api-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.api-details{border-top:1px solid var(--border-subtle);padding-top:4px}
.api-details>summary{font-size:.889rem!important;color:var(--text-secondary)}
.api-detail-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.api-detail-pills .chip{font-family:var(--sans);font-weight:500;color:var(--text-secondary);background:var(--bg-panel-hi);border:1px solid var(--border-default)}
.api-detail-note,.api-best{font-size:.889rem!important;color:var(--text-secondary);margin:4px 0;line-height:1.5}
.api-detail-types{margin:4px 0}
.api-docs{display:inline-block;margin-top:4px;color:var(--blu);font-size:.889rem;text-decoration:none}
.api-docs:hover{text-decoration:underline}
.api-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}
.api-card-error{border-color:var(--red)!important}

/* ── Phone width: keep equity, Training and account; drop secondary pills. ── */
@media(max-width:760px){
 #p-settings .set-fields{grid-template-columns:1fr}
}
@media(max-width:520px){
 /* Equity, Scan all and Swing stay; market (also in Settings), P&L, drawdown, positions and clock are dropped. */
 #ckPnlPill,#ckDdPill,#ckPosPill,.topbar .clock,#topMarketStatus{display:none!important}
 .topbar{gap:6px;flex-wrap:nowrap}
 .topbar-left{display:none}
 .topbar-right{flex-wrap:wrap;gap:6px;min-width:0}
 .topbar .pill,.topbar .quick-btn{padding:3px 7px;font-size:.833rem!important;min-height:30px}
 #p-settings .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #p-settings .market-card{min-height:0;padding:10px}
 #p-settings .market-card .market-meta{display:none!important}
 #p-settings .market-card .market-flag{font-size:1.5rem}
 #p-profile .profile-meta{grid-template-columns:1fr}
}