/* NHỊP · V3.25 — giao diện iBoard Pro: màu "iBoard Pro" + mục Thị trường + thanh tab dưới */
html[data-skin="iboard"]{color-scheme:light;--bg:#f5f6fa;--surface:#fff;--surface2:#f1f2f7;--bar:#fff;--line:#e6e7ee;--line2:#d5d7e2;--text:#1b1b1f;--text2:#34353d;--text3:#5b5d6b;--muted:#6b6d7c;--chip:#eeeefa;--sel:#ececfb;--warn-bg:#fff7e0;--warn-line:#f0dfa8;--shadow:0 1px 2px #1b1b1f0d,0 6px 18px #1b1b1f0a;--glow:#5b4fcf14;--up:#049a63;--dn:#e5303a}
html[data-skin="iboard"][data-brand]{--brand:#5b4fcf;--on-brand:#fff}
#nhStrip,.nh-strip{display:none!important}
.mk{--r:#d9a400;--c:#c026d3;--f:#0ea5e9;max-width:1100px;margin:0 auto}
.mk-bar{display:flex;gap:8px;margin:0 0 10px}.mk-bar input{flex:1;background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;text-transform:uppercase}
.mk-bar button{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 14px;font-weight:700;cursor:pointer}
.mk-ix{display:flex;gap:10px;overflow-x:auto;margin:0 0 10px;scrollbar-width:none}.mk-ix::-webkit-scrollbar{display:none}
.mk-ic{flex:0 0 auto;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);display:grid;gap:2px}
.mk-ic b{font-size:13px}.mk-ic strong{font-size:17px}.mk-ic small{font-size:12px}
.mk-ic.u strong,.mk-ic.u small{color:var(--up)}.mk-ic.d strong,.mk-ic.d small{color:var(--dn)}.mk-ic.r strong,.mk-ic.r small{color:var(--r)}
.mk-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 10px;scrollbar-width:none}.mk-tabs::-webkit-scrollbar{display:none}
.mk-tabs button{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font:inherit;font-size:15px;padding:10px 12px;cursor:pointer}
.mk-tabs button.on{color:var(--text);font-weight:700;border-bottom-color:var(--brand)}
.mk-chips{display:flex;gap:8px;overflow-x:auto;margin:0 0 8px;scrollbar-width:none}.mk-chips button{flex:0 0 auto;background:var(--chip);border:0;border-radius:8px;color:var(--text2);font:inherit;padding:7px 14px;cursor:pointer}
.mk-chips button.on{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);font-weight:600}
.mk-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 12px}.mk-card h3{margin:0 0 6px;font-size:15px}
.mk-mu{color:var(--muted);padding:14px 4px}
.mk-tw{overflow-x:auto}.mk-t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.mk-t th{color:var(--muted);font-weight:500;font-size:13px;text-align:right;padding:8px 6px;cursor:pointer;position:sticky;top:0;background:var(--surface)}
.mk-t td{text-align:right;padding:10px 6px;border-bottom:1px solid var(--line);font-size:15px}.mk-t th.s,.mk-t td.s{text-align:left;font-weight:700}
.mk-t td.k{color:var(--text)}.mk-t tbody tr{cursor:pointer}.mk-t tbody tr:hover{background:var(--surface2)}
.mk-t tr.u td:not(.k){color:var(--up)}.mk-t tr.d td:not(.k){color:var(--dn)}.mk-t tr.r td:not(.k){color:var(--r)}.mk-t tr.c td:not(.k){color:var(--c)}.mk-t tr.f td:not(.k){color:var(--f)}
.mk-fs-s .mk-t td{font-size:14px;padding:8px 6px}.mk-fs-l .mk-t td{font-size:18px;padding:12px 6px}
.mk-fw iframe{display:block;width:100%;border:0;border-radius:12px;background:transparent}
#mkBN{display:none}
@media(max-width:1100px),(hover:none) and (pointer:coarse){
 .sidebar{display:none!important}.shell{display:block!important}.main{margin-left:0!important}
 #mkBN{display:none!important;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bar);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
 #mkBN a,#mkBN button{flex:1;display:grid;justify-items:center;gap:2px;background:none;border:0;color:var(--muted);font:inherit;font-size:11px;text-decoration:none;cursor:pointer}
 #mkBN svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 #mkBN a.on{color:var(--brand);font-weight:700}
 .mk-sheet{position:fixed;inset:0;z-index:80;background:#0008;display:flex;align-items:flex-end}
 .mk-sh{width:100%;max-height:75vh;overflow:auto;background:var(--surface);border-radius:18px 18px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}
 .mk-sh i{display:block;width:60px;height:5px;border-radius:3px;background:var(--line2);margin:6px auto 10px}
 .mk-sh a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:16px}
}

