@media (max-width: 760px) {
  .account-card-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.settings-field input {
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  color: var(--ink);
}
@media (min-width: 761px) and (max-width: 1100px) {
  .account-card-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .account-card-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-card-actions { flex-wrap: wrap; }
  .account-card-actions .button { flex: 1 1 auto; }
}

/* Settings profile, appearance and subscription controls */
.settings-expanded-grid { align-items:start; }
.profile-settings-card { grid-column:1/-1; }
.profile-photo-row { display:flex;align-items:center;gap:12px;margin:0 0 17px; }
.profile-picture-preview { display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:2px solid var(--green-pale);border-radius:50%;background:var(--green-pale);color:var(--green-dark);font:700 20px 'Manrope',sans-serif; }
.profile-picture-preview img,.profile-avatar img,.avatar-small img { width:100%;height:100%;object-fit:cover;border-radius:inherit; }
.profile-picture-preview.has-profile-picture { padding:0; }
.photo-upload { cursor:pointer; }
.field-hint { color:var(--muted);font-size:10px; }
.profile-fields { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end; }
.profile-fields label,.verified-contact label { display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:650; }
.profile-fields input,.verified-contact input,.feedback-card input,.feedback-card select,.feedback-card textarea { width:100%;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit; }
.profile-fields input:focus,.feedback-card input:focus,.feedback-card select:focus,.feedback-card textarea:focus { outline:2px solid color-mix(in srgb,var(--green) 22%,transparent);border-color:var(--green); }
.joined-date { display:grid;gap:7px;padding:9px 2px; }
.joined-date small { color:var(--muted);font:600 9px 'DM Mono',monospace;letter-spacing:.6px; }
.joined-date strong { color:var(--ink);font-size:12px; }
.profile-actions,.security-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:13px; }
.verified-contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line); }
.verified-contact { display:grid;gap:7px; }
.verified-contact small { color:var(--muted);font-size:10px; }
.verified-contact .text-link { justify-self:start; }
.theme-choice-block { margin-top:18px; }
.theme-choice-block>strong,.overview-customizer strong { color:var(--ink);font-size:12px; }
.theme-choice-block>p,.overview-customizer p { margin:4px 0 11px;color:var(--muted);font-size:10px; }
.palette-options { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
.palette-options button { display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:10px;cursor:pointer;transition:border-color .16s,background .16s,transform .16s; }
.palette-options button:hover { transform:translateY(-1px); }
.palette-options button.selected { border-color:var(--green);background:var(--soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 14%,transparent); }
.palette-swatch { width:25px;height:25px;flex:none;border-radius:7px;background:linear-gradient(135deg,var(--swatch-light) 0 50%,var(--swatch-dark) 50%); }
.swatch-sage { --swatch-light:#dceade;--swatch-dark:#527c61; }.swatch-ocean { --swatch-light:#d7ebef;--swatch-dark:#397386; }.swatch-lavender { --swatch-light:#e6e0f4;--swatch-dark:#75689f; }.swatch-terracotta { --swatch-light:#f0ddd2;--swatch-dark:#a7654b; }
.overview-customizer { margin-top:17px;padding-top:15px;border-top:1px solid var(--line); }
.overview-widget-controls { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.widget-toggle { display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;background:var(--soft);color:var(--ink);font-size:10px;cursor:pointer; }
.widget-toggle input { accent-color:var(--green-dark); }
.support-contact,.subscription-summary { padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--soft); }
.support-contact strong { color:var(--ink);font-size:11px; }
.support-contact p { margin:5px 0 0;color:var(--muted);font-size:10px; }
.faq-list { display:grid;gap:6px;margin-top:11px; }
.faq-list details { padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface); }
.faq-list summary { color:var(--ink);font-size:11px;font-weight:650;cursor:pointer; }
.faq-list details p { margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.6; }
.feedback-card form { display:grid;gap:9px; }
.feedback-card form label { display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:650; }
.feedback-card textarea { resize:vertical;line-height:1.5; }
.feedback-card form .button { justify-self:start; }
.feedback-history { display:grid;gap:8px;margin-top:12px; }
.feedback-item { padding:10px;border-radius:8px;background:var(--soft); }
.feedback-item strong { display:block;color:var(--ink);font-size:10px; }
.feedback-item small { color:var(--muted);font-size:9px; }
.feedback-item p { margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5;white-space:pre-wrap; }
.subscription-summary { display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px; }
.plan-badge { display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font:700 9px 'DM Mono',monospace;letter-spacing:.4px; }
.subscription-disclaimer { padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--muted);font-size:11px; }
.subscription-price-note { color:var(--muted);font-size:10px; }
.subscription-currency-label { display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px; }
.subscription-currency-label select { padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink); }
.plan-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.plan-card { position:relative;padding:20px; }
.plan-card h2 { margin:13px 0 5px;color:var(--ink);font:700 18px 'Manrope',sans-serif; }
.plan-card>p { min-height:34px;margin:0;color:var(--muted);font-size:10px;line-height:1.5; }
.plan-price { display:flex;align-items:baseline;gap:6px;margin:18px 0;color:var(--ink); }
.plan-price strong { font:700 28px 'Manrope',sans-serif;letter-spacing:-1px; }
.plan-price span { color:var(--muted);font-size:10px; }
.plan-card ul { display:grid;gap:9px;min-height:120px;padding:0 0 0 17px;color:var(--muted);font-size:10px;line-height:1.45; }
.plan-card .button { width:100%;justify-content:center;margin-top:8px; }
.featured-plan { border-color:color-mix(in srgb,var(--green) 44%,var(--line));box-shadow:0 10px 30px color-mix(in srgb,var(--green) 10%,transparent); }
.payment-methods-panel { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;padding:17px; }
.payment-methods-panel h2 { margin:0 0 5px;color:var(--ink);font:700 14px 'Manrope',sans-serif; }
.payment-methods-panel p { margin:0;color:var(--muted);font-size:10px; }
body.dark .profile-fields input,body.dark .verified-contact input,body.dark .feedback-card input,body.dark .feedback-card select,body.dark .feedback-card textarea { background:var(--soft);border-color:var(--line);color:var(--ink); }
body.dark .support-contact,body.dark .subscription-summary,body.dark .feedback-item,body.dark .widget-toggle { background:var(--soft); }

