.candle-panel{background:#151b21;border:1px solid #303944;border-radius:12px;padding:22px;margin:24px 0}.candle-panel #chart{min-height:380px}.candle-toolbar,.candle-frames,.candle-symbols,.candle-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.candle-toolbar{margin:12px 0 20px}.candle-toolbar button,.candle-toolbar select,.candle-navigation button,.candle-navigation select{border:1px solid #414b5d;border-radius:7px;background:#232a35;color:#b9c1d2;padding:9px 12px;font:inherit;cursor:pointer}.candle-toolbar button[aria-pressed=true]{border-color:#419cff;color:white;background:#303d51}.candle-symbols{margin-right:14px}.candle-frames button{font-weight:650;min-width:42px}.candle-toolbar button:disabled,.candle-navigation button:disabled{opacity:.35;cursor:default}.candle-meta{font-size:14px;color:#c4ccd5;margin:10px 0}.candle-readout{font-size:12px;color:#bac5cc;min-height:20px;font-variant-numeric:tabular-nums}.candle-svg{max-height:440px;width:100%}.candle-svg rect:focus{outline:none;stroke:#4aa4ff;stroke-width:1}.candle-navigation{margin:8px 0 14px;font-size:12px}.candle-navigation span{color:#a5aebc}.candle-navigation a{margin-left:auto;color:#b9ed83}.candle-panel small{font-size:11px;line-height:1.7;color:#98a5af}@media(max-width:600px){.candle-panel{padding:12px}.candle-frames{gap:4px}.candle-frames button{padding:8px;min-width:34px}.candle-readout{font-size:10px}.candle-panel #chart{min-height:300px}.candle-navigation a{margin-left:0}}
.stocks-page main{max-width:none;padding:28px 12px 20px}.stocks-page main> :not(.candle-panel){max-width:1600px;margin-left:auto;margin-right:auto}.stocks-page .candle-panel{width:100%;padding:14px 16px;margin:24px 0;border-radius:9px}.candle-panel #chart{background:none;padding:0;min-height:0}.candle-panel>.eyebrow{display:none}.candle-toolbar{margin:0 0 12px}.candle-panel .candle-svg{max-height:none;overflow:hidden}.full-chart-button{margin-left:auto;white-space:nowrap}.candle-panel.expanded{position:fixed;inset:8px;z-index:1000;width:auto;margin:0;overflow:auto;box-shadow:0 0 0 100vmax #0c1014}.chart-expanded{overflow:hidden}.candle-panel.expanded .candle-source{font-size:10px}.candle-panel.expanded .candle-meta{margin:6px 0}.candle-panel.expanded .candle-navigation{margin:4px 0 8px}@media(min-width:1800px){.stocks-page main{padding-left:16px;padding-right:16px}}@media(max-width:650px){.stocks-page main{padding:20px 6px}.stocks-page .candle-panel{padding:12px 8px}.candle-toolbar{gap:6px}.full-chart-button{margin-left:0}.candle-panel.expanded{inset:0}.candle-readout{min-height:32px}}
.stock-chart-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:6px 2px 16px;border-bottom:1px solid #303944}.stock-title,.stock-price-line{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.stock-title h2{font:700 30px 'Space Grotesk',sans-serif;margin:0;letter-spacing:-.8px}.stock-title #companyName{color:#a8b3bf;font-size:14px}.session-badge{font-size:10px;color:#bcc6d2;border:1px solid #3d4857;border-radius:20px;padding:4px 9px}.stock-price-line{margin-top:10px;gap:12px}.stock-price-line #detailPrice{font:600 40px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-1.2px;border-radius:5px}.stock-price-line #detailChange{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.change-period{font-size:10px;color:#8b9aa5}.quote-source{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:10px;color:#8b9aa5}.quote-source #detailMarket{color:#aab8c5}.stock-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:500px}.stock-header-actions button{background:#232c37;border:1px solid #414b5d;border-radius:7px;color:#d9e2eb;padding:10px 12px;white-space:nowrap}.stock-header-actions .chart-watch{font-size:22px;line-height:22px;padding:7px 11px}.chart-watch[aria-pressed=true]{color:#b9ed83;border-color:#b9ed83}.chart-search-form{display:flex;align-items:center;background:#0e151c;border:1px solid #414b5d;border-radius:7px;padding-left:12px}.chart-search-form input{width:160px;padding:10px 0;font-size:12px}.chart-search-form button{border:0;background:none;font-size:12px;color:#b9ed83}.stock-header-actions .full-chart-button{margin-left:0;font-size:12px}#chartSearchMessage{flex-basis:100%;color:#f28f93;font-size:11px}.quote-details{padding:9px 2px;color:#8b9aa5;font-size:10px}.quote-details summary{cursor:pointer;width:max-content}.quote-detail-grid{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:12px 0}.quote-detail-grid strong{color:#dbe5ee;margin-left:6px;font-weight:500}.quote-detail-grid a{color:#b9ed83}.candle-toolbar{justify-content:center;border-bottom:1px solid #303944;padding:4px 0 12px;margin-bottom:8px}.candle-panel.expanded .stock-chart-header{padding-bottom:10px}.candle-panel.expanded .stock-price-line #detailPrice{font-size:34px}.stocks-page .workspace{grid-template-columns:minmax(0,1fr)}.stocks-page .workspace aside{display:block}.stocks-page .workspace .about{margin-top:0}.stocks-page .workspace .about h3{font-size:17px;margin:8px 0}.stocks-page .workspace .about p{max-width:900px}@media(max-width:850px){.stock-chart-header{align-items:flex-start;flex-direction:column;gap:14px}.stock-header-actions{max-width:none;justify-content:flex-start;width:100%}.stock-title h2{font-size:26px}.stock-price-line #detailPrice{font-size:34px}.stock-price-line #detailChange{font-size:15px}.stock-header-actions .chart-search-form{flex:1}.chart-search-form input{width:100%;min-width:80px}.candle-toolbar{justify-content:flex-start}.quote-detail-grid{gap:12px}.stock-chart-header .change-period{font-size:9px}}
.detail-main{padding:20px 16px;max-width:none}.candle-panel{margin:0!important}.chart-search-form input{background:transparent;border:0;color:#edf0f5;outline:none}.chart-search-form select{background:#151b21;color:#edf0f5;border:0;padding:8px}.stock-title h1{font-size:30px;margin:0}.up{color:#8dddab}.down{color:#f17e86}.detail-help{font-size:12px;color:#8e9aaa;padding:12px 0}.candle-navigation a{padding:10px}.detail-shortcuts{display:flex;gap:16px;font-size:12px;padding:10px 0;color:#c3f288}.candle-toolbar select{max-width:100%}
/* Compact chart workspace: a single horizontally scrollable control row. */
.stocks-page .detail-main{padding:10px 12px}.stocks-page .candle-panel{padding:10px 12px}.stock-chart-header{display:flex;flex-direction:row;align-items:center;gap:16px;padding:2px 0 10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.compact-quote{display:flex;align-items:center;gap:14px;flex-shrink:0}.stock-title,.stock-price-line{flex-wrap:nowrap;gap:8px;margin:0}.stock-title h1{font-size:24px;letter-spacing:-.5px}.stock-title #companyName{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.stock-price-line #detailPrice{font-size:25px;letter-spacing:-.6px}.stock-price-line #detailChange{font-size:13px}.change-period{display:none}.quote-source{display:none}.session-badge{font-size:9px;padding:3px 6px}#chartControls{flex:1;min-width:max-content}.candle-toolbar{flex-wrap:nowrap;border:0;padding:0;margin:0;justify-content:center;gap:6px}.candle-frames{flex-wrap:nowrap;gap:4px}.candle-toolbar button,.candle-toolbar select{padding:7px 8px;font-size:11px}.candle-frames button{min-width:30px}.stock-header-actions{flex-shrink:0;flex-wrap:nowrap;gap:6px;max-width:none;width:auto}.stock-header-actions .chart-search-form{flex:none;padding-left:6px}.chart-search-form input{width:105px;padding:8px 0}.chart-search-form select{font-size:10px;padding:5px}.stock-header-actions button{padding:8px;font-size:11px}.stock-header-actions .full-chart-button{font-size:10px}.quick-symbols{font-size:15px}.quick-symbols summary{list-style:none;padding:6px;color:#c3f288}.quick-symbols[open] .detail-shortcuts{position:fixed;right:20px;top:110px;z-index:30;background:#151b21;border:1px solid #414b5d;border-radius:6px;padding:12px}.candle-meta{font-size:11px;margin:9px 0 6px}.candle-readout{font-size:11px;min-height:18px}.candle-navigation{margin:4px 0 6px}.candle-navigation button,.candle-navigation select{padding:6px 9px}.detail-help{margin:4px 0;padding:0;font-size:10px}.candle-panel.expanded .stock-price-line #detailPrice{font-size:25px}.candle-panel.expanded .stock-chart-header{padding-bottom:8px}
@media(max-width:1500px){.stock-title #companyName,.session-badge{display:none}.stock-chart-header{gap:10px}.compact-quote{gap:10px}}@media(max-width:760px){.stock-chart-header{flex-direction:row;gap:12px}.stock-title h1{font-size:20px}.stock-price-line #detailPrice{font-size:22px}.stock-header-actions{width:auto}.candle-readout{font-size:10px;min-height:28px}.detail-help{display:none}.candle-navigation{gap:5px;font-size:10px}.stocks-page .candle-panel{padding:8px}.candle-toolbar{justify-content:flex-start}}
.indicator-legend{position:relative;margin:0;font:11px system-ui;color:#9ba8b8;flex-shrink:0}.indicator-legend summary{list-style:none;cursor:pointer;padding:8px 10px;border:1px solid #303b46;border-radius:6px;background:#1c242e;white-space:nowrap}.indicator-legend summary::-webkit-details-marker{display:none}.indicator-legend summary::after{content:' ▾';color:#7c8c9d}.indicator-legend[open] summary{border-color:#607286}.indicator-popover{position:fixed;width:230px;z-index:20;padding:12px 15px;background:#18212b;border:1px solid #3a4655;border-radius:8px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;gap:10px}.indicator-popover label{display:flex;align-items:center;gap:6px;cursor:pointer;min-height:27px;font:11px monospace}.indicator-popover input{accent-color:currentColor}.indicator-popover span{font-variant-numeric:tabular-nums;margin-left:auto}.indicator-popover small{font:10px/1.5 system-ui;color:#8e9daf}.indicator-popover label:has(input:not(:checked)){opacity:.5}.candle-readout{margin-bottom:3px!important}.indicator-legend summary:focus-visible{outline:2px solid #8ba6be;outline-offset:2px}