/* NHỊP · Danh mục v2 — giao diện theo ảnh mẫu (PC + mobile). Chỉ ảnh hưởng .pv2 */
.pv2{--b:#1769e8;--b2:#0b4fc4;--bs:#e8f1ff;--bl:#b9d3fb;--ab:#12a150;--g:#12a150;--r:#e5383b;--o:#f59e0b;--t:#0f1f3d;--m:#5d6b85;--ln:#e4ebf4;--bg:#f4f8fd;max-width:1180px;margin:0 auto;color:var(--t);font-size:13px}
.pv2 *{box-sizing:border-box}
.pv2 button{font:inherit;cursor:pointer;min-height:0}
.pv2-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.pv2-logo{width:46px;height:46px;border-radius:12px;background:var(--bs);display:grid;place-items:center;color:var(--b);flex:none}
.pv2-logo svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pv2-h>div:nth-child(2){flex:1;min-width:200px}
.pv2-h h1{margin:0;font-size:22px;line-height:1.2;font-weight:800}
.pv2-h p{margin:3px 0 0;color:var(--m);font-size:12.5px}
.pv2-act{display:flex;gap:8px}
.pv2-btn{border:1px solid var(--ln);background:#fff;color:var(--t);border-radius:8px;padding:9px 14px;font-weight:700;font-size:12.5px;white-space:nowrap}
.pv2-btn.g{background:var(--ab);border-color:var(--ab);color:#fff}
.pv2-btn.b{background:var(--b);border-color:var(--b);color:#fff}
.pv2-ctx{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;color:var(--m);font-size:12px}
.pv2-ex{background:var(--bs);color:var(--b2);border-radius:999px;padding:5px 11px;font-weight:800;font-size:12px}
.pv2-ctx select{border:1px solid var(--ln);background:#fff;border-radius:8px;padding:7px 10px;font:inherit;font-size:12.5px;color:var(--t);max-width:200px}
.pv2-link{background:none;border:0;color:var(--b);font-weight:700;padding:6px 2px;font-size:12.5px}
.pv2-card{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(20,60,130,.05);min-width:0}
.pv2-card h2{margin:0 0 12px;font-size:14.5px;font-weight:800;display:flex;align-items:center;gap:6px}
.pv2-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.pv2-k{display:flex;gap:12px;align-items:flex-start;padding:14px}
.pv2-ki{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:#e3f6ec;color:var(--g)}
.pv2-ki.b{background:var(--bs);color:var(--b)}
.pv2-ki svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pv2-k small{display:block;color:var(--m);font-size:11.5px}
.pv2-k b{display:block;font-size:19px;margin:2px 0;font-weight:800;white-space:nowrap}
.pv2-k em{font-style:normal;font-size:11.5px;color:var(--m)}
.up{color:var(--g)!important}.dn{color:var(--r)!important}
.pv2 .s{display:none}
.pv2-hold{margin-bottom:12px}
.pv2-tb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.pv2-tab{border:0;background:#f1f5fb;color:var(--m);border-radius:7px;padding:8px 14px;font-weight:700;font-size:12.5px}
.pv2-tab.on{background:var(--b);color:#fff}
.pv2-sr{flex:1;min-width:150px;max-width:340px;margin-left:auto;border:1px solid var(--ln);border-radius:8px;padding:8px 11px;font:inherit;font-size:12.5px}
.pv2-ic{border:1px solid var(--ln);background:#fff;border-radius:8px;padding:8px 11px;color:var(--b);font-weight:700;font-size:12.5px}
.pv2-tw{overflow-x:auto}
.pv2-t{width:100%;border-collapse:collapse;min-width:860px}
.pv2-t th{background:#f4f8fd;color:var(--m);font-size:11.5px;font-weight:700;text-align:right;padding:10px 8px;white-space:nowrap}
.pv2-t td{padding:11px 8px;text-align:right;border-top:1px solid var(--ln);white-space:nowrap;font-size:12.5px}
.pv2-t th:nth-child(1),.pv2-t th:nth-child(2),.pv2-t th:nth-child(3),.pv2-t td:nth-child(1),.pv2-t td:nth-child(2),.pv2-t td:nth-child(3){text-align:left}
.pv2-t tr.go{cursor:pointer}.pv2-t tr.go:hover td{background:#f8fbff}
.pv2-sym{display:flex;align-items:center;gap:8px;font-weight:800}
.pv2-av{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;flex:none}
.pv2-t td small{display:block;font-size:11px;margin-top:2px}
.pv2-sp{width:62px;height:20px;display:block;margin-left:auto}
.pv2-dot{border:0;background:none;color:var(--m);font-size:16px;font-weight:800;padding:0 6px}
.pv2-empty{padding:26px;text-align:center;color:var(--m)}
.pv2-r2{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin-bottom:12px}
.pv2-r3{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;margin-bottom:12px}
.pv2-dn{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.pv2-dn svg{width:170px;height:170px;flex:none}
.pv2-lg{flex:1;min-width:180px}
.pv2-lg div{display:grid;grid-template-columns:12px 1fr auto auto;gap:10px;align-items:center;padding:9px 0;font-size:12.5px}
.pv2-lg i{width:10px;height:10px;border-radius:50%}
.pv2-lg b{text-align:right}.pv2-lg span:last-child{color:var(--m);text-align:right;min-width:70px}
.pv2-pr{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.pv2-pr .pv2-tab{padding:6px 11px;font-size:12px}
.pv2-ch{width:100%;height:190px;display:block}
.pv2-lgd{display:flex;gap:14px;font-size:11.5px;color:var(--m);margin-top:4px}
.pv2-sec{display:grid;grid-template-columns:96px 1fr 48px;gap:10px;align-items:center;padding:7px 0;font-size:12.5px}
.pv2-sec div{height:8px;border-radius:6px;background:#eef3fa;overflow:hidden}
.pv2-sec i{display:block;height:100%;border-radius:6px}
.pv2-sec b{text-align:right}
.pv2-mt{width:100%;border-collapse:collapse}
.pv2-mt th{color:var(--m);font-size:11px;font-weight:700;text-align:right;padding:6px 4px}
.pv2-mt td{padding:9px 4px;text-align:right;border-top:1px solid var(--ln);font-size:12px;white-space:nowrap}
.pv2-mt th:first-child,.pv2-mt td:first-child{text-align:left}
.pv2-ai{background:linear-gradient(var(--bs),#fff);border-color:var(--bl)}
.pv2-ai h2 span{font-size:10px;background:var(--bs);color:var(--b2);padding:2px 6px;border-radius:5px;margin-left:6px;font-weight:800}
.pv2-ai ul{margin:0 0 12px;padding:0;list-style:none}
.pv2-ai li{position:relative;padding:0 0 9px 18px;font-size:12.5px;line-height:1.5;color:#26385c}
.pv2-ai li:before{content:"✦";position:absolute;left:0;color:var(--b);font-size:11px}
.pv2-ai .pv2-btn{width:100%}
.pv2-note{color:var(--m);font-size:11px;margin:8px 0 0}
.pv2-tip{display:flex;gap:12px;align-items:center;background:#f1f7ff;border-color:#cfe1fb;color:var(--m);font-size:12.5px}
.pv2-tip b{color:var(--b2)}
.pv2-more{margin-left:auto;font-size:12px;font-weight:700}
.pv2-back{margin:0 0 10px}
.pv2-md{position:fixed;inset:0;background:rgba(10,25,60,.45);display:grid;place-items:center;z-index:9999;padding:16px}
.pv2-md form{background:#fff;border-radius:14px;padding:20px;width:100%;max-width:380px;display:grid;gap:12px}
.pv2-md h3{margin:0;font-size:16px}
.pv2-md label{display:grid;gap:5px;font-size:12px;color:var(--m);font-weight:700}
.pv2-md input{border:1px solid var(--ln);border-radius:8px;padding:10px;font:inherit;font-size:14px;color:var(--t)}
.pv2-md div{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:1000px){.pv2-r3{grid-template-columns:1fr 1fr}.pv2-r3>.pv2-ai{grid-column:1/-1}}
@media(max-width:760px){
 .pv2{font-size:12.5px}
 .pv2-h h1{font-size:20px}.pv2-logo{display:none}
 .pv2-act{width:100%}.pv2-act .pv2-btn{flex:0 0 auto}
 .pv2-kpi{grid-template-columns:1fr 1fr;gap:10px}
 .pv2-k{padding:12px;gap:8px;flex-direction:column}.pv2-ki{display:none}.pv2-k b{font-size:17px}
 .pv2 .f{display:none}.pv2 .s{display:inline}
 .pv2-card{padding:13px}
 .pv2-r2,.pv2-r3{grid-template-columns:1fr}
 .pv2-t{min-width:0}
 .pv2-t th:nth-child(2),.pv2-t td:nth-child(2),.pv2-t th:nth-child(3),.pv2-t td:nth-child(3),.pv2-t th:nth-child(4),.pv2-t td:nth-child(4),.pv2-t th:nth-child(5),.pv2-t td:nth-child(5),.pv2-t th:nth-child(7),.pv2-t td:nth-child(7),.pv2-t th:nth-child(10),.pv2-t td:nth-child(10),.pv2-t th:nth-child(11),.pv2-t td:nth-child(11){display:none}
 .pv2-t td .v{display:none}.pv2-t td .p{font-size:12.5px;font-weight:700}
 .pv2-sr{max-width:none;flex-basis:100%;margin:0;order:5}
 .pv2-dn{gap:10px;flex-wrap:nowrap}.pv2-dn svg{width:120px;height:120px}.pv2-lg{min-width:0}.pv2-lg div{grid-template-columns:12px 1fr auto;gap:8px}.pv2-lg div span:last-child{display:none}
 .pv2-mt .x{display:none}
 .pv2-tip{align-items:flex-start}
}
@media(min-width:761px){.pv2-t .p{display:block;font-size:11px;margin-top:2px}}

/* màu theo sàn */
.pv2[data-ex="HOSE"]{--b:#2f6df6;--b2:#1f55cf;--bs:#e8f0ff;--bl:#b9d3fb;--ab:#12a150}
.pv2[data-ex="HNX"]{--b:#7c4dff;--b2:#5f35d6;--bs:#f0eaff;--bl:#cdbdff;--ab:#7c4dff}
.pv2[data-ex="UPCOM"]{--b:#ea6a1f;--b2:#c4540f;--bs:#fdeee3;--bl:#f6c9a8;--ab:#ea6a1f}