@media (max-width: 900px) {
  .profile-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plan-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 620px) {
  .profile-fields,.verified-contact-grid,.overview-widget-controls,.plan-grid { grid-template-columns:1fr; }
  .palette-options { grid-template-columns:1fr 1fr; }
  .profile-photo-row { align-items:flex-start;flex-wrap:wrap; }
  .payment-methods-panel { align-items:flex-start;flex-direction:column; }
  .subscription-currency-label { width:100%;justify-content:space-between; }
}

/* Palette tokens shared by every page, including hover and dark states. */
[hidden] { display:none !important; }
body[data-palette] {
  --bg:#f5f7f4;--surface:#fff;--sidebar:#fafcf9;--ink:#253128;--muted:#68776c;--line:#e4ebe5;--soft:#f3f7f3;
  --accent:#5e9270;--accent-strong:#345e43;--accent-ink:#345e43;--accent-soft:#e6f1e8;--accent-hover:#edf5ee;--field:#fcfdfc;
  --green:var(--accent);--green-dark:var(--accent-strong);--green-pale:var(--accent-soft);
}
body[data-palette="ocean"] {
  --bg:#f3f8fa;--surface:#fff;--sidebar:#f8fbfc;--ink:#22353c;--muted:#617883;--line:#dde9ed;--soft:#f0f7f9;
  --accent:#568d9d;--accent-strong:#2e5f70;--accent-ink:#2d6172;--accent-soft:#e2f0f4;--accent-hover:#eaf4f7;--field:#fbfdfe;
}
body[data-palette="lavender"] {
  --bg:#f8f6fb;--surface:#fff;--sidebar:#fbf9fd;--ink:#302a3d;--muted:#786e86;--line:#e9e4f0;--soft:#f7f3fb;
  --accent:#9182b8;--accent-strong:#5f507f;--accent-ink:#605182;--accent-soft:#eee9f7;--accent-hover:#f3eef9;--field:#fdfbfe;
}
body[data-palette="terracotta"] {
  --bg:#faf6f3;--surface:#fff;--sidebar:#fdfaf7;--ink:#3d302b;--muted:#8a756d;--line:#efe5df;--soft:#faf3ee;
  --accent:#b87e65;--accent-strong:#7d503e;--accent-ink:#80503c;--accent-soft:#f5e7df;--accent-hover:#f9eee7;--field:#fffdfb;
}
body.dark[data-palette] {
  --bg:#171e1a;--surface:#202a23;--sidebar:#1b241e;--ink:#eaf2ec;--muted:#a4b5a8;--line:#354238;--soft:#263329;
  --accent:#91bea0;--accent-strong:#446b50;--accent-ink:#b9dcc1;--accent-soft:#2b4433;--accent-hover:#304137;--field:#253228;
  --green:var(--accent);--green-dark:var(--accent-strong);--green-pale:var(--accent-soft);
}
body.dark[data-palette="ocean"] { --bg:#151e23;--surface:#1e2b31;--sidebar:#19262c;--ink:#eaf3f6;--muted:#9eb5bf;--line:#354650;--soft:#25343c;--accent:#91c4d0;--accent-strong:#416e7c;--accent-ink:#b4dce5;--accent-soft:#29424d;--accent-hover:#2c3e47;--field:#24343b; }
body.dark[data-palette="lavender"] { --bg:#1c1a24;--surface:#282533;--sidebar:#211e2b;--ink:#f2eef8;--muted:#b2a9c0;--line:#403a4d;--soft:#312d3d;--accent:#b7a9dc;--accent-strong:#6c5d90;--accent-ink:#d2c7ec;--accent-soft:#3d3652;--accent-hover:#393346;--field:#2f2b3b; }
body.dark[data-palette="terracotta"] { --bg:#211a17;--surface:#2d2521;--sidebar:#261e1a;--ink:#f5eeea;--muted:#c0a99f;--line:#483a32;--soft:#382c27;--accent:#d8a187;--accent-strong:#895843;--accent-ink:#f0c4af;--accent-soft:#4a3228;--accent-hover:#42312a;--field:#352923; }
body[data-palette]:not(.dark) { color-scheme:light; }
body.dark[data-palette] { color-scheme:dark; }
body[data-palette] { background:var(--bg);color:var(--ink);transition:background-color .18s,color .18s; }
body[data-palette] .sidebar { background:var(--sidebar);border-color:var(--line); }
body[data-palette] .brand,body[data-palette] .workspace-switch strong,body[data-palette] .profile-button strong { color:var(--ink); }
body[data-palette] .brand-dot,body[data-palette] .tip-star,body[data-palette] .app-footer i { color:var(--accent); }
body[data-palette] .brand-mark i { background:var(--accent); }
body[data-palette] .brand-mark,body[data-palette] .workspace-avatar,body[data-palette] .profile-avatar,body[data-palette] .avatar-small { background:var(--accent-soft);color:var(--accent-ink); }
body[data-palette] .workspace-switch,body[data-palette] .profile-button,body[data-palette] .icon-button,body[data-palette] .help-button { color:var(--ink);border-color:var(--line); }
body[data-palette] .workspace-switch,body[data-palette] .icon-button,body[data-palette] .help-button { background:var(--surface); }
body[data-palette] .workspace-switch:hover,body[data-palette] .profile-button:hover,body[data-palette] .icon-button:hover,body[data-palette] .help-button:hover { background:var(--accent-hover);color:var(--ink); }
body[data-palette] .nav-item { color:var(--muted); }
body[data-palette] .nav-item:hover,body[data-palette] .nav-item:focus-visible { background:var(--accent-hover);color:var(--ink); }
body[data-palette] .nav-item.active,body[data-palette] .nav-item.active:hover { background:var(--accent-soft);color:var(--accent-ink); }
body[data-palette] .nav-count { background:var(--soft);color:var(--muted); }
body[data-palette] .nav-count-caption { color:var(--muted); }
body[data-palette] .sidebar-tip,body[data-palette] .connection-intro { background:var(--accent-soft);border-color:var(--line); }
body[data-palette] .sidebar-tip button,body[data-palette] .bottom-note button,body[data-palette] .text-link,body[data-palette] .breadcrumb button:hover { color:var(--accent-ink); }
body[data-palette] .button-dark,body[data-palette] .button-dark:hover:not(:disabled) { background:var(--accent-strong);color:#fff; }
body[data-palette] .button-dark:hover:not(:disabled) { filter:brightness(1.09); }
body[data-palette] .button-soft { background:var(--surface);border-color:var(--line);color:var(--ink); }
body[data-palette] .button-soft:hover:not(:disabled) { background:var(--accent-hover);color:var(--ink); }
body[data-palette] .segmented,body[data-palette] .playbook-rule,body[data-palette] .manage-row,body[data-palette] .help-steps article { background:var(--soft); }
body[data-palette] .segmented button { color:var(--muted); }
body[data-palette] .segmented button.selected { background:var(--surface);color:var(--accent-ink); }
body[data-palette] .panel,body[data-palette] .metric-card,body[data-palette] .connection-card,body[data-palette] .modal { background:var(--surface);border-color:var(--line); }
body[data-palette] thead th { background:var(--soft);border-color:var(--line);color:var(--muted); }
body[data-palette] tbody td,body[data-palette] .breakdown-item,body[data-palette] .form-actions { border-color:var(--line); }
body[data-palette] .metric-symbol,body[data-palette] .broker-logo,body[data-palette] .groww-logo,body[data-palette] .prop-logo { background:var(--accent-soft);color:var(--accent-ink); }
body[data-palette] .account-mark { background:var(--accent-soft);color:var(--accent-ink); }
body[data-palette] .metric-value,body[data-palette] .panel-heading h2,body[data-palette] .connection-intro h2,body[data-palette] .rhythm-row strong,body[data-palette] .breakdown-name,body[data-palette] .instrument-cell,body[data-palette] .breadcrumb strong,body[data-palette] .account-card-stats strong,body[data-palette] .strategy-score-list strong { color:var(--ink); }
body[data-palette] .mint,body[data-palette] .instrument-avatar,body[data-palette] .empty-icon,body[data-palette] .connection-logo,body[data-palette] .connection-orbit,body[data-palette] .gate-icon,body[data-palette] .rule-check,body[data-palette] .side-pill.long { background:var(--accent-soft);color:var(--accent-ink); }
body[data-palette] .rhythm-icon,body[data-palette] .chart-legend span,body[data-palette] .breakdown-value,body[data-palette] .help-steps article>span,body[data-palette] .connection-footnote span,body[data-palette] .bottom-note>span { color:var(--accent); }
body[data-palette] .breakdown-track,body[data-palette] .progress-track { background:var(--accent-soft); }
body[data-palette] .breakdown-track span,body[data-palette] .progress-track span,body[data-palette] .status-pill.ready i,body[data-palette] .live-dot { background:var(--accent); }
body[data-palette] .check-item input:checked { background:var(--accent-strong);border-color:var(--accent-strong); }
body[data-palette] .chart-hit.active { stroke:var(--accent); }
body[data-palette] .preset-chip,body[data-palette] .trade-tag,body[data-palette] .loss-limit-alert.limits-ok { background:var(--accent-soft);color:var(--accent-ink); }
body[data-palette] .loss-limit-alert,body[data-palette] .strategy-leaders article { background:var(--soft);color:var(--accent-ink); }
body[data-palette] .calendar-day:not(.blank):hover,body[data-palette] tr[data-trade-detail]:hover td { background:var(--accent-hover); }
body[data-palette] .calendar-day.has-profit { background:var(--accent-soft);border-color:var(--line); }
body[data-palette] .calendar-day.has-profit small,body[data-palette] .result-positive { color:var(--accent-ink) !important; }
body[data-palette] .legend-profit,body[data-palette] .status-pill i { background:var(--accent); }
body[data-palette] .status-pill.planned i { background:#c99567; }
body[data-palette] .account-card-stats strong.result-positive { color:var(--accent-ink) !important; }
body[data-palette] .add-tag-inline,body[data-palette] .close-preview,body[data-palette] .close-row-title,body[data-palette] .gate-status.ready { color:var(--accent-ink); }
body[data-palette] .emotion-options input { accent-color:var(--accent-strong); }
body[data-palette] .toast { background:var(--accent-strong);color:#fff; }
body[data-palette] .tag-picker-button,body[data-palette] .form-grid input,body[data-palette] .form-grid select,body[data-palette] .form-grid textarea,body[data-palette] .add-checklist-form input,body[data-palette] .partial-close-row input,body[data-palette] .daily-limits-panel input { background:var(--field);border-color:var(--line);color:var(--ink); }
body[data-palette] .tag-picker,body[data-palette] .account-card,body[data-palette] .calendar-day,body[data-palette] .chart-tooltip { background:var(--surface);border-color:var(--line);color:var(--ink); }
body[data-palette] .check-gate,body[data-palette] .partial-close-section,body[data-palette] .detail-notes,body[data-palette] .help-callout,body[data-palette] .subscription-disclaimer { background:var(--soft);border-color:var(--line);color:var(--muted); }
body[data-palette] .form-grid input:focus,body[data-palette] .form-grid select:focus,body[data-palette] .form-grid textarea:focus,body[data-palette] .add-checklist-form input:focus { border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft); }
body[data-palette] .filter-right select,body[data-palette] .log-toolbar select,body[data-palette] .page-select,body[data-palette] .settings-field select { background:var(--surface);color:var(--ink);border-color:var(--line); }

/* Settings layout and locked profile presentation. */
.settings-expanded-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start; }
.settings-expanded-grid>.settings-card { min-width:0;grid-column:auto; }
.settings-expanded-grid>.profile-settings-card,.settings-expanded-grid>.appearance-card,.settings-expanded-grid>.social-card,.settings-expanded-grid>.settings-card:last-child { grid-column:1/-1; }
.settings-expanded-grid .panel-heading { gap:12px;align-items:flex-start; }
.settings-expanded-grid .panel-heading>div { min-width:0; }
.settings-expanded-grid .settings-card { overflow-wrap:anywhere; }
.settings-expanded-grid .profile-fields { grid-template-columns:repeat(4,minmax(0,1fr)); }
.profile-fields label,.verified-contact label,.address-fields label { color:var(--ink);font-size:11px;font-weight:650; }
.profile-fields input,.verified-contact input,.address-fields input { font-size:12px;min-height:39px; }
.profile-lock-status { flex:none;padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:10px;font-weight:700; }
.profile-lock-status.locked { background:var(--accent-soft);color:var(--accent-ink); }
.profile-first-save-note { margin:14px 0 0;padding:10px 12px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.55; }
.address-section { margin-top:18px;padding-top:16px;border-top:1px solid var(--line); }
.address-section h3 { margin:0;color:var(--ink);font:700 13px 'Manrope',sans-serif; }
.address-section p { margin:4px 0 13px;color:var(--muted);font-size:11px; }
.address-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.address-fields label { display:grid;gap:6px;min-width:0; }
.address-fields label span { color:var(--muted);font-weight:400; }
.address-fields .address-line { grid-column:1/-1; }
.address-fields input { width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font:inherit; }
.address-fields input:focus { outline:2px solid var(--accent-soft);border-color:var(--accent); }
.profile-fields input[readonly],.verified-contact input[readonly],.address-fields input[readonly],.profile-fields input:disabled { background:var(--soft);color:var(--ink);border-color:var(--line);opacity:1;cursor:default; }
.photo-upload.is-locked { opacity:.55;pointer-events:none; }
.profile-actions { align-items:center; }
.social-connect-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.social-connect-grid a { display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left;text-decoration:none;transition:background .16s,border-color .16s,transform .16s; }
.social-connect-grid a[href]:hover { background:var(--accent-hover);border-color:var(--accent);transform:translateY(-1px); }
.social-connect-grid a[aria-disabled="true"] { opacity:.7;cursor:default; }
.social-glyph { display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink);font-size:15px;font-weight:700; }
.social-connect-grid strong { min-width:0;font-size:11px;white-space:nowrap; }
.social-connect-grid small { margin-left:auto;color:var(--muted);font-size:10px; }
.payment-methods-panel { display:block; }
.payment-methods-panel .panel-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.payment-empty { margin-top:8px;padding:12px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:11px; }
@media (max-width: 1200px) { .settings-expanded-grid { grid-template-columns:minmax(0,1fr); } .settings-expanded-grid>.settings-card { grid-column:1; } }
@media (max-width: 850px) { .settings-expanded-grid .profile-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } .social-connect-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .settings-expanded-grid .profile-fields,.address-fields,.verified-contact-grid,.overview-widget-controls { grid-template-columns:1fr; } .address-fields .address-line { grid-column:1; } .palette-options { grid-template-columns:repeat(2,minmax(0,1fr)); } .social-connect-grid { grid-template-columns:1fr; } .profile-lock-status { align-self:flex-start; } }

/* Account menus and daily overview. */
.topbar { position:relative;z-index:7; }
.workspace-menu-wrap,.profile-menu-wrap,.bottom-profile-wrap { position:relative; }
.avatar-small.has-profile-picture,.profile-avatar.has-profile-picture { overflow:hidden;padding:0; }
.workspace-menu-wrap .workspace-switch { width:100%;cursor:pointer; }
.account-popover { position:absolute;z-index:20;min-width:210px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);animation:menu-enter .16s ease-out; }
.workspace-popover { top:calc(100% + 7px);left:0;right:0; }
.profile-popover { top:calc(100% + 8px);right:0; }
.bottom-profile-popover { bottom:calc(100% + 8px);left:0;right:0; }
#support-card,#faq-list { scroll-margin-top:70px; }
.account-popover .popover-kicker { margin-bottom:5px;color:var(--muted);font:600 9px 'DM Mono',monospace;letter-spacing:.55px; }
.account-popover>strong { display:block;margin:0 4px 6px;font-size:13px; }
.account-popover p { margin:0 4px 9px;color:var(--muted);font-size:11px;line-height:1.45; }
.account-popover button { display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left;font:600 11px 'DM Sans',sans-serif;cursor:pointer; }
.account-popover button:hover,.account-popover button:focus-visible { background:var(--accent-hover);color:var(--accent-ink); }
.profile-popover button:last-child { border-top:1px solid var(--line);border-radius:0;margin-top:4px; }
@keyframes menu-enter { from { opacity:0;transform:translateY(-5px) } to { opacity:1;transform:translateY(0) } }
.overview-greeting { margin-bottom:9px;color:var(--accent-ink);font:700 15px 'Manrope',sans-serif; }
.daily-pnl-panel { margin:0 0 14px;padding:18px 20px; }
.daily-pnl-summary { display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }
.daily-pnl-summary strong { display:block;margin-top:7px;color:var(--ink);font:700 27px 'Manrope',sans-serif;letter-spacing:-.6px; }
.daily-pnl-summary p { margin:4px 0 0;color:var(--muted);font-size:12px; }
.daily-pnl-meta { display:grid;gap:3px;text-align:right;color:var(--ink);font-weight:700;font-size:12px; }
.daily-pnl-meta small { color:var(--muted);font-weight:400;font-size:11px; }
.daily-pnl-bars { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:14px; }
.daily-pnl-day { display:grid;gap:3px;min-width:0;text-align:center;color:var(--ink);font-size:11px;font-weight:600; }
.daily-pnl-day small { color:var(--muted);font-size:10px;font-weight:400; }
.daily-pnl-plot { position:relative;height:82px;overflow:hidden;border-radius:8px;background:var(--soft); }
.daily-pnl-plot:after { content:'';position:absolute;top:50%;left:7px;right:7px;height:1px;background:var(--line); }
.daily-pnl-bar { position:absolute;z-index:1;left:29%;width:42%;min-height:3px;transition:height .25s ease; }
.daily-pnl-bar.positive { bottom:50%;border-radius:5px 5px 0 0;background:var(--accent); }
.daily-pnl-bar.negative { top:50%;border-radius:0 0 5px 5px;background:var(--red); }
.daily-pnl-zero { position:absolute;z-index:1;top:calc(50% - 2px);left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--muted); }
.plan-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.plan-card { min-width:0; }
.plan-card ul { min-height:132px; }

