/* ==========================================================
   台灣50 AI 財報分析儀表板 — 設計系統 v2
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');

:root {
  --bg-primary:#0a0e17; --bg-secondary:#111827; --bg-card:rgba(17,24,39,0.85);
  --bg-glass:rgba(255,255,255,0.04); --border:rgba(255,255,255,0.08);
  --text-1:#f0f4f8; --text-2:#94a3b8; --text-3:#64748b;
  --green:#22c55e; --red:#ef4444; --amber:#f59e0b; --blue:#3b82f6; --purple:#7c3aed;
  --gap:1.25rem; --r:0.875rem; --ease:cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:14px}
body{font-family:'Inter','Noto Sans TC',sans-serif;background:var(--bg-primary);color:var(--text-1);min-height:100vh;line-height:1.6;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(800px 600px at 15% 15%,rgba(0,180,216,.07),transparent),radial-gradient(600px 500px at 85% 85%,rgba(124,58,237,.05),transparent);pointer-events:none;z-index:0}

/* Header */
.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(1.8);background:rgba(10,14,23,.78);border-bottom:1px solid var(--border);padding:.75rem 1.5rem}
.header-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.6rem}
.logo-icon{width:2.2rem;height:2.2rem;border-radius:.6rem;background:linear-gradient(135deg,#00b4d8,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.logo-text{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}
.logo-sub{font-size:.65rem;color:var(--text-3)}
.nav-tabs{display:flex;gap:.2rem;background:var(--bg-glass);border-radius:.6rem;padding:.2rem;border:1px solid var(--border)}
.nav-tab{padding:.4rem 1rem;border:none;border-radius:.4rem;background:transparent;color:var(--text-2);font-size:.78rem;font-weight:500;cursor:pointer;transition:.2s var(--ease);font-family:inherit}
.nav-tab:hover{color:var(--text-1);background:rgba(255,255,255,.06)}
.nav-tab.active{background:rgba(255,255,255,.1);color:var(--text-1);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.update-badge{font-size:.65rem;color:var(--text-3);background:var(--bg-glass);padding:.3rem .6rem;border-radius:2rem;border:1px solid var(--border)}

/* 跑馬燈即時行情 */
.ticker-bar{background:rgba(0,0,0,.5);border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap;padding:.4rem 0;position:relative;z-index:99}
.ticker-scroll{display:inline-block;animation:tickerScroll 60s linear infinite;padding-left:100%}
.ticker-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:500;margin-right:1rem}
.ticker-name{color:var(--text-2);font-weight:600}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-bar:hover .ticker-scroll{animation-play-state:paused}

/* 即時行情 */
.live-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}
.live-meta{display:flex;align-items:center;gap:.5rem}

/* Main */
.main{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:1.5rem}
.tab-panel{display:none;animation:fadeUp .35s var(--ease)}.tab-panel.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.section-title{font-size:1.3rem;font-weight:800;margin-bottom:1.25rem;display:flex;align-items:center;gap:.6rem}
.section-title .dot{width:.45rem;height:.45rem;border-radius:50%}

/* KPI */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:var(--gap);margin-bottom:1.5rem}
.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:1.15rem;backdrop-filter:blur(12px);transition:.25s var(--ease);position:relative;overflow:hidden}
.kpi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--accent,#00b4d8);opacity:0;transition:opacity .25s}
.kpi-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.3)}
.kpi-card:hover::before{opacity:1}
.kpi-label{font-size:.68rem;color:var(--text-3);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}
.kpi-value{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.kpi-unit{font-size:.75rem;font-weight:400;color:var(--text-2);margin-left:.2rem}
.kpi-change{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;font-weight:600;margin-top:.35rem;padding:.15rem .4rem;border-radius:.2rem}
.kpi-change.up{color:var(--green);background:rgba(34,197,94,.1)}.kpi-change.down{color:var(--red);background:rgba(239,68,68,.1)}

/* Charts */
.chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--gap);margin-bottom:1.5rem}
.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:1.25rem;backdrop-filter:blur(12px)}
.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.chart-title{font-size:.9rem;font-weight:700}.chart-subtitle{font-size:.68rem;color:var(--text-3)}
.chart-canvas-wrap{position:relative;height:280px}

