/* Phát trực tiếp — bổ sung cho dashboard.css + library.css + shops.css + creators.css (dùng chung --dx-*, .dx-*, .lx-*, .sx-*, .cx-*) */
#v-lives .vx-cell{min-width:260px;max-width:360px;align-items:flex-start}
#v-lives .vx-cover{position:relative;flex:none;display:block}
#v-lives .vx-cover img{width:64px;height:84px;border-radius:8px;object-fit:cover;background:var(--dx-strip);border:1px solid var(--dx-border);display:block}
#v-lives .vx-live{position:absolute;left:4px;top:4px;background:#e5486d;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;line-height:1.3;white-space:nowrap}
#v-lives .vx-livetxt{color:#e5486d}
#v-lives .vx-time{font-size:12px;white-space:nowrap;line-height:1.6}
#v-lives .vx-time .dx-muted{display:inline-block;min-width:68px}
#v-lives .vx-range{align-items:center;gap:8px}
#v-lives .vx-range input[type=date]{border:1px solid var(--dx-border);border-radius:8px;padding:5px 8px;background:var(--dx-card);color:var(--dx-text);font:inherit;font-size:12.5px}
#v-lives .vx-htop{align-items:flex-start}
#v-lives .vx-coverbig{position:relative;flex:none;width:150px;height:200px;border-radius:12px;overflow:hidden;background:var(--dx-strip);border:1px solid var(--dx-border)}
#v-lives .vx-coverbig img{width:100%;height:100%;object-fit:cover;display:block}
#v-lives .vx-coverbig .vx-live{left:8px;top:8px;font-size:11px}
#v-lives .vx-info{margin-top:10px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border:0;padding:0}
#v-lives .vx-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px;margin-top:16px}
#v-lives .vx-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}
#v-lives .vx-kpis .sx-tile{align-items:center;text-align:center}
#v-lives .vx-top3{grid-column:1/-1;border:1px solid var(--dx-border);border-radius:10px;padding:12px 14px}
#v-lives .vx-top3list>div{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;border-top:1px dashed var(--dx-border)}
#v-lives .vx-top3list>div:first-child{border-top:0}
#v-lives .vx-top3list img{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--dx-strip)}
#v-lives .vx-top3list .lx-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v-lives .vx-creator{border:1px solid var(--dx-border);border-radius:12px;padding:14px 16px;background:var(--dx-soft-2)}
#v-lives .vx-cwrap{display:flex;gap:12px;align-items:center}
#v-lives .vx-cwrap img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--dx-strip);flex:none}
#v-lives .vx-cwrap .lx-cattag{margin:4px 4px 0 0;display:inline-block}
#v-lives .vx-c30{margin-top:12px;border:1px solid var(--dx-border);border-radius:10px;padding:10px 12px;background:var(--dx-card)}
#v-lives .vx-c30h{font-weight:700;font-size:12.5px;margin-bottom:6px}
#v-lives .vx-c30>div:not(.vx-c30h){display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:3px 0}
#v-lives .vx-cstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;text-align:center}
#v-lives .vx-cstats b{display:block;font-size:15px}
#v-lives .vx-cstats span{color:var(--dx-muted);font-size:11.5px}
#v-lives .vx-bars{display:grid;gap:8px}
#v-lives .vx-bar{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(120px,2fr) 60px minmax(90px,1fr);gap:10px;align-items:center;font-size:13px}
#v-lives .vx-bar .lx-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v-lives .vx-bar b{text-align:right}
#v-lives .cx-bar{height:8px;border-radius:6px;background:var(--dx-strip);overflow:hidden;border:1px solid var(--dx-border)}
#v-lives .cx-bar i{display:block;height:100%;background:linear-gradient(90deg,#7d6ff2,#3fc1a5);border-radius:6px}
#v-lives .vx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
#v-lives .vx-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--dx-border);border-radius:10px;padding:12px;text-decoration:none;color:var(--dx-text)}
#v-lives .vx-card:hover{border-color:var(--dx-primary)}
#v-lives .vx-cardcover{position:relative;width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--dx-strip);margin-bottom:4px}
#v-lives .vx-cardcover img{width:100%;height:100%;object-fit:cover;display:block}
#v-lives .vx-card>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v-lives .vx-cardstats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:8px;border-top:1px dashed var(--dx-border);padding-top:8px}
#v-lives .vx-cardstats>div{display:flex;flex-direction:column}
#v-lives .vx-cardstats b{font-size:13.5px}
#v-lives .vx-cardstats span{color:var(--dx-muted);font-size:11px}
#v-lives .sx-kpis.cx-k4{grid-template-columns:repeat(4,minmax(0,1fr))}
#v-lives .cx-person{display:flex;gap:10px;align-items:center;min-width:200px;max-width:260px}
#v-lives .cx-person img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)}
#v-lives .cx-pinfo{min-width:0;display:flex;flex-direction:column;gap:2px}
#v-lives .cx-name{color:var(--dx-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v-lives .cx-name:hover{color:var(--dx-primary)}
#v-lives .cx-handle{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v-lives th.sorted,#v-lives td.sorted{color:var(--dx-primary)}
@media (max-width:1100px){#v-lives .vx-grid2{grid-template-columns:1fr}#v-lives .vx-info{grid-template-columns:1fr}}
@media (max-width:760px){#v-lives .vx-kpis{grid-template-columns:1fr 1fr}#v-lives .sx-kpis.cx-k4{grid-template-columns:repeat(2,minmax(0,1fr))}#v-lives .vx-coverbig{width:110px;height:146px}#v-lives .vx-bar{grid-template-columns:1fr 1fr}#v-lives .vx-bar .cx-bar{grid-column:1/-1}}