/* Increase supporting text without changing the dashboard hierarchy. */
body { font-size:16px; }
.subheading { font-size:14px; }
.panel-heading h2,.connection-intro h2 { font-size:15px; }
.panel-heading p,.rhythm-copy,.connection-intro p,.connection-card p,.account-card>p,.empty-state p,.plan-card>p { font-size:12px;line-height:1.55; }
.metric-top,.metric-foot,.chart-axis,.chart-legend,.rhythm-row,.calendar-legend,.breakdown-meta,.account-card-stats small,.status-pill,.connection-footnote,.settings-privacy,.faq-list details p,.feedback-item p,.plan-card ul { font-size:11px; }
.table-scroll tbody td,.breakdown-name,.playbook-rule,.settings-field,.profile-fields label,.verified-contact label,.address-fields label,.faq-list summary,.widget-toggle,.settings-inline small,.settings-actions .button { font-size:12px; }
.table-scroll thead th,.calendar-weekday,.calendar-day small,.field-hint,.metric-note,.gate-heading small,.check-item,.social-connect-grid small { font-size:10px; }
.form-grid label,.form-grid input,.form-grid select,.form-grid textarea,.tag-picker-button,.search-box input,.filter-right select,.log-toolbar select { font-size:11px; }
.sidebar-tip p,.sidebar-tip button,.profile-first-save-note,.support-contact p,.feedback-card form label,.feedback-card input,.feedback-card select,.feedback-card textarea { font-size:12px; }
.modal-heading p,.help-steps p,.help-callout,.detail-summary span,.detail-item strong,.detail-notes,.check-item,.trade-time,.account-kind,.preset-chip,.trade-tag,.calendar-day,.strategy-leaders small,.strategy-score-list>div { font-size:11px; }
.detail-item small,.account-card-stats small,.breakdown-meta,.help-steps article>span,.checklist-footer span { font-size:10px; }
.detail-section h3,.help-steps strong,.gate-heading strong,.preset-block>strong,.preset-editor>strong { font-size:12px; }
.detail-fills th,.detail-fills td,.tag-picker label,.manage-row input { font-size:11px; }
@media (max-width:1100px) { .plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .plan-grid { grid-template-columns:1fr; } .daily-pnl-summary { flex-direction:column;gap:8px; } .daily-pnl-meta { text-align:left; } .daily-pnl-bars { gap:4px; } .daily-pnl-panel { padding:15px; } .daily-pnl-day { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .account-popover,.daily-pnl-bar { animation:none;transition:none; } }

/* Reusable symbol values and fluid chart interactions. */
.profile-popover { min-width:250px; }
.symbol-editor-row { gap:10px;align-items:center; }
.symbol-editor-row>span:first-child { min-width:0;display:grid;gap:3px; }
.symbol-editor-row strong { color:var(--ink);font-size:11px; }
.symbol-editor-row small { color:var(--muted);font-size:10px;line-height:1.4; }
.preset-row-actions { display:flex;align-items:center;gap:6px;flex:none; }
.preset-row-actions button:first-child { padding:5px 7px;border-radius:5px;color:var(--accent-ink);font-size:10px;font-weight:700; }
.preset-row-actions button:first-child:hover { background:var(--accent-hover); }
.symbol-add-form { display:grid;gap:10px;margin:3px 0 15px; }
.symbol-add-form label { display:grid;gap:5px;min-width:0;color:var(--ink);font-size:11px;font-weight:650; }
.symbol-add-form input { min-width:0;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--ink);font:inherit; }
.symbol-add-form input:focus-visible { outline:2px solid var(--accent-soft);border-color:var(--accent); }
.symbol-value-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.symbol-add-form .field-hint { margin:0; }
.symbol-form-actions { display:flex;justify-content:flex-end;gap:8px; }
.symbol-form-actions [hidden] { display:none; }
.plan-grid { grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px; }
.plan-card ul { min-height:0; }
.daily-pnl-detail { display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin-top:13px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-size:11px; }
.daily-pnl-detail strong { font:700 13px 'Manrope',sans-serif; }
.daily-pnl-detail small { margin-left:auto;color:var(--muted);font-size:10px; }
.daily-pnl-bars { gap:clamp(4px,1vw,12px); }
.daily-pnl-day { padding:0;border:0;background:transparent;cursor:pointer;font-family:inherit;transition:transform .18s ease,color .18s ease; }
.daily-pnl-day:hover,.daily-pnl-day.selected { color:var(--accent-ink);transform:translateY(-2px); }
.daily-pnl-day:focus-visible { outline:2px solid var(--accent);outline-offset:3px;border-radius:8px; }
.daily-pnl-plot { display:block;height:clamp(82px,10vw,112px);transition:background .18s ease,box-shadow .18s ease; }
.daily-pnl-day:hover .daily-pnl-plot,.daily-pnl-day.selected .daily-pnl-plot { background:var(--accent-hover);box-shadow:inset 0 0 0 1px var(--accent); }
.daily-pnl-bar { animation:daily-bar-grow .45s cubic-bezier(.2,.75,.25,1) both;transform-origin:center center; }
.daily-pnl-bar.positive { transform-origin:bottom center; }
.daily-pnl-bar.negative { transform-origin:top center; }
@keyframes daily-bar-grow { from { transform:scaleY(.08);opacity:.45; } to { transform:scaleY(1);opacity:1; } }
.chart-wrap { height:clamp(170px,20vw,225px); }
.chart-wrap svg { cursor:crosshair;touch-action:pan-y; }
.chart-wrap svg:focus-visible { outline:2px solid var(--accent);outline-offset:3px;border-radius:7px; }
.chart-line { transition:stroke-dashoffset .65s cubic-bezier(.2,.7,.2,1); }
.chart-area { animation:chart-area-in .55s ease both; }
@keyframes chart-area-in { from { opacity:0; } to { opacity:1; } }
.chart-guide { stroke:var(--accent);stroke-width:1;stroke-dasharray:4 5;opacity:.52;transition:x1 .1s linear,x2 .1s linear; }
.chart-focus { transition:cx .1s linear,cy .1s linear; }
.chart-tooltip { top:8px;left:8px;max-width:calc(100% - 16px);box-shadow:0 8px 24px #182a1d12; }
@media (max-width:620px) { .plan-grid { grid-template-columns:1fr; } .symbol-value-grid { grid-template-columns:1fr; } .daily-pnl-detail small { margin-left:0; } .daily-pnl-plot { height:88px; } .chart-wrap { height:180px; } .chart-tooltip { min-width:0;max-width:min(220px,72%);padding:7px 9px; } }
@media (prefers-reduced-motion:reduce) { .daily-pnl-bar,.chart-area { animation:none; } .daily-pnl-day,.daily-pnl-plot,.chart-line,.chart-guide,.chart-focus { transition:none; } }
.daily-pnl-summary strong.result-positive,.daily-pnl-detail strong.result-positive { color:var(--accent-ink); }
.daily-pnl-summary strong.result-negative,.daily-pnl-detail strong.result-negative { color:var(--red); }

/* Subscription checkout review. Live payment waits for a verified provider. */
.checkout-grid { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:15px;align-items:start;max-width:930px; }
.checkout-card { padding:21px; }
.checkout-card .panel-heading { margin-bottom:16px; }
.checkout-line { display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px; }
.checkout-line strong { color:var(--ink);font:700 14px 'Manrope',sans-serif; }
.checkout-total { margin-top:5px;border-bottom:0;color:var(--ink);font-weight:700; }
.checkout-total strong { color:var(--accent-ink);font-size:20px; }
.checkout-promo-form { display:grid;gap:7px;margin:8px 0; }
.checkout-promo-form label { color:var(--ink);font-size:11px;font-weight:700; }
.checkout-promo-form>div { display:flex;gap:8px; }
.checkout-promo-form input { min-width:0;flex:1;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font-size:12px; }
.checkout-promo-form input:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
.checkout-promo-status { min-height:34px;margin:8px 0 14px;color:var(--muted);font-size:11px;line-height:1.5; }
.checkout-pay { width:100%;justify-content:center; }
.checkout-pay:disabled { opacity:.62;cursor:not-allowed; }
@media (max-width:760px) { .checkout-grid { grid-template-columns:1fr; } }