*{box-sizing:border-box} :root{--bg:#0a0e15;--panel:#10151f;--panel2:#131a26;--line:#232d3c;--text:#dce4f1;--muted:#8190a6;--blue:#5c8fff;--green:#2bc59c;--red:#ef6b80;--amber:#e8b865}body{margin:0;background:var(--bg);color:var(--text);font:12px "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:hover{color:white;background:#253248}button:disabled{opacity:.45;cursor:wait}a{color:var(--muted);text-decoration:none}header{height:66px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 23px;gap:40px;background:#0e141e}.brand{font-size:24px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.brand span{color:#79a2ff}.brand small{font-size:9px;letter-spacing:2px;font-weight:500;display:block;color:var(--muted);margin-top:2px}nav{height:100%;display:flex;gap:24px}nav button{height:100%;font-weight:600;color:var(--muted);padding:0 4px}nav button.nav-active{color:#dce7fc;border-bottom:2px solid #7299ff}.header-right{display:flex;align-items:center;gap:22px;margin-left:auto;color:var(--muted);font-size:11px}.pill{border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:10px;letter-spacing:.5px;white-space:nowrap}.amber{color:var(--amber);background:#302719;border-color:#5c4525}.neutral{background:#1a2230;color:#8799b5}.good{color:var(--green);border-color:#225c4e;background:#122d27}.bad{color:var(--red);background:#321f2a;border-color:#613042}.connection i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:6px}.green{background:var(--green)!important}.blue{background:var(--blue)!important}.connection.online i{background:var(--green)}.risk-banner{height:32px;padding:0 23px;display:flex;align-items:center;gap:9px;background:#171b23;border-bottom:1px solid var(--line);font-size:11px;color:#c6ab7e}.risk-banner .subtle{margin-left:auto;color:var(--muted)}.lock{color:var(--amber)}main{display:grid;grid-template-columns:190px minmax(500px,1fr) 276px;min-height:calc(100vh - 98px)}.watchlist{padding:22px 12px;border-right:1px solid var(--line);position:relative}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700;margin-bottom:17px;color:#a9b7cc}.search{display:flex;align-items:center;background:#121b29;border:1px solid var(--line);border-radius:6px;padding:7px 9px;gap:7px;margin-bottom:18px}.search span{font-size:20px;color:#8c9eba}.search input{width:100%;background:none;border:0;outline:0;color:var(--text)}.symbol-item{display:flex;align-items:center;gap:10px;padding:13px 10px;border-radius:5px;width:100%;text-align:left;margin:4px 0}.symbol-item.active{background:#1c2b44;border:1px solid #2f466b}.symbol-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;font-size:17px;background:#222c3d;color:#b2c7e9}.symbol-item:first-child .symbol-icon{color:#f1bf70;background:#352b21}.symbol-item strong{font-size:12px}.symbol-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.watch-bottom{margin-top:45px;border-top:1px solid var(--line);padding:20px 6px;color:var(--muted);font-size:10px;line-height:1.6}.eyebrow{font-size:9px;letter-spacing:1px}.workspace{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:20px 24px;gap:20px;background:#0f151e}.metrics>div{border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics label{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.metrics strong{font-size:23px;font-weight:600;display:block;letter-spacing:-.6px}.metrics small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.chart-panel{background:#0c121b}.instrument{display:flex;align-items:center;gap:12px;padding:20px 22px 16px}.instrument-icon{height:34px;width:34px;display:flex;align-items:center;justify-content:center;background:#362d20;color:#eabb68;border-radius:50%;font-size:25px}h1{font-size:17px;margin:0 0 5px;font-weight:650;letter-spacing:.3px}h1 span{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0}.muted{color:var(--muted);font-size:10px;line-height:1.55}.quote{margin-left:20px}.quote strong{font-size:22px;display:block;font-weight:550}.quote span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.instrument>.pill{margin-left:auto}.chart-tools{display:flex;align-items:center;padding:0 16px;height:38px;border-top:1px solid #1b2534;border-bottom:1px solid #1b2534;gap:10px;color:var(--muted);font-size:10px}.chart-tools button{padding:6px 7px;border-radius:4px}.chart-tools .selected,#timeframes .selected{background:#233454;color:#90b1ff}.divider{height:16px;width:1px;background:var(--line)}.chart-timezone{margin-left:auto}#timeframes{display:flex;gap:3px}.strategy-strip{display:flex;align-items:center;gap:8px;padding:13px 22px;font-size:9px}.strategy-strip>span{color:var(--muted);font-size:9px;letter-spacing:1px;margin-right:5px}.chip{padding:4px 7px;border:1px solid transparent;border-radius:4px;opacity:.3}.chip.selected{opacity:1;background:#171f2d;border-color:#2b3648}.v5{color:#64a0ff}.apex{color:#bd98ff}.momo{color:#3bceaa}.video{color:#edb267}.forex{color:#76c7e4}#chart{height:410px;position:relative}.chart-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;background:#0c121be0;color:var(--muted);pointer-events:none}.chart-footer{padding:9px 20px;font-size:9px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:#687c98}.bottom-panel{min-height:260px;background:#0f151f}.tabs{display:flex;gap:18px;padding:0 20px;height:46px;border-bottom:1px solid var(--line)}.tabs button{font-size:11px;color:var(--muted);padding:0 1px}.tabs button.active{color:#99baff;border-bottom:2px solid #719fff}.tabs b{display:inline-block;background:#213049;font-size:9px;border-radius:3px;padding:1px 5px;margin-left:5px}.tab-note{margin:auto 0 auto auto;font-size:9px;color:#62758f}#tableContent{overflow:auto;max-height:370px}table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.5px;color:#7288a5;font-weight:500;padding:12px 18px;background:#101925}td{padding:13px 18px;border-bottom:1px solid #1d2736;color:#c1cfe3}.empty{padding:44px 20px;text-align:center;color:var(--muted);line-height:1.8}.right-panel{border-left:1px solid var(--line);background:#101620;padding:22px 16px;display:flex;flex-direction:column;gap:24px}.right-panel section{border-bottom:1px solid var(--line);padding-bottom:20px}.adapter{display:flex;align-items:center;gap:9px;margin:15px 0}.adapter-icon{width:28px;height:28px;border:1px solid #2a374b;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9fb3d2;font-weight:700;font-size:10px}.adapter strong{font-size:11px;display:block}.adapter small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.adapter .status-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);margin-left:auto}.adapter .status-dot.ok{background:var(--green)}.adapter .status-dot.fail{background:var(--red)}.tiny{font-size:9px;letter-spacing:0}.amber-text{color:var(--amber)}.test-panel p{margin-top:-7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}.field-row label{font-size:9px;color:var(--muted)}select{width:100%;margin-top:7px;padding:8px;background:#182131;color:#cad7ed;border:1px solid #2a374c;border-radius:4px;outline:none}.primary{background:#4877d8;color:white;border:1px solid #6a93e4;border-radius:5px;padding:10px;font-weight:600;letter-spacing:.15px}.primary:hover{background:#5689f0}.full{width:100%;display:flex;justify-content:space-between;align-items:center}.secondary{background:#182333;border:1px solid #2c3c54;border-radius:5px;padding:9px;color:#adbed7;margin-top:9px;justify-content:center}.test-result{font-size:10px;line-height:1.6;margin-top:12px;color:var(--muted);overflow-wrap:anywhere}textarea{resize:vertical;width:100%;border:1px solid #2a374b;background:#111a28;color:var(--text);padding:9px;border-radius:5px;outline:none}.recent-section{flex:1;min-height:140px}.recent-item{padding:10px 0;border-bottom:1px solid #1c2839;display:flex;gap:9px}.side-mark{font-size:14px;color:var(--green)}.side-mark.sell{color:var(--red)}.recent-item strong{font-size:10px;font-weight:600}.recent-item p{margin:4px 0 0;font-size:9px;color:var(--muted)}.recent-item time{margin-left:auto;font-size:9px;color:#637792}.right-footer{font-size:9px;letter-spacing:2px;color:#59708f;line-height:2}.right-footer span{letter-spacing:.3px}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px}.health-card{border:1px solid var(--line);padding:12px;border-radius:5px;line-height:1.7;overflow-wrap:anywhere}.health-card strong{display:block;color:#b4c5df;margin-bottom:6px}.log-row{padding:7px 16px;border-bottom:1px solid #1d2634;font:10px Consolas,monospace;color:#9babc4;overflow-wrap:anywhere}.log-row time{color:#566f90;margin-right:10px}.hidden{display:none!important}.login{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#080e19ee;backdrop-filter:blur(8px)}.login-card{max-width:430px;padding:36px;background:#121c2c;border:1px solid #354565;border-radius:12px}.login-card h2{font-size:18px;margin-top:32px}.login-card p{color:var(--muted);line-height:1.6}.login-card input{width:100%;padding:12px;margin:12px 0;background:#0d1522;border:1px solid #34435c;color:white;border-radius:5px}.login-card button{width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#283b5c;border:1px solid #6486bc;border-radius:7px;z-index:50;color:#e7efff;font-size:12px;max-width:80vw}@media(min-width:1600px){#chart{height:520px}main{grid-template-columns:208px minmax(650px,1fr) 300px}}@media(max-width:1200px){main{grid-template-columns:155px minmax(400px,1fr) 240px}.metrics{padding:18px 14px;gap:12px}.metrics strong{font-size:19px}.chart-tools{gap:3px;padding:0 8px}.strategy-strip{gap:5px;padding-left:14px}.quote{margin-left:4px}.right-panel{padding:18px 12px}.header-right{gap:12px}.tab-note{display:none}}@media(max-width:950px){main{grid-template-columns:120px minmax(400px,1fr)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.right-panel .recent-section,.right-footer{display:none}.symbol-item{padding:10px 3px}.symbol-icon{display:none}.watchlist{padding:18px 8px}.metrics label{font-size:8px}.header-right #clock{display:none}header{gap:22px}.strategy-strip{gap:3px}}@media(max-width:620px){.watchlist{display:none}main{display:block}.metrics{grid-template-columns:1fr 1fr}.metrics>div{border:0}.right-panel{display:block}.chart-tools{overflow:auto;white-space:nowrap}.chart-tools #levelsButton{display:none}.instrument .quote{margin-left:auto}.instrument>.pill{display:none}nav{display:none}header{padding:0 14px}.risk-banner{font-size:9px;padding:0 12px}.risk-banner .subtle{display:none}#chart{height:340px}.strategy-strip{padding-left:10px}.tabs{gap:15px;padding:0 12px}}


/* --- V1.1: chain view, data-lag indicator, grouped signal markers --- */
.lag{margin-left:auto;font-size:11px;letter-spacing:.02em;color:#7488a5}
.lag.ok{color:#5fbfa1}
.lag.warn{color:#d8a657}
.lag.stale{color:#e0798f}
.strategy-strip .chip.ghost{opacity:.75;border-style:dashed}
.badge{display:inline-block;padding:1px 6px;border-radius:9px;font-size:10px;letter-spacing:.04em;vertical-align:middle}
.badge.test{background:#3a2f12;color:#e4b45f;border:1px solid #6a5321}
.badge.real{background:#122b25;color:#4fc0a0;border:1px solid #23554a}
.badge.ok{background:#122b25;color:#4fc0a0}
.badge.fail{background:#3a1b23;color:#e0798f}
.chain-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;padding:12px 14px;border-bottom:1px solid #1d2838;background:#0e151f}
.chain-head div{display:flex;flex-direction:column;gap:3px}
.chain-head strong{font-size:10px;letter-spacing:.09em;color:#7f94b1}
.chain-head span{font-size:12px}
.chain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:12px;padding:12px}
.chain-card{border:1px solid #1d2838;border-radius:9px;background:#0e151f;padding:12px}
.chain-card header{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}
.chain-card h3{margin:0;font-size:15px;letter-spacing:.04em}
.chain-card h4{margin:0 0 5px;font-size:10px;letter-spacing:.08em;color:#7f94b1}
.steps{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.step{display:grid;grid-template-columns:150px 1fr;gap:8px;padding:5px 8px;border-left:3px solid #35455c;background:#111a26;border-radius:0 5px 5px 0;font-size:12px}
.step b{font-size:10px;letter-spacing:.07em;color:#8ea4c1}
.step.ok{border-left-color:#3fae8d}
.step.fail{border-left-color:#d75e79}
.step.wait{border-left-color:#c39544}
.gate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin-bottom:10px}
.gate{padding:5px 8px;border:1px solid #1d2838;border-radius:6px;background:#111a26}
.gate label{display:block;font-size:9px;letter-spacing:.07em;color:#7f94b1}
.gate span{font-size:12px}
.gate.ok span{color:#5fbfa1}
.gate.fail span{color:#e0798f}
.chain-lists{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chain-lists ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.chain-lists li{display:flex;gap:6px;align-items:baseline;font-size:11px;color:#a9bdd6}
.chain-lists li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chain-lists li b{color:#e4e9f2}
.chain-lists li time{color:#6d819d;font-size:10px}
@media(max-width:900px){.chain-grid{grid-template-columns:1fr}.chain-lists{grid-template-columns:1fr}.step{grid-template-columns:1fr}}

/* --- V1.1 indicators, drawing tools and symbol add --- */
.indicator-bar{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.chip.ind{font-size:10px;padding:2px 7px;background:#121b27;border:1px solid #22303f;color:#8ea4c1;border-radius:11px;cursor:pointer}
.chip.ind.selected{background:#1b2a3c;color:#dce8f6;border-color:#31506f}
#lineTool.selected{background:#1b2a3c;color:#dce8f6}
.watchlist .search+.search{margin-top:4px}
#symbolAddResult{padding:2px 4px 6px}

/* --- V1.2 chart tools --- */
.mini{background:#111a26;border:1px solid #22303f;color:#c6d4e4;border-radius:5px;padding:2px 5px;font-size:11px}
#chart{position:relative}
.vp-layer{position:absolute;left:0;top:0;pointer-events:none;z-index:2}
#replayBar{display:flex;gap:4px;align-items:center}
#replayBar.hidden{display:none}
#replayToggle.selected,#volumeProfile.selected{background:#1b2a3c;color:#dce8f6}

/* --- V1.2 drawing layer --- */
.draw-layer{position:absolute;left:0;top:0;z-index:3;cursor:crosshair}
.draw-bar{padding:4px 10px;border-top:1px solid #16202d;gap:4px}

/* --- V1.2 alerts panel --- */
.alerts-panel .field-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px}
.alerts-panel label{font-size:10px;color:#7f94b1;display:flex;gap:4px;align-items:center}
.alert-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:170px;overflow:auto}
.alert-row{display:flex;gap:6px;align-items:center;font-size:11px;background:#111a26;border:1px solid #1d2838;border-radius:6px;padding:4px 6px}
.alert-row strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.alert-row button{background:none;border:1px solid #2a3a4d;color:#8ea4c1;border-radius:4px;font-size:10px;padding:1px 5px;cursor:pointer}
.alert-row.off{opacity:.55}
.alert-history{max-height:150px;overflow:auto;display:flex;flex-direction:column;gap:3px;font-size:10px;color:#93a8c4}
.alert-history .fail{color:#e0798f}
.alert-history .ok{color:#5fbfa1}

/* --- V1.3 analysis bar, patterns, backtest --- */
.analysis-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 10px}
.analysis-bar label{display:flex;gap:4px;align-items:center;color:#7f94b1}
.pattern-layer{position:absolute;inset:0;pointer-events:none;z-index:3}
.backtest-panel .field-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px}
.backtest-panel label{font-size:10px;color:#7f94b1;display:flex;gap:4px;align-items:center}
.bt-report{margin-top:6px;display:flex;flex-direction:column;gap:2px;font-size:11px}
.bt-report .kv{display:flex;justify-content:space-between;color:#a9bcd6}
.bt-report .kv b{font-weight:500;color:#dbe6f5}
.bt-report .pos{color:#5fbfa1}.bt-report .neg{color:#e0798f}

/* --- V1.3 multiple watchlists --- */
.wl-row{display:flex;gap:4px;align-items:center;margin:6px 0}
.wl-row select,.wl-row input{flex:1;min-width:0}
.symbol-item .wl-star{margin-left:auto;background:none;border:none;cursor:pointer;font-size:13px}
.symbol-item .wl-star{color:#5d7391}
.symbol-item .wl-star.on{color:#e0b25f}

/* --- V1.3 reports tab --- */
.report-note{padding:6px 10px}
.report-block{margin-bottom:14px}
.report-block .section-title{padding:6px 10px;font-size:10px;letter-spacing:.08em}

/* --- V1.4 çoklu grafik, gösterge çipleri, düzenler, profil, footprint --- */
.pro-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:4px 10px}
.pro-bar label{display:flex;gap:4px;align-items:center;color:#7f94b1}
.study-chips{display:flex;gap:4px;flex-wrap:wrap;padding:0 10px 4px}
.study-chips .chip{display:inline-flex;gap:4px;align-items:center}
.study-chips .chip i{font-style:normal;opacity:.7;cursor:pointer}
.study-chips .chip .sw{width:8px;height:8px;border-radius:50%;display:inline-block}
.btn-file{cursor:pointer;border:1px solid #2a3a4d;border-radius:4px;padding:2px 6px;font-size:11px;color:#9fb2cb}
.chart-grid{display:grid;gap:4px;grid-template-columns:1fr}
.chart-grid.multi{height:620px}
.chart-grid.multi #chart{height:100%!important;min-height:0}
.chart-grid.g2{grid-template-columns:1fr 1fr;height:440px}
.chart-grid.g3{grid-template-columns:repeat(3,1fr);height:440px}
.chart-grid.g4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.chart-grid.g6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}
.chart-grid.g9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:720px}
.chart-grid.g12{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:720px}
.chart-grid.g16{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:820px}
.sat{position:relative;background:#0c121b;border:1px solid #1d2838;border-radius:4px;display:flex;flex-direction:column;min-height:0;min-width:0}
.sat header{display:flex;gap:4px;align-items:center;font-size:10px;padding:2px 4px;border-bottom:1px solid #182231}
.sat header b{color:#5c8fff}
.sat header select{max-width:92px}
.sat .sat-chart{flex:1;min-height:0}
.sat .sat-msg{position:absolute;left:6px;top:26px}
.mini-btn{background:none;border:1px solid #2a3a4d;color:#8ea4c1;border-radius:3px;font-size:10px;padding:0 4px;cursor:pointer}
.mini-btn.selected{border-color:#5c8fff;color:#dbe6f5}
.fp-layer{position:absolute;left:0;top:0;pointer-events:none;z-index:2}
.profile-panel .field-row,.layouts-panel .field-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px}
.profile-panel label{font-size:10px;color:#7f94b1;display:flex;gap:4px;align-items:center}
.alert-cond{display:flex;gap:4px;align-items:center;margin-bottom:4px}
.equity-chart{width:100%;height:220px;display:block;background:#0c121b;border:1px solid #1d2838;border-radius:4px}
.focus-bar{display:flex;gap:4px;flex-wrap:wrap;padding:6px 10px}
@media(max-width:950px){.chart-grid.g4,.chart-grid.g6,.chart-grid.g9,.chart-grid.g12,.chart-grid.g16{grid-template-columns:1fr 1fr;grid-template-rows:none;height:auto;grid-auto-rows:240px}}
@media(max-width:620px){.chart-grid.multi{grid-template-columns:1fr!important;grid-template-rows:none!important;height:auto;grid-auto-rows:240px}}

/* profil teması: açık tema, koyu arayüzün renk-tersine çevrilmiş hâli (grafik tuvalleri dahil tutarlı) */
html[data-theme="light"] body{filter:invert(.92) hue-rotate(180deg)}


/* --- V1.6 mobil düzeltme ---
 * Izgara hücreleri içerikteki tuval genişliğinin altına inebilsin (1fr = minmax(auto,1fr) masaüstünde çizilmiş
 * tuvalin genişliğinde takılıyor ve 390 px'te sayfayı 1077 px'e itiyordu). */
.chart-grid>*{min-width:0}
.chart-grid.g1{grid-template-columns:minmax(0,1fr)}
.chart-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.chart-grid.g3,.chart-grid.g6,.chart-grid.g9{grid-template-columns:repeat(3,minmax(0,1fr))}
.chart-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.chart-grid.g12,.chart-grid.g16{grid-template-columns:repeat(4,minmax(0,1fr))}
.sat .sat-chart,#chart{min-width:0;overflow:hidden}
@media(max-width:950px){.chart-grid.g4,.chart-grid.g6,.chart-grid.g9,.chart-grid.g12,.chart-grid.g16{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .chart-grid.multi{grid-template-columns:minmax(0,1fr)!important}
 /* sinyal şeridi ve araç çubukları satır atlar; sayfa 390 px'i aşmaz */
 .strategy-strip{flex-wrap:wrap;height:auto;row-gap:4px;padding-top:4px;padding-bottom:4px}
 .pro-bar,.analysis-bar,.study-chips,.draw-bar,.indicator-bar{flex-wrap:wrap;max-width:100%}
 .pro-bar input,.analysis-bar input{max-width:150px}
 .instrument,.metrics,.bottom-panel,.tabs,.right-panel{max-width:100%;overflow-x:auto}
}