/* MT5 tab (v9.123). Own classes (m5-*). No backdrop-filter on ancestors of #m5-pro so full screen (position:fixed) works. */
#mt5-root{--m5-up:#16a34a;--m5-dn:#dc2626;color:#e5e7eb;font-size:.875rem}
#mt5-root .hidden,.m5-ov .hidden{display:none!important}
.m5-card{background:rgba(30,41,59,.72);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem;margin-bottom:.75rem;min-width:0}
.m5-card h4{font-weight:700;margin-bottom:.4rem}
.m5-h4row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.m5-h4row h4{margin:0}
.m5-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:.6rem}
.m5-ht{flex:1;min-width:200px}.m5-ht h3{font-weight:700;font-size:1.125rem}.m5-ht p{font-size:.75rem;color:#6b7280}
.m5-beta{font-size:.65rem;font-weight:600;color:#38bdf8;border:1px solid rgba(56,189,248,.5);border-radius:999px;padding:0 .4rem;vertical-align:middle}
.m5-hb{display:flex;gap:.4rem}
.m5-dim{color:#9ca3af;font-size:.75rem}.m5-bad{color:#f87171}.m5-up{color:var(--m5-up)}.m5-dn{color:var(--m5-dn)}
.m5-sp{flex:1}.m5-sep{width:1px;height:1.2rem;background:rgba(255,255,255,.15);flex:none}
.m5-status{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;font-size:.75rem}
.m5-why{flex:1;min-width:120px;color:#fbbf24}
.m5-pill{font-weight:700;padding:.15rem .5rem;border-radius:.4rem;background:#334155;color:#cbd5e1}
.m5-pill.demo{background:#14532d;color:#86efac}.m5-pill.live{background:#7f1d1d;color:#fecaca;animation:m5p 1.4s infinite}.m5-pill.lock{background:#78350f;color:#fde68a}
@keyframes m5p{50%{opacity:.6}}
.m5-nav{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:.75rem;scrollbar-width:none}.m5-nav::-webkit-scrollbar{display:none}
.m5-nv{flex:none;padding:.4rem .9rem;border-radius:.6rem;background:rgba(51,65,85,.55);color:#cbd5e1;font-size:.8rem;font-weight:600;position:relative}
.m5-nv.on{background:var(--fx-a1,#3b82f6);color:#fff}
.m5-bd{margin-left:.3rem;font-size:.65rem;background:#ef4444;color:#fff;border-radius:999px;padding:0 .35rem}.m5-bd:empty{display:none}
.m5-chip{flex:none;padding:.3rem .55rem;border-radius:.5rem;background:rgba(51,65,85,.6);color:#e5e7eb;font-size:.72rem;font-weight:600;border:0}
.m5-chip.on{background:var(--fx-a1,#3b82f6);color:#fff}
#m5-halt.on{background:#b91c1c;color:#fff}
.m5-btn{padding:.5rem .9rem;border-radius:.6rem;background:rgba(71,85,105,.7);color:#fff;font-weight:600;border:0}
.m5-btn.go{background:#2563eb}.m5-btn.danger{background:#b91c1c}
.m5-in{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.4rem .6rem;color:#fff;min-width:0;font-size:.85rem}
.m5-sel{padding:.3rem .4rem;font-size:.75rem}
.m5-view{min-width:0}
#m5-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)}
#m5-ctl{display:flex;flex-direction:column;min-width:0}
@media (min-width:1100px){#m5-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start}}
.m5-tb{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.35rem}
.m5-symw{position:relative;min-width:0}
.m5-sym{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.3rem .6rem;color:#fff;text-align:left;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#m5-sympan{position:absolute;z-index:60;left:0;top:calc(100% + 4px);width:min(330px,88vw);max-height:60vh;overflow:auto;background:rgba(15,23,42,.98);border:1px solid rgba(255,255,255,.15);border-radius:.6rem;padding:.4rem}
#m5-sympan .m5-in{width:100%;margin-bottom:.3rem}
.m5-gh{font-size:11px;font-weight:700;color:#94a3b8;padding:.35rem .4rem .1rem}
.m5-it{display:block;width:100%;text-align:left;padding:.4rem .5rem;border-radius:.45rem;color:#e5e7eb;background:transparent;border:0}.m5-it:hover,.m5-it.on{background:rgba(255,255,255,.12)}
.m5-px{font-size:1.4rem;font-weight:700;margin-left:.3rem}.m5-chg{font-size:.75rem}
#m5-wrap{position:relative;width:100%;height:clamp(260px,52vh,520px);min-height:0;overflow:hidden;border-radius:.5rem}
#m5-chart{position:absolute;inset:0}
#m5-leg{position:absolute;left:6px;top:4px;z-index:3;font-size:10px;color:#cbd5e1;pointer-events:none;text-shadow:0 0 3px #000}
#m5-nodata{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;z-index:2}
#m5-nodata:not(.hidden)::after{content:"Loading candles... (or pick an account in the Account view)"}
#m5-rsiw{position:relative;width:100%;height:90px;margin-top:2px}#m5-rsi{position:absolute;inset:0}
.m5-qb{display:none;margin-top:.35rem;flex-wrap:nowrap}
.m5-qin{width:4.6rem;text-align:center}.m5-qpl{font-size:.75rem}
.m5-sell,.m5-buy{border:0;color:#fff;font-weight:700;padding:.5rem .8rem;border-radius:.6rem;white-space:nowrap}
.m5-sell{background:var(--m5-dn)}.m5-buy{background:var(--m5-up)}
.m5-big{flex:1;padding:.8rem 0;font-size:1rem;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.m5-pp{font-size:.7rem;font-weight:500;opacity:.9}
.m5-livebtn{box-shadow:0 0 0 2px #fbbf24}
.m5-bs{display:flex;gap:.5rem;margin:.5rem 0}
.m5-seg{display:flex;gap:.25rem;padding:.25rem;border-radius:.6rem;background:rgba(51,65,85,.55);margin-bottom:.5rem}
.m5-seg button{flex:1;padding:.35rem .5rem;border-radius:.45rem;font-size:.75rem;color:#9ca3af;background:transparent;border:0}.m5-seg button.on{background:rgba(255,255,255,.16);color:#fff;font-weight:600}
.m5-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.4rem}
.m5-row .m5-in{flex:1;min-width:4rem}
.m5-lab{font-size:.72rem;color:#9ca3af;min-width:3.4rem}
.m5-step{width:2.2rem;height:2.2rem;border-radius:.5rem;background:rgba(51,65,85,.6);color:#e5e7eb;font-weight:700;border:0}
.m5-chk{display:flex;align-items:center;gap:.35rem;font-size:.78rem}
.m5-prev{min-height:1rem;font-size:.78rem;margin:.2rem 0}
.m5-det{margin-top:.4rem}.m5-det summary{cursor:pointer;color:#9ca3af;font-size:.78rem}
.m5-fld{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem;font-size:.78rem;color:#cbd5e1}.m5-fld.m5-chk{flex-direction:row}
.m5-fld .m5-in{width:100%}
.m5-pc{border:1px solid rgba(255,255,255,.08);border-radius:.6rem;padding:.5rem .6rem;margin-bottom:.4rem;background:rgba(15,23,42,.45)}
.m5-pc.m5-act{border-color:var(--fx-a1,#3b82f6)}
.m5-pt{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.m5-pm{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#9ca3af;margin-top:.15rem;flex-wrap:wrap}
.m5-pl{font-weight:700}
.m5-pa{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}
.m5-tag{font-size:.68rem;font-weight:700;padding:.05rem .4rem;border-radius:.35rem}.m5-tag.buy{background:rgba(22,163,74,.25);color:#4ade80}.m5-tag.sell{background:rgba(220,38,38,.25);color:#f87171}
.m5-bar{height:4px;background:rgba(148,163,184,.25);border-radius:3px;margin-top:.35rem;overflow:hidden}.m5-bar i{display:block;height:100%}.m5-rr{font-size:.68rem}
.m5-empty{padding:.6rem;text-align:center}
.m5-score{font-size:.7rem;font-weight:700;background:#1d4ed8;color:#fff;border-radius:999px;padding:0 .45rem}
.m5-sg.taken{opacity:.55}.m5-sg.dismissed{opacity:.4}.m5-sg.failed{border-color:#7f1d1d}
.m5-rs{display:flex;flex-wrap:wrap;gap:.2rem .6rem;font-size:.7rem;margin-top:.2rem}.m5-rs .up{color:#86efac}.m5-rs .dn{color:#fca5a5}
.m5-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.4rem;margin-bottom:.5rem}
.m5-stats div{background:rgba(15,23,42,.45);border-radius:.5rem;padding:.35rem .5rem;display:flex;flex-direction:column}
.m5-eq{width:100%;height:80px;margin:.3rem 0}.m5-bysym{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}
.m5-tr{display:flex;align-items:center;gap:.4rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.75rem}
#m5-log{max-height:12rem;overflow:auto;font-family:'JetBrains Mono',monospace;font-size:.7rem}
textarea.m5-in{width:100%;margin-bottom:.3rem}
/* toasts, modal, auto bar */
#m5-toasts{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:2147483600;display:flex;flex-direction:column;gap:6px;align-items:center;width:min(92vw,420px);pointer-events:none}
.m5-toast{background:rgba(15,23,42,.96);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:.6rem;padding:.5rem .8rem;font-size:.8rem;transition:opacity .4s;box-shadow:0 6px 20px rgba(0,0,0,.5)}.m5-toast.bad{border-color:#ef4444;background:rgba(69,10,10,.96)}
.m5-ov{position:fixed;inset:0;z-index:2147483640;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1rem}
.m5-modal{background:#0f172a;border:1px solid rgba(255,255,255,.18);border-radius:.8rem;padding:1rem;width:min(94vw,420px);max-height:90vh;overflow:auto;color:#e5e7eb}
.m5-modal h4{font-weight:700;margin-bottom:.5rem}.m5-mb ul{padding-left:1.1rem;list-style:disc;margin:.3rem 0}.m5-mb p{margin:.3rem 0}.m5-big2{font-size:.9rem;word-break:break-word}.m5-warn{color:#fbbf24}
.m5-minp{width:100%;margin-top:.5rem}.m5-mbtns{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.8rem;flex-wrap:wrap}
#m5-autobar{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top));z-index:2147483500;width:min(94vw,440px);display:flex;flex-direction:column;gap:6px}
.m5-ab{display:flex;align-items:center;gap:.4rem;background:rgba(15,23,42,.97);border:1px solid #38bdf8;border-radius:.7rem;padding:.5rem .6rem;box-shadow:0 8px 24px rgba(0,0,0,.6)}.m5-ab>div{flex:1;min-width:0}
/* full screen: slim toolbars scroll sideways, chart takes ALL the rest */
html.m5-fs-on,html.m5-fs-on body{overflow:hidden!important}
#m5-pro.m5-fs{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:2147483000;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:0;border-radius:0;border:0;background:#0a0f1c;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
#m5-pro.m5-fs>*{flex:none;min-width:0}
#m5-pro.m5-fs .m5-tb{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin-bottom:3px;-webkit-overflow-scrolling:touch}
#m5-pro.m5-fs .m5-tb::-webkit-scrollbar{display:none}#m5-pro.m5-fs .m5-tb>*{flex:none}
#m5-pro.m5-fs #m5-wrap{flex:1 1 0;min-height:0;height:auto}
#m5-pro.m5-fs #m5-rsiw{height:70px}
#m5-pro.m5-fs .m5-qb,.m5-qb{}
#m5-pro.m5-fs .m5-qb{display:flex}
#m5-pro.m5-fs #m5-tb3{display:none}
#m5-pro.m5-fs #m5-sympan{position:fixed;left:8px;top:48px}
#m5-pro.m5-fs #m5-side{position:absolute;z-index:20;right:0;top:0;bottom:0;width:min(340px,86vw);background:rgba(10,15,28,.98);border-left:1px solid rgba(255,255,255,.15);overflow:auto;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) 6px 8px}
#m5-pro.m5-fs #m5-side .m5-card{background:transparent;border:0;padding:.25rem;margin:0 0 .5rem}
@media (orientation:portrait){#m5-pro.m5-fs #m5-side{top:auto;left:0;width:auto;height:60%;border-left:0;border-top:1px solid rgba(255,255,255,.15)}}
/* landscape (not full screen): chart height from screen height, two columns, quick bar, one-row toolbars */
html[data-view="land"] #m5-wrap{height:clamp(200px,calc(100*var(--u) - 190px),600px)}
html[data-view="land"] #m5-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start}
html[data-view="land"] #m5-pro:not(.m5-fs) .m5-tb{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
html[data-view="land"] #m5-pro:not(.m5-fs) .m5-tb::-webkit-scrollbar{display:none}
html[data-view="land"] #m5-pro:not(.m5-fs) .m5-tb>*{flex:none}
html[data-view="land"] #m5-pro:not(.m5-fs) .m5-qb{display:flex}
html[data-view="land"] #m5-ctl{max-height:calc(100*var(--u) - 120px);overflow:auto}
html[data-view="land"] .m5-head p{display:none}
@media (max-width:420px){.m5-px{font-size:1.15rem}}
/* terminal full-screen fallback (v9.128) */
#m5-tfcard.m5-tfs-on{position:fixed;inset:0;z-index:2147483000;margin:0;border-radius:0;width:100vw;height:100vh;height:100dvh;background:#000}
#m5-tfcard.m5-tfs-on #m5-tframe{height:100%!important;min-height:0!important}

#m5-tfcard.m5-tfs-on #m5-fhead{display:none}
#m5-tfcard.m5-tfs-on #m5-b-frm{height:100%}

/* terminal full screen: keep Exit button clear of the notch (v9.144) */
#m5-tfcard.m5-tfs-on #m5-tfx{top:calc(8px + env(safe-area-inset-top))!important;right:calc(8px + env(safe-area-inset-right))!important}
#m5-tfcard{position:relative}
#m5-tfcard.m5-tfs-on{position:fixed}

#m5-pov{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.m5-povg{position:absolute;left:6px;display:none;gap:.25rem;pointer-events:auto}.m5-povg .m5-chip{padding:.12rem .45rem;font-size:.66rem;background:rgba(17,24,39,.88)}
[data-m5pos="mini"] .m5-pc{cursor:pointer}.m5-pc.m5-flash{box-shadow:0 0 0 2px #38bdf8;transition:box-shadow .3s}
.m5-hd{position:absolute;right:96px;display:none;align-items:center;padding:.22rem .55rem;border-radius:.45rem;font-size:.68rem;font-weight:700;pointer-events:auto;touch-action:none;cursor:ns-resize;background:rgba(17,24,39,.92);border:1px solid;user-select:none;-webkit-user-select:none;white-space:nowrap}
.m5-hd.sl{color:#ef4444;border-color:#ef4444}.m5-hd.tp{color:#22c55e;border-color:#22c55e}.m5-hd.drag{box-shadow:0 0 0 2px rgba(255,255,255,.4)}
.m5-gl{position:absolute;left:0;right:0;height:0;border-top:2px dashed rgba(255,255,255,.85);pointer-events:none}
.m5-hd.en{color:#fbbf24;border-color:#fbbf24}

/* chart finger gestures + nav pad */
#m5-chart,#m5-chart *{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#m5-pro.m5-free #m5-chart,#m5-pro.m5-free #m5-chart *,#m5-pro.m5-fs #m5-chart,#m5-pro.m5-fs #m5-chart *{touch-action:none}
.m5-padnav{position:absolute;right:62px;bottom:30px;z-index:7;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem;max-width:min(260px,60%);opacity:.9}
.m5-padnav .m5-chip{padding:.18rem .5rem;font-size:.7rem;background:rgba(15,23,42,.82)}
.m5-padnav [data-vw="free"].on{background:#0369a1;color:#fff}
.m5-sg.expired{opacity:.4}