.mk-ic>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.mk-ic.u strong,.mk-ic.u small:last-child{color:var(--up)}.mk-ic.d strong,.mk-ic.d small:last-child{color:var(--dn)}.mk-ic.r strong,.mk-ic.r small:last-child{color:var(--r)}
.mk-ic small:first-child{color:var(--muted)}
.mk-ed{display:grid!important;place-items:center;color:var(--brand);font:inherit;font-size:14px;cursor:pointer;min-width:150px;background:var(--surface)}
.mk-flt{display:flex;gap:8px;margin:0 0 8px;flex-wrap:wrap}.mk-flt select,.mk-dt{flex:1;min-width:150px;background:var(--surface2);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;padding:8px 10px}
.mk-dt{display:flex;gap:6px;align-items:center}.mk-dt input{flex:1;min-width:0;background:none;border:0;color:var(--text);font:inherit}.mk-dt i{font-style:normal;color:var(--muted)}
.mk-t td small{display:block;font-size:11px;color:var(--muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.mk-tc tr.u td.s,.mk-tc tr.u td:nth-child(2){color:var(--up)}.mk-tc td:nth-child(2) small{color:inherit}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.mk-cd{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);display:grid;gap:6px;font-variant-numeric:tabular-nums}
.mk-cd>div{display:flex;justify-content:space-between;gap:8px}.mk-cd b{font-size:16px}.mk-cd small{color:var(--muted)}.mk-cd .k{color:var(--text)}
.mk-cd.u b,.mk-cd.u div>span:not(.k){color:var(--up)}.mk-cd.d b,.mk-cd.d div>span:not(.k){color:var(--dn)}.mk-cd.r b,.mk-cd.r div>span:not(.k){color:var(--r)}.mk-cd.c b,.mk-cd.c div>span:not(.k){color:var(--c)}.mk-cd.f b,.mk-cd.f div>span:not(.k){color:var(--f)}
.mk-t td.fl{animation:mkfl 1s}.mk-t tr.u td.fl{--fb:#b7e8d2}.mk-t tr.d td.fl{--fb:#f6c9cc}.mk-t tr.r td.fl,.mk-t tr.c td.fl,.mk-t tr.f td.fl{--fb:#eee6b8}
@keyframes mkfl{0%{background:var(--fb)}100%{background:transparent}}
.mk-t tr.go{cursor:pointer}.mk-t tr:not(.go){cursor:default}
.mk-sheet{position:fixed;inset:0;z-index:80;background:#0008;display:flex;align-items:flex-end}
.mk-sh{width:100%;max-width:560px;margin:0 auto;max-height:80vh;overflow:auto;background:var(--surface);border-radius:18px 18px 0 0;padding:8px 18px calc(18px + env(safe-area-inset-bottom))}
.mk-sh i{display:block;width:60px;height:5px;border-radius:3px;background:var(--line2);margin:6px auto 10px}.mk-sh h4{margin:14px 0 8px;font-size:18px;font-weight:500}
.mk-rd{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer}.mk-rd input{accent-color:var(--brand);width:20px;height:20px}.mk-rg{display:flex;gap:30px}
.mk-note{margin:0 0 8px;color:var(--muted);font-size:12px}

/* ===== V3.28 · Tổng quan kiểu iBoard ===== */
.mk-note{margin:0 0 8px;color:var(--muted);font-size:12px;line-height:1.4}
.mk-ic .mk-sp{width:100%;height:56px;margin-top:4px}.mk-sp line{stroke:var(--line2);stroke-dasharray:4 3;stroke-width:1}.mk-sp polyline{fill:none;stroke:var(--up);stroke-width:1.5;vector-effect:non-scaling-stroke}.mk-ic.d .mk-sp polyline{stroke:var(--dn)}
.mk-svg{width:100%;height:auto;aspect-ratio:360/230;display:block}
.mk-svg .gl{stroke:var(--line2);stroke-dasharray:4 4;stroke-width:1}.mk-svg .yl{font-size:9px;fill:var(--muted);text-anchor:end}.mk-svg .xl{font-size:9px;fill:var(--muted);text-anchor:middle}
.mk-svg .ln{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}.mk-svg .ln.up{stroke:var(--up)}.mk-svg .ln.dn{stroke:var(--dn)}.mk-svg .ar.up{fill:color-mix(in srgb,var(--up) 14%,transparent)}.mk-svg .ar.dn{fill:color-mix(in srgb,var(--dn) 14%,transparent)}
.mk-svg .ln.c0{stroke:#5b4fcf}.mk-svg .ar.c0{fill:#5b4fcf22}.mk-svg .ln.c1{stroke:var(--up)}.mk-svg .ar.c1{fill:color-mix(in srgb,var(--up) 18%,transparent)}
.mk-lg{display:flex;gap:18px;justify-content:center;font-size:13px;color:var(--text2);margin-top:6px}.mk-lg span:before{content:"";display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle;background:#5b4fcf}.mk-lg .c1:before{background:var(--up)}
.mk-tm{position:relative;width:100%;margin-top:6px;border-radius:8px;overflow:hidden}.mk-tm>div{position:absolute;border:1px solid var(--surface);box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;padding:2px}
.mk-tm span{font-size:12px;line-height:1.25;display:grid;max-width:100%;overflow:hidden}.mk-tm span b{font-weight:600}
.mk-th{display:flex;gap:18px;margin:0 0 8px;border-bottom:1px solid var(--line)}.mk-th button{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font:inherit;font-size:15px;padding:6px 0;cursor:pointer}.mk-th button.on{color:var(--text);font-weight:700;border-bottom-color:var(--brand)}
.mk-fh{display:flex;justify-content:space-between;font-size:13px;margin:6px 0;color:var(--text2)}.mk-fh i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--up)}.mk-fh i.dn{background:var(--dn)}
.mk-fr{display:grid;grid-template-columns:1fr 46px 46px 1fr;align-items:center;gap:0;height:30px;font-size:13px}.mk-fr b{text-align:center;font-weight:600;cursor:pointer}
.mk-fr .l{display:flex;justify-content:flex-end}.mk-fr .r{display:flex}.mk-fr i{font-style:normal;display:block;height:22px;line-height:22px;padding:0 6px;font-size:12px;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.mk-fr .l i{background:color-mix(in srgb,var(--up) 28%,transparent);color:var(--up);text-align:right}.mk-fr .r i{background:color-mix(in srgb,var(--dn) 22%,transparent);color:var(--dn)}

/* ===== V3.30 · ô chọn sàn trên từng bảng, bản đồ nhiệt, khối Dashboard ===== */
.mk-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.mk-hd h3{margin:0;font-size:15px;min-width:0}
.mk-th .mk-sel{margin-left:auto;align-self:center}
.mk-sel{flex:0 0 auto;appearance:none;-webkit-appearance:none;background:var(--chip) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b6d7c' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid var(--line);border-radius:10px;color:var(--text2);font:inherit;font-size:13px;font-weight:600;padding:6px 26px 6px 11px;cursor:pointer;max-width:48%}
.mk-ln{font-size:13px;color:var(--brand);text-decoration:none;white-space:nowrap}
.mk-bd{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.mk-bd>div{grid-column:span 2;border-radius:10px;padding:8px 10px;background:var(--surface2);display:grid;gap:1px}.mk-bd>div.w{grid-column:span 3}
.mk-bd small{font-size:12px;color:var(--muted)}.mk-bd b{font-size:20px}.mk-bd span{font-size:12px;color:var(--muted)}
.mk-bd .u{background:color-mix(in srgb,var(--up) 10%,var(--surface))}.mk-bd .u b{color:var(--up)}.mk-bd .d{background:color-mix(in srgb,var(--dn) 10%,var(--surface))}.mk-bd .d b{color:var(--dn)}.mk-bd .r{background:#d9a40018}.mk-bd .r b{color:#b08400}
.mk-st{display:grid;grid-template-columns:repeat(4,auto);gap:6px;justify-content:space-between;margin-top:8px}.mk-st small{display:block;font-size:11px;color:var(--muted)}.mk-st b{font-size:13px}.mk-st .up{color:var(--up)}.mk-st .dn{color:var(--dn)}
.mk-svg .ln.c2{stroke:var(--dn)}.mk-svg .ar.c2{fill:color-mix(in srgb,var(--dn) 14%,transparent)}
.mk-nw{display:grid;gap:2px;padding:9px 2px;border-top:1px solid var(--line);color:var(--text);text-decoration:none;font-size:14px;line-height:1.35}.mk-nw:first-of-type{border-top:0}.mk-nw small{color:var(--muted);font-size:12px}
.mk-sum{margin:0 0 6px;padding-left:18px;font-size:14px;line-height:1.55;color:var(--text2)}
.mk-hs{margin:12px 0 0}.mk-hh{display:flex;justify-content:space-between;font-size:14px;margin:0 0 5px}.mk-hh .u{color:var(--up)}.mk-hh .d{color:var(--dn)}
.mk-hr{display:flex;flex-wrap:wrap;gap:5px}.mk-ht{min-height:50px;border-radius:8px;padding:6px 8px;display:grid;align-content:center;gap:1px;cursor:pointer;color:var(--text);font-size:13px}.mk-ht b{font-size:13px}.mk-ht small{font-size:12px;color:var(--text2)}
.mk-flt{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.mk-dt{display:flex;align-items:center;gap:6px;flex:1 1 260px;font-size:13px;color:var(--muted)}.mk-dt input{flex:1;min-width:0;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);padding:0 8px;font:inherit;font-size:13px}.mk-flt select{height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:0 8px;font:inherit;font-size:13px;max-width:100%}
