/* Settings mobile navigation and remaining subpages. */
.settings-switcher-history-icon,.settings-switcher-history-title,.settings-switcher-download-icon,.settings-switcher-download-title,.settings-switcher-contact-icon,.settings-switcher-contact-title{display:none}
@media(max-width:760px){
html body #settings-section#settings-section#settings-section.active .settings-page.settings-page--control-center{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;min-width:0!important}
html body #settings-section#settings-section#settings-section.active .settings-side-panel{display:block!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important}
html body #settings-section#settings-section#settings-section.active .settings-side-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-template-columns:none!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
html body #settings-section#settings-section#settings-section.active .settings-side-nav>.settings-side-link{display:flex!important;flex:0 0 104px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:104px!important;min-width:104px!important;max-width:104px!important;height:66px!important;min-height:66px!important;padding:5px 3px!important;white-space:normal!important;text-align:center!important}
html body #settings-section#settings-section#settings-section.active .settings-side-nav{justify-content:flex-start!important;gap:7px!important}
html body #settings-section#settings-section#settings-section.active .settings-side-nav>.settings-side-link{font-size:10px!important;scroll-snap-align:start!important}
html body #settings-section#settings-section#settings-section.active .settings-side-nav{scroll-snap-type:x proximity!important}
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="chart-history-card"]) .settings-side-nav,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="download-data-card"]) .settings-side-nav,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="contact-us-card"]) .settings-side-nav{display:none!important}
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="chart-history-card"]) .settings-mobile-account-switcher,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="download-data-card"]) .settings-mobile-account-switcher,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="contact-us-card"]) .settings-mobile-account-switcher{display:block!important;position:relative!important;margin:0 0 8px!important}
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="chart-history-card"]) .settings-switcher-account-icon,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="chart-history-card"]) .settings-switcher-account-title,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="download-data-card"]) .settings-switcher-account-icon,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="download-data-card"]) .settings-switcher-account-title,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="contact-us-card"]) .settings-switcher-account-icon,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="contact-us-card"]) .settings-switcher-account-title{display:none!important}
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="chart-history-card"]) .settings-switcher-history-icon,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="chart-history-card"]) .settings-switcher-history-title,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="download-data-card"]) .settings-switcher-download-icon,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="download-data-card"]) .settings-switcher-download-title,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="contact-us-card"]) .settings-switcher-contact-icon,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="contact-us-card"]) .settings-switcher-contact-title{display:block!important}
html body #settings-section#settings-section#settings-section.active .settings-mobile-switcher-options .settings-side-link{flex:none!important;width:100%!important;min-width:0!important}

