
:root{
  --bg:#f8f5ed; --paper:#fffdf8; --paper2:#ffffff; --ink:#111827; --muted:#68707b;
  --gold:#b77a08; --gold2:#d89d21; --gold3:#f6d77c; --line:rgba(183,122,8,.34);
  --green:#0f9f61; --red:#db3c3c; --blue:#1883c9; --purple:#7457d6;
  --shadow:0 8px 24px rgba(96,62,7,.07),0 2px 8px rgba(96,62,7,.05);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Montserrat","Segoe UI",Arial,sans-serif;font-size:13px}
body{padding:14px 18px 28px}
button,input,select{font:inherit}
button{cursor:pointer}
.hide,.hidden{display:none!important}
.vyroBuildBadge{position:fixed;right:12px;bottom:10px;z-index:40;border:1px solid var(--line);background:rgba(255,253,248,.92);padding:6px 10px;border-radius:999px;color:var(--gold);font-weight:800;font-size:10px;box-shadow:var(--shadow)}
.top,.marketbar,.signal,.chartCard,.panel,.enginePanel,.engineFilterCenter,.emaPairManager,.moneyFlowMtf,.flowPanel,.sidewayPanel,.keyPanel{
  background:linear-gradient(180deg,#fff,#fffdf8);border:1.4px solid var(--line);border-radius:14px;box-shadow:var(--shadow)
}
.top{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin-bottom:10px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.vyroLogo{width:168px;height:54px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(183,122,8,.26);padding-right:14px;overflow:hidden}
.vyroLogo img{width:150px;max-height:50px;object-fit:contain}
.brand h1{font-size:22px;margin:0;font-weight:900;letter-spacing:-.02em}
.sub{color:var(--muted);font-size:11px;margin-top:3px}
.status{display:flex;gap:8px;align-items:center}
.badge,.pill,.tools button,.chartActions button,.filterHead button,.keyBtns button{
  background:#fff;border:1.2px solid rgba(183,122,8,.24);border-radius:10px;color:#20242a;font-weight:800;box-shadow:0 2px 6px rgba(96,62,7,.04)
}
.badge{padding:9px 12px;white-space:nowrap}
.badge i{width:8px;height:8px;border-radius:50%;background:#c8c8c8;display:inline-block;margin-right:6px}
.badge i.on{background:#11a967;box-shadow:0 0 0 4px rgba(17,169,103,.10)}
.marketbar{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;margin-bottom:10px}
.products,.tfbar,.tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.pill{padding:9px 13px}
.products .pill{min-width:125px;text-align:left}
.products .pill small{display:block;color:#9399a3;font-size:9px;margin-top:2px}
.pill.active{background:linear-gradient(180deg,#fff4c8,#e0aa36);border-color:#b87806;color:#2b1b02;box-shadow:inset 0 1px rgba(255,255,255,.85),0 5px 12px rgba(148,91,3,.12)}
.signal{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;margin-bottom:10px;min-height:82px}
.decision{font-size:34px;font-weight:950;color:#aa7107;letter-spacing:-.03em}
.reason{margin-top:4px;color:#4b5563;font-weight:600}
.conf{font-size:34px;font-weight:950;color:#ad7306;text-align:right}
.main{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:14px}
.chartCard{padding:12px;position:relative;overflow:hidden}
.chartHead{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}
.chartHead b{font-size:18px}.ct{color:#9a6a0b;font-weight:800;margin-left:8px}
.chartActions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chartActions button{padding:6px 10px}
#chart{height:560px;background:#fff;border:1px solid rgba(183,122,8,.22);border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(50,36,8,.05)}
.side{display:flex;flex-direction:column;gap:10px}
.panel{padding:13px}
.panel h3{margin:0 0 10px;font-size:14px;font-weight:900}
.row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(183,122,8,.12)}
.row span{color:#5d6470;font-size:11px}.row b{font-weight:900}
.panelTitleLine{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.panelTitleLine h3{margin:0}.miniGold,.aiOrb{border:1px solid var(--gold2);color:#9d6500;background:#fff8e0;font-weight:900;border-radius:999px;padding:4px 8px}
.aiOrb{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffeaa1,#d99b17);color:#221503;font-size:14px}
.dxyHero{padding:10px;border:1px solid rgba(183,122,8,.25);border-radius:10px;margin-bottom:7px;background:#fffaf0}.dxyHero b{color:#b57600;font-size:18px}.dxyHero span{display:block;color:#69717c;font-size:10px;margin-top:3px}
.mentorState{border:1px solid rgba(183,122,8,.35);border-radius:9px;padding:9px 10px;color:#9c6600;background:#fffbf0}.mentorState b{color:#0b955a}
.assistantQuick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.assistantQuick button,.aiChatInput button{background:#fff;border:1px solid rgba(183,122,8,.27);border-radius:8px;padding:8px;font-weight:800}
.aiChatLog{height:165px;overflow:auto;border:1px solid rgba(183,122,8,.16);background:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:7px}
.aiMsg{max-width:94%;padding:8px 10px;border-radius:10px;line-height:1.45;font-size:11px}.aiMsg.bot{background:#fff8e7;border:1px solid rgba(183,122,8,.18)}.aiMsg.user{align-self:flex-end;background:#eef8f2;border:1px solid rgba(15,159,97,.18)}
.aiChatInput{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.aiChatInput input{min-width:0;border:1px solid rgba(183,122,8,.28);border-radius:8px;padding:9px;background:#fff}.aiChatInput button{background:linear-gradient(180deg,#ffeaa2,#dea52f);color:#281900;border-color:#b77805}
.enginePanel,.engineFilterCenter,.emaPairManager,.moneyFlowMtf,.flowPanel,.sidewayPanel{margin-top:10px;padding:12px}
.engineTitle,.filterHead,.emaManagerHead,.moneyFlowHead,.flowHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.engineTitle b,.filterHead b,.emaManagerHead b,.moneyFlowHead b,.flowHead b{font-size:14px;font-weight:900}.engineTitle span,.filterHead span,.emaManagerHead span,.moneyFlowHead span{color:var(--muted);font-size:10px}
.noiseAgent{display:grid;grid-template-columns:minmax(210px,1fr) 1fr auto auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(183,122,8,.22);border-radius:11px;background:#fffaf1;margin-bottom:10px}.noiseAgentMain{display:flex;gap:9px;align-items:center}.noiseIcon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffeaa0,#dca12a);font-weight:900}.noiseAgentMain span{display:block;color:#6b7280;font-size:10px}.noiseMeter{height:8px;background:#eee5d2;border-radius:999px;overflow:hidden}.noiseMeter i{display:block;height:100%;background:linear-gradient(90deg,#12a268,#e3a41b,#d73e3e)}.noiseStats{display:flex;gap:10px}.noiseStats span{font-size:9px;color:#6b7280}.noiseStats b{display:block;color:#2d3138;font-size:11px}
.engineGrid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:8px}.engineCard{border:1px solid rgba(183,122,8,.22);border-radius:11px;background:#fff;padding:10px;min-width:0}.engineHead{display:flex;justify-content:space-between;gap:8px}.engineHead h3{margin:0;font-size:12px}.engineHead small{color:#8a9099;font-size:9px}.engineToggles{display:flex;gap:5px}.engineToggles>label{font-size:8px;color:#777}.engineState{display:flex;justify-content:space-between;align-items:end;margin:10px 0}.engineState b{font-size:17px;color:#b27500}.engineState strong{font-size:19px}.engineRows{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.engineRows span{border:1px solid rgba(183,122,8,.13);border-radius:7px;padding:6px;text-align:center;font-size:8px;color:#777}.engineRows b{display:block;color:#20242a;font-size:11px}.engineCard p{font-size:9px;color:#6b7280;margin:8px 0 0}
.engineSwitch,.miniToggle{display:inline-flex;align-items:center}.engineSwitch input,.miniToggle input{display:none}.engineSwitch>span,.miniToggle>span{width:34px;height:19px;border-radius:999px;background:#d7d7d7;display:block;position:relative}.engineSwitch>span:after,.miniToggle>span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.engineSwitch input:checked+span,.miniToggle input:checked+span{background:linear-gradient(90deg,#d39920,#f0c765)}.engineSwitch input:checked+span:after,.miniToggle input:checked+span:after{left:17px}
.filterTableWrap,.moneyFlowTableWrap{overflow:auto}.filterTable,.moneyFlowTable{width:100%;border-collapse:separate;border-spacing:0;font-size:9px}.filterTable th,.filterTable td,.moneyFlowTable th,.moneyFlowTable td{padding:6px 5px;border-bottom:1px solid rgba(183,122,8,.12);white-space:nowrap;text-align:center}.filterTable th,.moneyFlowTable th{color:#8c5e06;font-weight:900}.filterTable input{width:62px;border:1px solid rgba(183,122,8,.2);border-radius:6px;padding:5px;background:#fff}
.filterNote,.emaManagerNote{font-size:9px;color:#777;margin-top:8px}
.emaPairGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.emaPairRow{display:grid;grid-template-columns:1.2fr .65fr .65fr .55fr .65fr;gap:7px;align-items:end;border:1px solid rgba(183,122,8,.18);border-radius:9px;padding:8px;background:#fff}.emaPairName{display:flex;align-items:center;justify-content:space-between}.emaPairRow label{font-size:8px;color:#777}.emaPairRow input[type=number]{width:100%;border:1px solid rgba(183,122,8,.2);border-radius:6px;padding:5px}
.moneyFlowLegend{font-size:9px;color:#777}.buyDot,.sellDot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px}.buyDot{background:var(--green)}.sellDot{background:var(--red)}
.buyVal,.deltaPos{color:var(--green)!important;font-weight:850}.sellVal,.deltaNeg{color:var(--red)!important;font-weight:850}.ratioBar{height:5px;background:#f7dddd;border-radius:99px;overflow:hidden}.ratioBar i{display:block;height:100%;background:var(--green)}
.flowChart{height:155px;border:1px solid rgba(183,122,8,.15);border-radius:9px;overflow:hidden;background:#fff}.flowLegend{display:flex;gap:16px;margin-top:6px;font-size:9px;color:#777}.lg{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.lg.smn{background:#18a9d8}.lg.power{background:#d9a31d}.lg.delta{background:#c46ac9}
.sidewayPanel{display:grid;grid-template-columns:220px 240px 1fr;gap:8px;align-items:stretch}.swBlock,.swAction,.swGrid span{border:1px solid rgba(183,122,8,.18);border-radius:9px;background:#fff;padding:9px}.swTitle{font-size:10px;color:#9c6907;font-weight:900}.swStatus{display:flex;justify-content:space-between;margin-top:4px}.swStatus span{font-weight:900}.swStatus b{color:#b57600;font-size:19px}.swAction{display:flex;align-items:center;justify-content:center;font-weight:900;color:#916100}.swGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.swGrid span{font-size:8px;color:#777}.swGrid b{display:block;color:#23272e;font-size:11px;margin-top:3px}
.smcObOverlay{position:absolute;pointer-events:none;inset:0}.smcObZone{position:absolute;z-index:5;border:1px solid}.supplyObZone{background:rgba(219,60,60,.12);border-color:rgba(219,60,60,.45)}.demandObZone{background:rgba(15,159,97,.12);border-color:rgba(15,159,97,.45)}.obZoneLabel{font-size:9px;font-weight:900}.obZonePrice{float:right}
.overlay{position:fixed;inset:0;background:rgba(30,24,10,.30);display:flex;align-items:center;justify-content:center;z-index:100}.loginBox{width:min(420px,92vw);background:#fffdf8;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:24px}.loginBox h2{margin-top:0;color:#a76d00}.input,.loginBox input,.keyPanel input,.keyPanel select{width:100%;border:1px solid rgba(183,122,8,.3);border-radius:9px;padding:10px;background:#fff}.loginBox button{width:100%;margin-top:8px;padding:10px;border:1px solid #b87908;background:linear-gradient(180deg,#ffe99b,#dfa62f);border-radius:9px;font-weight:900}.ghost{background:#fff!important}.err{color:#d43c3c;margin-top:8px}
.keyPanel{position:fixed;right:18px;top:90px;z-index:90;width:min(600px,calc(100vw - 36px));padding:12px}.tradeDrag{display:flex;justify-content:space-between;font-weight:900;color:#9a6400;margin-bottom:8px}.keyGrid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:7px}.keyGrid label{font-size:9px;color:#777}.keyBtns{display:flex;gap:6px;margin-top:8px}.keyBtns button{padding:8px 10px}.keyItem{display:flex;justify-content:space-between;border-top:1px solid rgba(183,122,8,.15);padding:8px 0}.keyItem small{display:block;color:#777}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#241b08;color:#ffe18b;border:1px solid #c38a18;padding:9px 14px;border-radius:999px;z-index:200;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.up{color:var(--green)!important}.dn{color:var(--red)!important}.warn{color:#b57600!important}
@media(max-width:1350px){.main{grid-template-columns:minmax(0,1fr) 380px}.engineGrid{grid-template-columns:repeat(3,1fr)}.marketbar{grid-template-columns:1fr}.sidewayPanel{grid-template-columns:1fr}.swGrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){body{padding:8px}.top{align-items:flex-start}.status{flex-wrap:wrap;justify-content:flex-end}.main{grid-template-columns:1fr}.side{grid-template-columns:repeat(2,1fr);display:grid}.engineGrid{grid-template-columns:repeat(2,1fr)}.emaPairGrid{grid-template-columns:1fr}.noiseAgent{grid-template-columns:1fr}.marketbar{grid-template-columns:1fr}#chart{height:390px}}
@media(max-width:600px){.brand h1{font-size:17px}.vyroLogo{width:112px}.vyroLogo img{width:100px}.status .badge:nth-child(2){display:none}.products .pill{min-width:auto}.side{display:flex}.assistantQuick{grid-template-columns:1fr}.aiChatInput{grid-template-columns:1fr}.engineGrid{grid-template-columns:1fr}.swGrid{grid-template-columns:repeat(2,1fr)}.emaPairRow{grid-template-columns:1fr 1fr}.emaPairName{grid-column:1/-1}}


/* V3.7 DXY FILTER PATCH */
.dxyPanel .filterRow{
  margin-top:2px;
  border-radius:8px;
  padding-left:7px;
  padding-right:7px;
  background:#fffdf8;
}
.dxyPanel .filterRow b{
  min-width:126px;
  text-align:right;
  font-size:10px;
  letter-spacing:.01em;
}
.dxyConfirm{
  color:#0f9f61!important;
  background:rgba(15,159,97,.08);
  border:1px solid rgba(15,159,97,.18);
  padding:4px 7px;
  border-radius:999px;
}
.dxyConflict{
  color:#d23c3c!important;
  background:rgba(210,60,60,.08);
  border:1px solid rgba(210,60,60,.18);
  padding:4px 7px;
  border-radius:999px;
}
.dxyNeutral{
  color:#a66f00!important;
  background:rgba(183,122,8,.08);
  border:1px solid rgba(183,122,8,.18);
  padding:4px 7px;
  border-radius:999px;
}


/* V3.9 UI FIX: balanced EMA grid + boxed MTF cards */
.emaPairGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.emaPairRow{grid-template-columns:minmax(115px,1.1fr) minmax(68px,.7fr) minmax(68px,.7fr) auto auto;align-items:center;min-height:72px;padding:10px 11px;border:1.3px solid rgba(183,122,8,.24);box-shadow:0 3px 10px rgba(96,62,7,.04)}
.emaPairName b{font-size:12px}.emaPairRow label{font-size:9px}.emaPairRow input[type=number]{min-height:34px}
.mtfSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:11px;border:1.5px solid rgba(183,122,8,.30);border-radius:12px;background:#fffaf0}
.mtfSummary b{font-size:20px;letter-spacing:.2px}.mtfSummary span{font-size:12px;font-weight:800;color:#4c535d}
.mtfCardGrid{display:grid;gap:11px}.mtfBox{display:grid;grid-template-columns:82px 1fr;border:1.5px solid rgba(183,122,8,.32);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(96,62,7,.045);min-height:116px}
.mtfBox.mtfActive{border-color:#c48813;box-shadow:0 0 0 2px rgba(196,136,19,.08)}
.mtfTf{display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:950;border-right:1px solid rgba(183,122,8,.20);background:#fffdf8;color:#303640}
.mtfBody{padding:12px 14px}.mtfLine{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:center}.mtfLine>b{font-size:17px}.mtfLine>strong{font-size:15px;color:#303640}.mtfLine>span{text-align:right;font-size:11px;font-weight:800;color:#5a616b}
.mtfNums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(80,86,96,.10)}.mtfNums span{font-size:10.5px;font-weight:800;color:#5b616a;white-space:nowrap}.mtfNums b{font-size:13px;margin-left:3px}
.mtfTrend{margin-top:9px;font-size:12px;font-weight:750;color:#4f5661}.mtfTrend b{font-size:13px}
@media(max-width:1200px){.emaPairGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.emaPairGrid{grid-template-columns:1fr}.emaPairRow{grid-template-columns:1.15fr .75fr .75fr auto auto}.mtfBox{grid-template-columns:58px 1fr}.mtfTf{font-size:20px}.mtfNums{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.emaPairRow{grid-template-columns:1fr 1fr}.emaPairName{grid-column:1/-1}.emaCheck{align-self:center}.mtfBox{grid-template-columns:52px 1fr}.mtfBody{padding:8px}.mtfLine{grid-template-columns:auto auto}.mtfLine>span{grid-column:1/-1;text-align:left}.mtfNums{grid-template-columns:1fr 1fr 1fr;gap:3px}.mtfNums span{font-size:8px}}
/* ===== V4.1 SMART 3-MODE AUTO FILTER ===== */
.filterPresetBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.filterPresetBtn{border:1px solid rgba(183,122,8,.20);background:linear-gradient(180deg,#fff,#fbf8f1);border-radius:12px;padding:12px 10px;text-align:left;cursor:pointer;transition:.18s;min-height:64px}
.filterPresetBtn b{display:block;font-size:12px;font-weight:950;color:#372604;margin-bottom:4px}.filterPresetBtn span{font-size:9px;color:#7d735f}
.filterPresetBtn:hover{transform:translateY(-1px);border-color:rgba(183,122,8,.5)}
.filterPresetBtn.active{background:linear-gradient(135deg,#10273a,#081a29);border-color:#20c7c7;box-shadow:0 0 0 1px rgba(32,199,199,.15),0 8px 22px rgba(0,0,0,.12)}
.filterPresetBtn.active b{color:#fff}.filterPresetBtn.active span{color:#7ee7df}
.filterProfileStatus{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid rgba(183,122,8,.14);border-radius:10px;padding:10px 12px;background:#fffdf8}
.filterProfileStatus>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filterProfileStatus small{font-size:8px;color:#9c8860;font-weight:900}.filterProfileStatus b{font-size:11px;color:#0c7f80}.filterProfileStatus span{font-size:9px;color:#7a7469}
.filterProfileStatus button{border:1px solid rgba(183,122,8,.2);background:#fff;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer;color:#735006}
.filterAdvanced{display:none;margin-top:10px}.filterAdvanced.open{display:block}
@media(max-width:760px){.filterPresetBar{grid-template-columns:1fr}.filterProfileStatus{align-items:flex-start;flex-direction:column}.filterPresetBtn{min-height:54px}}


/* V4.3 HIGH VISIBILITY MTF + OFFICIAL VYRO BRAND */
.main{grid-template-columns:minmax(0,1fr) 500px}
.vyroLogo{width:220px;height:62px;padding-right:16px;border-right:1px solid rgba(24,131,201,.22)}
.vyroLogo img{width:205px;max-height:62px;object-fit:contain}
.mtfSummary{padding:16px 18px;margin-bottom:14px;border:2px solid rgba(183,122,8,.34);border-radius:15px;background:linear-gradient(180deg,#fffdf6,#fff9e9)}
.mtfSummary>div:first-child{display:flex;flex-direction:column;gap:3px}.mtfSummary small{font-size:11px;font-weight:900;color:#7a6850;letter-spacing:.08em}.mtfSummary b{font-size:30px;line-height:1;font-weight:950}
.mtfGlobalScore{display:flex;align-items:flex-end;gap:12px}.mtfGlobalScore strong{font-size:28px;line-height:1;color:#20242a}.mtfGlobalScore span{font-size:13px;font-weight:900;color:#4f5661;white-space:nowrap}
.mtfCardGrid{gap:12px}
.mtfBox{grid-template-columns:94px 1fr;border-width:1.7px;border-radius:15px;min-height:122px}
.mtfBox.mtfCore{grid-template-columns:108px 1fr;min-height:164px;border-width:2.2px;border-color:rgba(183,122,8,.50);box-shadow:0 7px 18px rgba(96,62,7,.08)}
.mtfTf{font-size:34px;flex-direction:column;gap:6px}.mtfCore .mtfTf{font-size:42px;background:linear-gradient(180deg,#fffaf0,#fff5d8)}
.mtfTf small{font-size:8px;letter-spacing:.12em;color:#8a6a26;font-weight:900}
.mtfBody{padding:13px 16px}.mtfCore .mtfBody{padding:16px 18px}
.mtfLine{display:flex;align-items:center;justify-content:space-between;gap:12px}.mtfSignal{display:flex;align-items:baseline;gap:10px}.mtfSignal b{font-size:20px;font-weight:950}.mtfSignal strong{font-size:22px;color:#252a31}.mtfCore .mtfSignal b{font-size:27px}.mtfCore .mtfSignal strong{font-size:30px}
.mtfLine>span{font-size:11px;font-weight:900;color:#606770;white-space:nowrap}.mtfCore .mtfLine>span{font-size:12px}
.mtfNums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(80,86,96,.12)}
.mtfMetric{border:1px solid rgba(80,86,96,.10);background:#fffdf9;border-radius:9px;padding:7px 8px;min-width:0}.mtfMetric small{display:block;font-size:8.5px;font-weight:900;color:#747b84;white-space:nowrap}.mtfMetric b{display:block;margin-top:2px;font-size:17px;font-weight:950;white-space:nowrap;color:#252a31}.mtfCore .mtfMetric{padding:9px 9px}.mtfCore .mtfMetric small{font-size:9px}.mtfCore .mtfMetric b{font-size:22px}
.mtfTrend{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(80,86,96,.12)}.mtfTrend span{font-size:9px;font-weight:900;color:#747b84}.mtfTrend b{font-size:15px;font-weight:950}.mtfCore .mtfTrend b{font-size:19px}
@media(max-width:1500px){.main{grid-template-columns:minmax(0,1fr) 455px}.mtfCore .mtfMetric b{font-size:20px}}
@media(max-width:1150px){.main{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr}.mtfBox.mtfCore{min-height:150px}}
@media(max-width:700px){.vyroLogo{width:150px}.vyroLogo img{width:140px}.mtfBox,.mtfBox.mtfCore{grid-template-columns:72px 1fr}.mtfTf,.mtfCore .mtfTf{font-size:26px}.mtfNums{grid-template-columns:1fr 1fr}.mtfCore .mtfMetric b{font-size:19px}}