/* Search & Sort */
.search-bar{margin-bottom:1rem}
.search-bar input{width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.6rem;color:var(--text-1);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}
.search-bar input:focus{border-color:rgba(59,130,246,.5)}
.search-bar input::placeholder{color:var(--text-3)}
.filter-chips{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}
.filter-chip{padding:.3rem .7rem;border-radius:2rem;border:1px solid var(--border);background:var(--bg-glass);color:var(--text-2);font-size:.72rem;cursor:pointer;transition:.2s}
.filter-chip:hover,.filter-chip.active{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4);color:var(--text-1)}
.sort-bar{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;flex-wrap:wrap}
.sort-label{font-size:.75rem;color:var(--text-3)}
.sort-btn{padding:.3rem .65rem;border-radius:.3rem;border:1px solid var(--border);background:transparent;color:var(--text-2);font-size:.72rem;cursor:pointer;font-family:inherit;transition:.2s}
.sort-btn:hover{background:rgba(255,255,255,.06)}.sort-btn.active{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.4);color:var(--text-1)}

/* Table */
.data-table-wrap{overflow-x:auto;margin-bottom:1.5rem}
.data-table{width:100%;border-collapse:collapse;font-size:.78rem}
.data-table th{text-align:left;padding:.6rem .75rem;font-weight:600;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}
.data-table td{padding:.7rem .75rem;border-bottom:1px solid rgba(255,255,255,.03);white-space:nowrap}
.data-table tr:hover td{background:rgba(255,255,255,.02)}
.data-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.risk-badge{display:inline-block;padding:.15rem .45rem;border-radius:.25rem;font-size:.65rem;font-weight:600}
.risk-high{background:rgba(239,68,68,.15);color:#ef4444}
.risk-medium{background:rgba(245,158,11,.15);color:#f59e0b}
.risk-low{background:rgba(34,197,94,.15);color:#22c55e}

/* War sections */
.war-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;margin-bottom:1rem;border-left:3px solid var(--accent,#ef4444)}
.war-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.war-card p{color:var(--text-2);font-size:.82rem;line-height:1.7;margin-bottom:.5rem}
.war-card .affected-chips{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.5rem}
.war-card .affected-chip{padding:.15rem .5rem;border-radius:2rem;background:rgba(239,68,68,.1);color:var(--red);font-size:.68rem;font-weight:500}
.war-card .mitigation{background:rgba(34,197,94,.05);border-radius:.4rem;padding:.75rem;margin-top:.75rem;font-size:.78rem;color:var(--green);border:1px solid rgba(34,197,94,.15)}

/* AI Report */
.ai-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;margin-bottom:1rem}
.ai-section h3{font-size:1rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}
.ai-section p,.ai-section li{color:var(--text-2);font-size:.82rem;line-height:1.8}
.ai-section ul{padding-left:1.2rem;margin-top:.4rem}
.ai-section .highlight-box{background:linear-gradient(135deg,rgba(0,180,216,.06),rgba(124,58,237,.04));border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin:.75rem 0}

/* ═══════════════════════════════════════════════
   經典之道 ClassicDAO™ 專屬樣式
   ═══════════════════════════════════════════════ */

/* 經典之道 Header */
.classic-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}
.classic-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.classic-badge{font-size:.7rem;padding:.3rem .7rem;border-radius:2rem;border:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.08);color:#FFD700;font-weight:600;letter-spacing:.03em}

/* 名言引用區 */
.classic-quote{background:linear-gradient(135deg,rgba(255,215,0,.06),rgba(255,107,53,.04));border:1px solid rgba(255,215,0,.15);border-radius:var(--r);padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.8rem;position:relative;overflow:hidden}
.classic-quote::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#FFD700,#FF6B35)}
.classic-quote .quote-icon{font-size:1.5rem;flex-shrink:0}
.classic-quote .quote-text{font-size:.85rem;color:var(--text-2);font-style:italic;line-height:1.6;font-weight:400}

/* 十步驟卡片網格 */
.classic-steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}
.classic-step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:1rem 1.15rem;position:relative;overflow:hidden;transition:.3s var(--ease)}
.classic-step-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--step-color,#FFD700);opacity:.7;transition:opacity .3s}
.classic-step-card:hover{transform:translateY(-2px);border-color:rgba(255,215,0,.2);box-shadow:0 6px 24px rgba(0,0,0,.3)}
.classic-step-card:hover::before{opacity:1}
.classic-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.classic-step-num{font-size:.6rem;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.classic-step-icon{font-size:1.1rem}
.classic-step-name{font-size:.92rem;font-weight:700;margin-bottom:.25rem;color:var(--text-1)}
.classic-step-classic{font-size:.65rem;color:var(--step-color,#FFD700);font-weight:600;margin-bottom:.4rem;display:flex;align-items:center;gap:.3rem}
.classic-step-quote{font-size:.72rem;color:var(--text-3);font-style:italic;margin-bottom:.5rem;line-height:1.5;border-left:2px solid rgba(255,215,0,.2);padding-left:.5rem}
.classic-step-desc{font-size:.73rem;color:var(--text-2);line-height:1.6}

/* 綜合評分條 */
.score-bar{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-top:.5rem}
.score-bar-fill{height:100%;border-radius:3px;transition:width .6s var(--ease)}
.score-high{background:linear-gradient(90deg,#22c55e,#00E676)}
.score-mid{background:linear-gradient(90deg,#f59e0b,#FFCA28)}
.score-low{background:linear-gradient(90deg,#ef4444,#FF5252)}

/* 策略訊號徽章 */
.signal-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .55rem;border-radius:.25rem;font-size:.68rem;font-weight:600;white-space:nowrap}
.signal-strong-buy{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.2)}
.signal-buy{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
.signal-neutral{background:rgba(148,163,184,.1);color:#94a3b8;border:1px solid rgba(148,163,184,.15)}
.signal-sell{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
.signal-strong-sell{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.2)}

/* 進場類型 */
.entry-badge{display:inline-flex;align-items:center;gap:.15rem;padding:.15rem .4rem;border-radius:.2rem;font-size:.63rem;font-weight:600}
.entry-normal{background:rgba(59,130,246,.12);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}
.entry-surprise{background:rgba(255,107,53,.12);color:#FF6B35;border:1px solid rgba(255,107,53,.2)}
.entry-wait{background:rgba(100,116,139,.08);color:#64748b;border:1px solid rgba(100,116,139,.15)}

/* 分數數字 */
.score-number{font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums}
.score-number.high{color:#22c55e}.score-number.mid{color:#f59e0b}.score-number.low{color:#ef4444}

/* 整體頁面時間序列圖表卡片（經典之道加高版本）*/
.classic-steps-grid .classic-step-card{animation:cardIn .4s var(--ease) both}

/* Footer */
.footer{padding:1.5rem;text-align:center;color:var(--text-3);font-size:.68rem;border-top:1px solid var(--border);margin-top:2rem}

/* Animation */
.kpi-card,.chart-card,.war-card,.ai-section{animation:cardIn .4s var(--ease) both}
@keyframes cardIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}

/* Responsive */
@media(max-width:768px){html{font-size:13px}.header-inner{flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-row{grid-template-columns:1fr}.chart-canvas-wrap{height:220px}}
@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.nav-tabs{flex-wrap:wrap}}

::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}

/* ═══════════════════════════════════════════════
   全寬個股技術分析面板
   ═══════════════════════════════════════════════ */
.stock-detail-fullwidth{margin-top:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(16px);animation:cardIn .4s var(--ease) both}

/* 頂部列 */
.detail-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;margin-bottom:0.75rem}
.detail-stock-title{font-size:1.3rem;font-weight:700;color:var(--text-1);margin:0}
.detail-topbar-right{display:flex;align-items:center;gap:0.75rem}
.time-range-btns{display:flex;gap:4px}
.range-btn{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-2);cursor:pointer;font-size:0.8rem;transition:all .2s}
.range-btn:hover{border-color:var(--blue);color:var(--blue)}
.range-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.close-detail-btn{padding:6px 14px;border:1px solid rgba(239,68,68,0.4);border-radius:8px;background:transparent;color:var(--red);cursor:pointer;font-size:0.85rem;transition:all .2s}
.close-detail-btn:hover{background:rgba(239,68,68,0.15)}

/* 指標工具列 */
.indicator-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;margin-bottom:0.75rem;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:10px}
.toolbar-label{color:var(--text-3);font-size:0.75rem;font-weight:600;white-space:nowrap}
.toolbar-sep{color:var(--border);font-size:0.9rem;margin:0 4px}
.ind-toggle{display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-size:0.75rem;color:var(--text-2);padding:2px 8px;border-radius:4px;transition:all .15s;user-select:none}
.ind-toggle:hover{background:rgba(255,255,255,0.06)}
.ind-toggle input{width:12px;height:12px;accent-color:var(--blue);cursor:pointer}
.ind-toggle input:checked+span{color:var(--text-1);font-weight:500}

/* 主圖 */
.fullwidth-chart-main{width:100%;height:450px;border-radius:8px;overflow:hidden;margin-bottom:0.5rem}

/* 動態副圖容器 */
.subchart-grid{display:flex;flex-direction:column;gap:2px;margin-bottom:0.75rem}
.subchart-item{background:rgba(255,255,255,0.02);border-radius:6px;overflow:hidden}
.subchart-label{padding:4px 10px;font-size:0.7rem;color:var(--text-3);font-weight:600;border-bottom:1px solid rgba(255,255,255,0.04)}

/* 排行表可點擊 */
#classicTableBody tr{cursor:pointer;transition:background .2s}
#classicTableBody tr:hover{background:rgba(59,130,246,0.08) !important}

/* 底部三欄 */
.detail-bottom-row{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:0.75rem}
.detail-bottom-card{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:12px;padding:0.75rem;overflow-y:auto;max-height:500px}
.detail-bottom-card-wide{grid-column:auto}
.detail-card-title{font-size:0.9rem;font-weight:700;color:var(--text-1);margin-bottom:0.5rem}
.detail-card-sub{font-size:0.75rem;color:var(--text-3);margin-bottom:0.5rem}

/* 策略評分卡 */
.strategy-scorecard{padding:0}
.strategy-summary{text-align:center;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}
.strategy-score-big{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#FFD700,#FF6B35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}
.strategy-verdict{font-size:1rem;font-weight:600;margin-top:0.2rem}
.strategy-verdict.bull{color:var(--green)}.strategy-verdict.bear{color:var(--red)}.strategy-verdict.neutral{color:var(--amber)}
.strategy-signal{color:var(--text-3);font-size:0.75rem;margin-top:0.1rem}
.strategy-steps-list{display:flex;flex-direction:column;gap:3px}
.strategy-step-item{display:flex;align-items:center;gap:5px;font-size:0.72rem;padding:2px 0}
.step-icon{font-size:0.85rem;width:1.1rem;text-align:center;flex-shrink:0}
.step-name{width:4.5rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.step-bar-wrap{flex:1;height:5px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;min-width:40px}
.step-bar{height:100%;border-radius:3px;transition:width .5s var(--ease)}
.step-score{width:2.2rem;text-align:right;color:var(--text-1);font-weight:600;font-size:0.7rem;flex-shrink:0}
.step-status{width:1rem;text-align:center;flex-shrink:0}
.strategy-levels{display:flex;gap:0.4rem;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--border)}
.level-item{flex:1;text-align:center;padding:0.3rem;border-radius:6px;font-size:0.7rem}
.level-item span:first-child{display:block;font-size:0.65rem;margin-bottom:1px}
.level-item span:last-child{font-weight:700;font-size:0.8rem}
.level-item.sl{background:rgba(239,68,68,0.1);color:var(--red)}
.level-item.t1{background:rgba(245,158,11,0.1);color:var(--amber)}
.level-item.t2{background:rgba(34,197,94,0.1);color:var(--green)}
.strategy-indicators{margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--border)}
.ind-row{display:flex;justify-content:space-between;padding:1px 0;font-size:0.72rem;color:var(--text-2)}
.ind-row span:last-child{font-weight:500}

/* 經典原文映射 */
.classic-text-panel{display:flex;flex-direction:column;gap:6px}
.classic-text-item{padding:6px 8px;background:rgba(255,255,255,0.02);border-radius:6px;border-left:3px solid var(--blue)}
.ct-step{font-size:0.7rem;font-weight:700;color:var(--blue);margin-bottom:2px}
.ct-classic{font-size:0.65rem;color:var(--text-3)}
.ct-orig{font-size:0.72rem;color:var(--amber);font-style:italic;margin:2px 0;line-height:1.4}
.ct-map{font-size:0.72rem;color:var(--text-2);line-height:1.3}

/* 易經卦象面板 */
.yijing-panel{text-align:center;padding:0.5rem 0}
.yijing-hexagram{margin-bottom:0.75rem}
.hex-lines{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:0.5rem}
.hex-line{font-size:1.6rem;line-height:1;color:var(--text-1);transition:all .3s}
.hex-line.changing{color:var(--amber);text-shadow:0 0 8px rgba(245,158,11,0.4)}
.hex-name{font-size:1.1rem;font-weight:700;color:var(--text-1)}
.hex-outlook{font-size:0.85rem;font-weight:600;margin-top:0.2rem}
.hex-outlook.yang{color:var(--green)}.hex-outlook.yin{color:var(--red)}.hex-outlook.neutral{color:var(--text-2)}
.yijing-text{text-align:left;padding:0.5rem;background:rgba(255,255,255,0.02);border-radius:8px}
.yt-meaning{font-size:0.78rem;color:var(--amber);font-style:italic;margin-bottom:0.4rem;line-height:1.4}
.yt-trade{font-size:0.78rem;color:var(--text-2);line-height:1.3;margin-bottom:0.3rem}
.yt-meta{font-size:0.65rem;color:var(--text-3)}

@media(max-width:1024px){.detail-bottom-row{grid-template-columns:1fr}.fullwidth-chart-main{height:350px}}
@media(max-width:768px){.indicator-toolbar{font-size:0.7rem}.detail-stock-title{font-size:1rem}.fullwidth-chart-main{height:280px}}