/* Chart similarity is diagnostic and strictly separate from Excel/vector scoring. */
.similar-filters{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;border:1px solid #385159;border-radius:6px;padding:5px 8px;background:#10252d}
.similar-filters label{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.similar-filters input{accent-color:#79bda9}
.similar-swatch{display:inline-block;width:11px;height:11px;border-radius:2px;vertical-align:middle}
.similar-swatch.direct{background:#48bd96}
.similar-swatch.inverse{background:#ac88f0}
.similar-swatch.rhythm{background:#d7aa60}
@media(max-width:700px){.similar-filters{gap:5px;padding:4px}.similar-filters label{font-size:11px}}

/* 5m MT5 workstation overrides – independent charts */

.layer-panel{margin:4px 10px 8px;border:1px solid #30414a;border-radius:5px;background:#142129}
.layer-panel summary{font-size:12px;color:#c1d6d0;padding:8px;cursor:pointer}
.layer-list{display:grid;gap:4px;padding:7px;max-height:225px;overflow-y:auto}
.layer-row{display:flex;gap:4px;align-items:center}
.layer-row button{min-height:28px;font-size:11px;padding:4px 7px;border-radius:4px}
.layer-select{flex:1;text-align:left;color:#d7e7e0;background:#1d323a}
.layer-select:hover{background:#30545b}
.layer-delete{width:34px;background:#30282a;color:#ffc5bb;border-color:#654147}
@media(max-width:750px){.layer-panel{margin:3px}.layer-list{max-height:170px}}


.appbar{display:flex;align-items:center;gap:8px;padding:6px 18px;background:#14242a;border-bottom:1px solid #29414a;flex-wrap:wrap}
.appbar button{min-height:34px;padding:5px 10px;border:1px solid #3b6465;background:#24423e;color:#e5f5ef;font-size:12px;border-radius:5px}
.appbar button:hover{background:#335e55}
#appInstallStatus{font-size:11px;color:#a8c6c1}
.mt-quick button[id$="QuickFib"][aria-pressed="true"]{background:#dec68c;color:#101d26}
@media(max-width:700px){.appbar{padding:4px 7px;gap:4px}.appbar button{font-size:11px;padding:4px 6px}#appInstallStatus{display:none}}
body.mobile-landscape .appbar{display:none}
body.mobile-landscape.mobile-expanded .appbar{display:flex}


/* Put the working chart first on a physical iPhone-sized landscape screen. */
body.mobile-landscape .statusbar{display:none!important}
body.mobile-landscape .dual-controls{display:none!important}
body.mobile-landscape .pane-section>.splitrow{margin:0 0 2px!important}
body.mobile-landscape .pane-section .splitrow h2{font-size:13px!important;margin:0}
body.mobile-landscape #mobileActions button,body.mobile-landscape #mobileActions select{flex-shrink:0}
body.mobile-landscape .position-head label{font-size:10px}
body.mobile-landscape .position-main{gap:5px}
body.mobile-landscape .position-main span{font-size:11px;line-height:1.25}
body.mobile-landscape .position-main button{font-size:10px;min-height:30px}
body.mobile-landscape .mtpanel .mt-quick{gap:1px}
body.mobile-landscape .mtpanel .mt-quick button{font-size:10px;padding:3px 4px;min-width:42px}
body.mobile-landscape .mtpanel .chartframe{height:215px!important;min-height:215px!important}
body.mobile-landscape.mobile-expanded .dual-controls{display:flex!important}
body.mobile-landscape.mobile-expanded .statusbar{display:flex!important}


/* iPhone landscape workstation (native or explicitly rotated when iOS rotation lock is on). */
#mobileActions{display:none}
@media (pointer:coarse), (max-width:950px) {
  #mobileActions{display:flex;position:sticky;top:0;z-index:90;gap:7px;align-items:center;padding:5px max(8px,env(safe-area-inset-left));background:#13242e;border-bottom:1px solid #46636a}
  #mobileActions button,#mobileActions select{font:600 13px/1.1 -apple-system,BlinkMacSystemFont,sans-serif;min-height:40px;border-radius:5px;padding:6px 11px;background:#20343d;color:#e5f5f2;border:1px solid #476568}
  #mobileActions #rotateMobile{background:#35534f}
  #mobileActions button[aria-pressed="true"]{background:#6f9e92;color:#071b1a}
}
body.virtual-landscape{margin:0;overflow:hidden;width:100vw;height:100vh;width:100dvw;height:100dvh}
body.virtual-landscape #appShell{
  position:fixed;left:100vw;left:100dvw;top:0;width:100vh;width:100dvh;
  height:100vw;height:100dvw;transform:rotate(90deg);transform-origin:0 0;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;
  background:#0b1116;
}
body.mobile-landscape #appShell{font:13px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.mobile-landscape header,body.mobile-landscape .ribbon{display:none!important}
body.mobile-landscape .workspace{padding:4px 7px 14px;display:block!important;width:100%;max-width:none;margin:0}
body.mobile-landscape .workspace>.main{display:flex!important;flex-direction:column;width:100%;max-width:none;min-width:0;gap:5px}
body.mobile-landscape .workspace>.main>.panel:not(.pane-section){display:none!important}
body.mobile-landscape .workspace>.side{display:none!important}
body.mobile-landscape.mobile-expanded .workspace>.main>.panel,
body.mobile-landscape.mobile-expanded .workspace>.side{display:block!important}
body.mobile-landscape .pane-section{order:-5;border:0;border-radius:0;padding:4px 3px;box-shadow:none;margin:0;width:100%}
body.mobile-landscape .pane-section .dualgrid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px}
body.mobile-landscape.mobile-history .pane-section .dualgrid,
body.mobile-landscape.mobile-now .pane-section .dualgrid{grid-template-columns:1fr!important}
body.mobile-landscape.mobile-history .pane-section .dualgrid>.mtpanel:nth-child(2),
body.mobile-landscape.mobile-now .pane-section .dualgrid>.mtpanel:nth-child(1){display:none!important}
body.mobile-landscape .mtpanel{min-width:0;width:100%;border-radius:5px}
body.mobile-landscape .mtpanel .mttitle{padding:3px 6px;min-height:26px;font-size:12px}
body.mobile-landscape .mtpanel .mttitle small{display:none}
body.mobile-landscape .mtpanel .mt-quick{padding:3px;gap:2px;display:flex;flex-wrap:wrap}
body.mobile-landscape .mtpanel .mt-quick button{font-size:11px;min-height:34px;padding:4px 6px;flex:1 1 auto}
body.mobile-landscape .mtpanel .mt-quick .quick-caption,
body.mobile-landscape .mtpanel .mt-quick .quick-tip{display:none}
body.mobile-landscape .mtpanel .chartframe{height:210px!important;min-height:210px!important}
body.mobile-landscape.mobile-history .mtpanel .chartframe,
body.mobile-landscape.mobile-now .mtpanel .chartframe{height:255px!important;min-height:255px!important}
body.mobile-landscape .mtpanel .mtnav{padding:2px 6px;grid-template-columns:minmax(0,1fr) 65px;gap:5px}
body.mobile-landscape .mtpanel .mtreadout{display:none}
body.mobile-landscape .chart-options,body.mobile-landscape .annotation-options{margin:2px;border-radius:4px}
body.mobile-landscape .chart-options>summary,body.mobile-landscape .annotation-options>summary{padding:5px 8px;min-height:30px;font-size:11px}
body.mobile-landscape .dual-controls{padding:3px;gap:5px}
body.mobile-landscape .dual-actions{display:flex;gap:5px;flex-wrap:wrap}
body.mobile-landscape .dual-actions button{font-size:11px;min-height:35px;padding:4px 7px}
body.mobile-landscape .position-finder{margin:4px 0;padding:5px 8px;gap:4px;border-radius:5px}
body.mobile-landscape .position-head strong{font-size:11px}
body.mobile-landscape .position-main{font-size:12px}
body.mobile-landscape .position-main button{font-size:11px;min-height:33px}
body.mobile-landscape .position-settings,
body.mobile-landscape .position-confirm,
body.mobile-landscape #fiveStatus,
body.mobile-landscape #similarStatus,
body.mobile-landscape .mtlegend{display:none!important}
body.mobile-landscape.mobile-expanded .position-settings,
body.mobile-landscape.mobile-expanded .position-confirm{display:flex!important;flex-wrap:wrap}
body.mobile-landscape.mobile-expanded #fiveStatus,
body.mobile-landscape.mobile-expanded #similarStatus{display:block!important}
body.mobile-landscape .pane-section h2{font-size:14px;margin:3px 0}
body.mobile-landscape .mtpanel .chartframe canvas{touch-action:none}
body.mobile-landscape .mtpanel .mttitle,body.mobile-landscape .position-main{min-width:0}
body.mobile-landscape .mtpanel .mttitle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* Extended cycle confirmation: comparative evidence, not a success badge. */
.position-confirm{display:grid;gap:8px;border-top:1px solid #365252;margin-top:4px;padding-top:10px}
.position-confirm-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.position-confirm-title strong{font-size:12px;color:#dcf4e8}
.position-confirm-title span{font:11px Consolas,monospace;color:#96bab4}
.position-checks,.position-validation{font-size:11px;line-height:1.6;color:#bfd4d0}
.position-checks{background:#0e2024;border:1px solid #29494c;border-radius:5px;padding:9px}
.position-validation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.position-validation span{flex:1;min-width:230px}
.position-validation button{border:1px solid #558979;background:#243f3b;color:#e3f4ed;border-radius:5px;min-height:35px;font-size:12px}
.position-validation button:hover{background:#31534d}
.position-validation button:disabled{opacity:.55}
.backtest-result{font-size:11px;color:#dbebdb;line-height:1.5}
.backtest-result:not(:empty){border-left:2px solid #85c9b4;padding:7px 10px;background:#122b2b}


/* Session resume and cycle position indicator: advisory, never automatic cycle selection */
.position-finder{display:grid;gap:8px;border:1px solid #375a59;background:#14262b;border-radius:7px;padding:12px 14px;margin:9px 0 7px}
.position-head,.position-main{display:flex;align-items:center;gap:12px;justify-content:space-between}
.position-head strong{font-size:13px;color:#e2f4ef;font-weight:700}
.position-head label{display:flex;align-items:center;gap:6px;color:#bad4d0;font-size:12px;white-space:nowrap}
.position-head input{accent-color:#76d1bc}
.position-dot{display:inline-block;height:8px;width:8px;background:#65d2c2;border-radius:50%;margin-right:7px}
.position-main{align-items:center;color:#dcf2e9;font-size:14px;font-weight:650}
.position-main button{min-height:36px;white-space:nowrap;background:#2b4945;border-color:#447c70;color:#e4f8f2;border-radius:5px}
.position-main button:disabled{opacity:.46}
.position-settings{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #2e484a;padding-top:9px;color:#bfd0cf;font-size:11px}
.position-settings label{display:flex;align-items:center;gap:7px}
.position-settings select{min-height:32px;background:#102128;color:#e2f3ed;border:1px solid #43605e;border-radius:5px}
.position-settings small{color:#a6bcba;flex:1;min-width:210px;line-height:1.4}
@media(max-width:700px){.position-head,.position-main{align-items:flex-start;flex-wrap:wrap}.position-settings{align-items:flex-start}}


/* 2026-10-24 · clean workstation: charts first, advanced tools on demand */
:root{
 --desk-bg:#0b1116;--desk-panel:#141c24;--desk-panel-2:#18222b;
 --desk-line:#263640;--desk-text:#e1eae8;--desk-muted:#9cb0b7;
 --desk-accent:#83c6b2;--desk-radius:7px;--desk-space:11px;
}
body{background:var(--desk-bg);color:var(--desk-text)}
.workspace{gap:13px;padding:12px clamp(10px,1.3vw,24px) 45px}
.pane-section{background:#111922;border:1px solid #293842;border-radius:9px;padding:12px}
.mtpanel{background:var(--desk-panel);border:1px solid var(--desk-line);border-radius:7px;box-shadow:none}
.mtpanel .mttitle{background:#1c2831;color:#eff4f2;min-height:39px;border-bottom:1px solid #33424a;gap:9px}
.mtpanel .mttitle small{color:#a8bbc0}
.mt-quick{background:#17222b;gap:4px;padding:7px 9px;border-bottom:1px solid #30414a}
.mt-quick button{border:1px solid transparent;background:transparent;color:#bdcdd2;border-radius:5px;padding:7px 9px;min-height:36px;white-space:nowrap}
.mt-quick button:hover{background:#2b3942;border-color:#3c525b}
.mt-quick button[aria-pressed="true"]{color:#162621;background:#a4d6c6;border-color:#a4d6c6}
.mt-quick button[id$="QuickArrow"][aria-pressed="true"],.mt-quick button[id$="QuickText"][aria-pressed="true"]{background:#f6dba9;color:#1f272b}
.mtpanel .mtnav{padding:9px 11px;background:#111b22;border-top:1px solid #273740}
.mtpanel .mtreadout{background:#111b22;border-top:1px solid #273740;color:#a6c4c0}
.mt-quick .quick-caption{color:#a7babe;letter-spacing:.06em}
.mt-quick .quick-tip{display:none}
.chart-options,.annotation-options{margin:7px 10px 0;border:1px solid #30414a;border-radius:5px;background:#131e26;overflow:hidden}
.chart-options>summary,.annotation-options>summary{
 padding:10px 13px;color:#bbcbcc;background:#192630;cursor:pointer;
 font-size:12px;font-weight:650;letter-spacing:.015em;min-height:39px;
}
.chart-options>summary:hover,.annotation-options>summary:hover{background:#21313a;color:#e5eeee}
.chart-options[open]>summary,.annotation-options[open]>summary{border-bottom:1px solid #3a5158;color:#d8ebea}
.chart-options .pane-tools,.annotation-options .marker-tools{margin:0;background:#101b23;padding:13px;gap:9px}
.annotation-options .number-edit,.annotation-options .moon-edit{border-radius:5px;margin-top:2px;background:#17232e;border-color:#344850}
.annotation-options .moon-edit{background:#22222c}
.annotation-options .marker-status{margin-top:3px}
.chart-options .pane-tools button,.annotation-options .marker-tools button{border-radius:5px}
.auto-refresh{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#afc5c6}
.auto-refresh input{accent-color:#8ac5b1}
.auto-status{font:11px/1.4 Consolas,monospace;color:#93b5b4}
#captureBoth{background:#253b37;color:#d4ede4;border-color:#3b6d60}
#fiveStatus,#similarStatus{border:0;background:transparent;color:#96adb1;padding:6px 2px;margin:2px 0}
#similarStatus{font-size:11px}
.pane-section .dual-controls{gap:7px 12px}
.pane-section .dual-actions{gap:8px}
.moon-edit button,.number-edit button{border-radius:4px}
.mtpanel .chartframe{background:#000}
.mtpanel .mttitle .mtdot{box-shadow:none}
@media(max-width:1000px){.mt-quick{gap:5px;flex-wrap:wrap}.mt-quick button{flex:0 1 auto}}
@media(max-width:680px){.pane-section{padding:6px}.mt-quick button{flex:1;min-width:65px;padding:8px 5px}.auto-status{width:100%}}
@media(prefers-reduced-motion:reduce){.mt-quick button,.chart-options summary,.annotation-options summary{transition:none!important}}


/* Context editing, free numbers, paired chart capture */
.mt-quick button[id$="QuickFree"][aria-pressed="true"]{background:#e9d2a7;color:#2b2419;border-color:#ffe0a4}
.object-context{position:absolute;z-index:50;top:20px;left:20px;min-width:210px;max-width:240px;padding:10px;display:grid;gap:8px;background:#17242e;border:1px solid #8ca3a4;border-radius:7px;box-shadow:0 12px 28px #000b;color:#ebf0eb}
.object-context[hidden],.object-context [hidden]{display:none!important}
.context-head{font-weight:700;font-size:12px;color:#f2cd8f;border-bottom:1px solid #344750;padding-bottom:6px}
.object-context label{font-size:12px;color:#d3e4e4;display:grid;gap:3px}
.object-context select{min-height:35px;width:100%}
.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.object-context button{width:100%;font-size:12px;min-height:36px;white-space:normal;padding:6px}
.object-context button.context-delete{background:#3c2529;border-color:#a97370;color:#ffdfd8}
#captureBoth{background:#1c3b37;border-color:#6db5a7;color:#d1f8ed}


/* Moon-angle construction and direct-scale interaction */
.mt-quick button[id$="QuickMoon"][aria-pressed="true"]{background:#e7d4ff!important;border-color:#e7d4ff!important;color:#271c39!important}
.mtpanel.moon-active .chartframe{box-shadow:inset 0 0 0 2px #ac7ff0}
.mtpanel.moon-active .chartframe canvas{cursor:crosshair}
.moon-edit{grid-column:1/-1;display:grid;grid-template-columns:minmax(130px,1fr) 135px repeat(4,minmax(90px,1fr));gap:8px;align-items:center;padding:11px 12px;border:1px solid #665287;border-radius:6px;background:#211e30}
.moon-edit strong{color:#dbc5fa;font-size:12px}
.moon-edit label{display:flex;gap:7px;align-items:center;font-size:12px;color:#e3d8ef}
.moon-edit select{width:100%;min-width:76px;max-width:180px;background:#181526;border-color:#8069a4}
.moon-edit button{min-height:38px;color:#eee3fa;border-color:#765d97;background:#342a48;font-size:11px}
.moon-edit button:hover{background:#4e3a64;border-color:#d5b5ff}
.moon-edit button[aria-pressed="true"]{background:#e3d0fc;color:#30213e}
.moon-edit button:disabled{opacity:.4}
.moon-help{grid-column:1/-1;font:11px/1.5 Consolas,monospace;color:#bda8db}
.mtpanel .mttitle small{letter-spacing:.25px}
.mtpanel .mtnav input[type=range]:focus-visible{outline:2px solid #f3c180}
@media(max-width:1800px){.moon-edit{grid-template-columns:repeat(3,minmax(0,1fr))}.moon-edit strong{grid-column:1/-1}}
@media(max-width:660px){.moon-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.moon-edit strong{grid-column:1/-1}}


/* In-chart quick tools prevent scrolling down past a 720px chart before drawing. */
.mt-quick{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;background:#111d26;border-bottom:1px solid #385360}
.mt-quick .quick-caption{font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:#8caaaf;margin-right:4px}
.mt-quick button{min-height:32px;background:#182935;padding:5px 11px;border:1px solid #4b6874;color:#d9e7e8;font-size:12px;border-radius:4px}
.mt-quick button:hover{background:#28434b;border-color:#a8c8c4}
.mt-quick button[aria-pressed="true"]{background:#dbe8d0;color:#132924;border-color:#e1f5d7;font-weight:700}
.mt-quick .quick-tip{margin-left:auto;color:#8da8af;font:11px Consolas,monospace}
.mtpanel.is-locked .mt-quick button[id$="QuickLock"]{background:#f0c977;color:#2c2518}
.dual-actions button#quickLoad{background:#f8ce8c;color:#1a232a;border-color:#f8ce8c}
@media(max-width:710px){.mt-quick .quick-tip{display:none}.mt-quick button{flex:1;min-width:70px}}


/* Chart tool refinement: clearer separation between drawing, navigation and edit controls. */
.mtpanel{border-color:#48616b;border-radius:6px;overflow:hidden}
.mtpanel .mttitle{background:#d9e0df;color:#14252a;min-height:39px;padding:8px 12px}
.mtpanel .mtnav{background:#122028;border-top:1px solid #55727d;padding:10px 12px}
.mtpanel .mtreadout{background:#07151d;color:#acd8c6;border-top:1px solid #385663}
.mtpanel .pane-tools{padding:10px 12px;gap:9px;background:#111f28}
.mtpanel .marker-tools{background:#0c1b24;gap:8px;padding:12px}
.marker-tools>button,.marker-tools .number-edit button{min-height:38px;line-height:1.25;border-color:#506774;color:#dfe9e8}
.marker-tools>button:hover,.marker-tools .number-edit button:hover{background:#263943;border-color:#b5d4cf}
.marker-tools button[aria-pressed="true"]{background:#d9eec5!important;color:#152521!important;border-color:#d9eec5!important}
.marker-tools label{color:#c4dadc;font-size:12px;font-weight:550}
.marker-tools>label:has(input[type=checkbox]:checked){background:#183c38;border-radius:5px;padding:3px 7px;color:#a9f0cf}
.marker-tools .marker-status{margin:0;padding:6px 9px;background:#132934;border:1px solid #33515a;border-radius:4px;color:#a9c9d0}
.number-edit{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 10px;background:#172a34;border:1px solid #496876;border-radius:6px}
.number-edit-intro{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.number-edit-intro strong{font-size:13px;color:#f6ca88}
.number-edit-intro span{font:11px/1.5 Consolas,monospace;color:#b9d7d2}
.number-edit button{background:#10232f;padding:7px;white-space:normal}
.number-edit button:disabled{opacity:.42;cursor:not-allowed}
.number-edit button[id$="SeqReset"]{color:#bdeadd}
.mtpanel.marker-active .chartframe{box-shadow:inset 0 0 0 2px #f4c179}
.mtpanel.rect-active .chartframe{box-shadow:inset 0 0 0 2px #87c9d9}
.mtpanel.is-locked .mttitle{background:#eecf85}
.mtpanel.is-locked{border-color:#e9bd64}
@media(max-width:1000px){.number-edit{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.number-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.number-edit-intro{display:block}.number-edit-intro span{display:block;margin-top:4px}}


/* Wide chart desk: tools stay below, both charts expand across the browser. */
.workspace{display:flex!important;flex-direction:column;max-width:none!important;width:100%;gap:16px;padding:12px clamp(10px,1.3vw,26px) 60px}
.workspace>.main{width:100%;display:flex;flex-direction:column;min-width:0}
.workspace>.main>.pane-section{order:-1}
.workspace>.side{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:14px;align-items:start}
.workspace>.side>.panel{min-width:0;grid-column:auto!important}
.pane-section{width:100%;min-width:0}
.pane-section .dualgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mtpanel .chartframe{height:var(--pane-height,720px);min-height:320px}
#fiveStatus,#similarStatus{margin:7px 0;padding:7px 10px;color:#b8ced0;border:1px solid #34505d;border-radius:5px;background:#0d1b23}
.marker-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.marker-tools .marker-status{grid-column:1/-1}
.marker-tools label{min-width:0;white-space:normal}
.marker-tools select{width:100%}
.marker-tools button{white-space:normal}
.mtpanel.rect-active .chartframe canvas{cursor:crosshair}
.dual-controls{justify-content:flex-start;gap:10px 14px}
.dual-controls label{min-height:34px}
@media(max-width:1100px){
 .workspace>.side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pane-section .dualgrid{grid-template-columns:1fr}
 .marker-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:660px){
 .workspace>.side{display:flex!important;flex-direction:column}
 .workspace>.side>.panel{width:100%}
 .marker-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mtpanel .chartframe{height:var(--pane-height,530px)}
 .dual-controls{display:flex}
}


/* Annotation / fixed-viewport extensions */
.marker-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;background:#0a171d;border-top:1px solid #3d535e}
.marker-tools button{min-height:36px;font-size:11px;padding:5px 7px}
.marker-tools label{display:flex;align-items:center;gap:6px;font-size:11px;color:#dce8e7;white-space:nowrap}
.marker-tools select{width:100%;min-width:40px;min-height:34px}
.marker-tools input[type=checkbox]{min-height:0;accent-color:#f9b554}
.marker-tools button[aria-pressed=true]{background:#c9e5c8;color:#111f19;border-color:#e3ffdd}
.marker-tools .marker-status{grid-column:1/-1;display:block;font:11px/1.5 Consolas,monospace;color:#c5daa6;min-height:18px}
.mtpanel.is-locked{border-color:#d7ae55}
.mtpanel.is-locked .mttitle{background:#e8c87e}
.mtpanel.marker-active .chartframe canvas{cursor:crosshair}
#chartZoom{accent-color:#86ce87}
@media(max-width:550px){.marker-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.marker-tools .marker-status{grid-column:1/-1}}

.pane-section{min-width:0}
.mtpanel .chartframe{height:var(--pane-height,480px);min-height:280px;touch-action:none;position:relative}
.mtpanel .chartframe canvas{width:100%;height:100%;touch-action:none;cursor:crosshair}
.mtpanel.free-pan-active .chartframe canvas{cursor:grab}
.mtpanel.free-pan-active .chartframe canvas:active{cursor:grabbing}
.chart-options .pane-tools button[aria-pressed="true"]{background:#a4d6c6;color:#162621;border-color:#a4d6c6}
.mtpanel .chartframe canvas:active{cursor:grabbing}
.mtpanel .mttitle{min-height:33px}
.mtpanel .mtnav{grid-template-columns:minmax(0,1fr) 100px;gap:12px}
.mtpanel .mtreadout{min-height:49px;height:auto;font:11px/1.55 Consolas,monospace}
.pane-tools{padding:9px 10px;border-top:1px solid #344750;background:#0b161d;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pane-tools button{background:#122833;min-height:34px;font-size:11px;font-weight:600;padding:5px 7px}
.pane-tools button:disabled{opacity:.35}
.pane-tools label{font-size:11px;color:#c0d3d6;display:flex;gap:7px;align-items:center;white-space:nowrap;min-width:0}
.pane-tools input[type=range]{accent-color:#85d08e;min-width:40px;width:100%;min-height:23px}
.pane-tools button[id$="YReset"]{grid-column:span 2;min-height:30px}
#fiveStatus{margin:0 0 11px;color:#accbd1;padding:6px 10px;border:1px solid #334c58;border-radius:3px;background:#0d1921;font-size:12px}
#fiveStatus.error{color:#ffc1be;border-color:#974849}
.dual-controls{gap:10px}
.dual-controls .pill{color:#b6eac2;border-color:#457e58}
body.mt-focus .workspace{display:block;max-width:none}
body.mt-focus .workspace>.side{display:none}
body.mt-focus .workspace .main{width:100%}
body.mt-focus .workspace .main>.panel:not(.pane-section){display:none}
body.mt-focus .pane-section{width:100%}
body.mt-focus .dualgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){body.mt-focus .dualgrid{grid-template-columns:1fr}}
@media(max-width:500px){.pane-tools{grid-template-columns:1fr 1fr}.dual-controls{grid-template-columns:1fr 1fr}.dual-controls button{width:auto}.mtpanel .mtreadout{font-size:10px}}
/* LAST overrides: horizontal mobile chart takes priority over older responsive rules. */
body.mobile-landscape .pane-section>.splitrow{display:none!important}
body.mobile-landscape .position-finder{padding:5px 7px!important;margin:0 0 4px!important;min-height:34px!important}
body.mobile-landscape .position-head{display:none!important}
body.mobile-landscape .position-main{font-size:11px!important;min-height:26px!important}
body.mobile-landscape .position-main button{display:none!important}
body.mobile-landscape.mobile-expanded .position-head,
body.mobile-landscape.mobile-expanded .position-main button{display:flex!important}
body.mobile-landscape .mtpanel .mttitle{min-height:22px!important;padding:2px 5px!important}
body.mobile-landscape .mtpanel .mt-quick{
  flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:3px!important;
}
body.mobile-landscape .mtpanel .mt-quick button{flex:0 0 auto!important;min-height:34px!important;font-size:10px!important;padding:4px 6px!important}
body.mobile-landscape .mtpanel .chartframe{height:230px!important;min-height:230px!important}
body.mobile-landscape .position-confirm,body.mobile-landscape .position-settings{display:none!important}
body.mobile-landscape.mobile-expanded .position-confirm,body.mobile-landscape.mobile-expanded .position-settings{display:flex!important}
body.mobile-landscape .workspace{padding-top:1px!important}
body.mobile-landscape .pane-section{padding:2px!important}