/* Chart history: filters above a no-horizontal-scroll card list. */
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-panel{width:100%!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-search,
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-id-range,
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-date-range{grid-column:1/-1!important;width:100%!important;min-width:0!important;height:39px!important;margin:0!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-search{padding:0 9px!important;border:1px solid #2b5966!important;border-radius:7px!important;background:#0d1a23!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-id-range{display:grid!important;grid-template-columns:22px minmax(0,1fr) 22px minmax(0,1fr)!important;gap:0!important;padding:0!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-id-range .range-label{display:grid!important;place-items:center!important;height:39px!important;border:1px solid #2b5966!important;background:#10232b!important;font-size:17px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-id-range input{height:39px!important;padding:0 7px!important;border:1px solid #2b5966!important;border-radius:0 6px 6px 0!important;font-size:12px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-id-range .range-label:nth-child(3){margin-left:7px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-date-range{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .date-pill{width:100%!important;height:39px!important;padding:0 6px!important;border:1px solid #2b5966!important;border-radius:6px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .date-pill input{font-size:11px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-reset,
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-more-filters>summary{width:100%!important;height:40px!important;padding:0 5px!important;font-size:12px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-more-filters{grid-column:2!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-filter-menu{right:0!important;left:auto!important;width:min(280px,calc(100vw - 24px))!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table-wrap{max-height:none!important;overflow:visible!important;border:0!important;background:transparent!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table{display:block!important;min-width:0!important;width:100%!important;border:0!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table thead{display:none!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody{display:grid!important;gap:8px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody tr{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto auto auto!important;gap:3px!important;width:100%!important;min-width:0!important;padding:11px!important;border:1px solid #2b5966!important;border-radius:10px!important;background:var(--app-mobile-panel-surface,#111c23)!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td{display:block!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;text-align:left!important;font-size:12px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(1){grid-area:1/1/2/2!important;padding-left:29px!important;color:#eef4f6!important;font-size:13px!important;font-weight:700!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(1)::before{content:"▤"!important;position:absolute!important;left:11px!important;top:11px!important;display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border:1px solid #147788!important;border-radius:50%!important;color:#22ccd2!important;font-size:15px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(1)::first-letter{color:#eef4f6}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(2){grid-area:2/1/3/3!important;padding-left:29px!important;color:#a9bdc8!important;font-size:10px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(3){grid-area:1/2/3/4!important;padding-right:35px!important;text-align:right!important;color:#eaf1f4!important;font-size:13px!important;font-weight:700!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(3)::before{content:"Balance"!important;display:block!important;color:#a9bdc8!important;font-size:10px!important;font-weight:400!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(n+4):nth-child(-n+6){grid-row:3!important;margin-top:8px!important;padding-top:7px!important;border-top:1px solid #254653!important;font-size:12px!important;font-weight:700!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(4){grid-column:1!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(5){grid-column:2!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(6){grid-column:3!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(4)::before{content:"Portfolio %"}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(5)::before{content:"S&P 500 %"}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(6)::before{content:"Benchmark %"}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(n+4):nth-child(-n+6)::before{display:block!important;margin-bottom:2px!important;color:#a9bdc8!important;font-size:9px!important;font-weight:400!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody td:nth-child(7){position:absolute!important;top:10px!important;right:9px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-action{width:28px!important;height:28px!important;border:1px solid #b54c5b!important;border-radius:6px!important;background:#2b2028!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-empty-row{display:block!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-empty-row td{width:100%!important;text-align:center!important}

/* Download: hero illustration, format and date controls fit the phone width. */
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-page{gap:9px!important;width:100%!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-hero,
html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-options,
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-security{width:100%!important;min-width:0!important;padding:13px!important;border:1px solid #2b5966!important;border-radius:11px!important;background:var(--app-mobile-panel-surface,#111c23)!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;text-align:center!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-art{display:grid!important;height:88px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-art svg{width:130px!important;height:88px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-kicker{display:none!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-hero-copy h2{font-size:19px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-hero-copy>p{font-size:11px!important;line-height:1.4!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-benefits{display:grid!important;justify-content:start!important;gap:5px!important;margin:11px 0!important;text-align:left!important;font-size:11px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-primary{width:100%!important;min-height:42px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-hero-action small{display:none!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-section-heading{gap:9px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;width:100%!important;margin:10px 0 0!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-controls fieldset+fieldset{padding:10px 0 0!important;border:0!important;border-top:1px solid #254653!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-format-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-format-option{min-width:0!important;width:100%!important;height:38px!important;padding:0 4px!important;font-size:11px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-date-fields{max-width:none!important;gap:4px!important;padding:0 6px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-date-fields input{font-size:11px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-data-security{gap:9px!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-security-icon{flex-basis:40px!important;width:40px!important;height:40px!important}

/* Contact form stays one column with full-width submit. */
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form--reference{display:grid!important;gap:17px!important;width:100%!important;margin:0!important;padding:15px!important;border:1px solid #2b5966!important;border-radius:11px!important;background:var(--app-mobile-panel-surface,#111c23)!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form-heading{gap:12px!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form-heading-icon{flex-basis:46px!important;width:46px!important;height:46px!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form-heading h2{font-size:19px!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form-heading p{font-size:11px!important;line-height:1.35!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important;padding:0!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form-row--full{grid-column:auto!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-input-wrap{min-height:44px!important;padding:0 10px!important;gap:10px!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-input-wrap :is(input,select){height:42px!important;min-height:42px!important;font-size:13px!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-input-wrap--textarea{min-height:105px!important;padding-top:11px!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-input-wrap--textarea textarea{height:82px!important;min-height:82px!important;font-size:13px!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card .contact-form-actions{margin:0!important}
html body #settings-section#settings-section#settings-section.active #contact-us-card #contact-submit-btn{width:100%!important;min-width:0!important;min-height:44px!important}

html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-options{display:grid!important;gap:0!important;padding:0!important;border:0!important;background:transparent!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-section-heading{padding:12px 12px 0!important;border:1px solid #2b5966!important;border-bottom:0!important;border-radius:11px 11px 0 0!important;background:var(--app-mobile-panel-surface,#111c23)!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-controls{display:contents!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-controls .download-format-group{box-sizing:border-box!important;width:100%!important;padding:10px 12px 12px!important;border:1px solid #2b5966!important;border-top:0!important;border-radius:0 0 11px 11px!important;background:var(--app-mobile-panel-surface,#111c23)!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-controls .download-date-group{box-sizing:border-box!important;width:100%!important;margin-top:9px!important;padding:12px!important;border:1px solid #2b5966!important;border-radius:11px!important;background:var(--app-mobile-panel-surface,#111c23)!important}
html body #settings-section#settings-section#settings-section.active #download-data-card .download-export-controls .download-format-group legend{display:none!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody tr.chart-history-empty-row{display:block!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody tr.chart-history-empty-row td{display:block!important;width:100%!important;padding:12px!important;text-align:center!important;font-size:12px!important}
html body #settings-section#settings-section#settings-section.active #chart-history-card .chart-history-table tbody tr.chart-history-empty-row td::before{display:none!important}
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="account-settings-card"]) .settings-side-nav,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="billing-settings-card"]) .settings-side-nav,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="chart-history-card"]) .settings-side-nav,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="download-data-card"]) .settings-side-nav,
html body #settings-section#settings-section#settings-section.active .settings-page:has(.settings-card-stack[data-active-card="contact-us-card"]) .settings-side-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}
html body #settings-section#settings-section#settings-section.active .settings-mobile-account-switcher{display:none!important}
}