/* Cửa hàng — bổ sung cho dashboard.css + library.css (dùng chung --dx-*, .dx-*, .lx-*) */
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-table td,:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-table th{padding:12px 10px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-shop{display:flex;gap:10px;align-items:flex-start;min-width:230px;max-width:300px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-shop img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-sinfo{min-width:0;display:flex;flex-direction:column;gap:4px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-line{display:flex;gap:6px;align-items:center;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-name{color:var(--dx-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-name:hover{color:var(--dx-primary)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-brand{display:inline-block;background:#111827;color:#fff;font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 6px;flex:none;letter-spacing:.2px;margin-right:6px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-cb{display:inline-block;background:var(--dx-strip);color:var(--dx-muted);font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 5px;flex:none}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rate{display:inline-block;background:var(--dx-strip);color:var(--dx-muted);font-size:11.5px;font-weight:600;border-radius:5px;padding:0 7px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ico{border:1px solid var(--dx-border);background:var(--dx-card);border-radius:7px;width:30px;height:30px;cursor:pointer;color:var(--dx-muted);font-size:14px;display:inline-grid;place-items:center;margin-right:6px;vertical-align:middle}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ico:hover{color:var(--dx-primary);border-color:var(--dx-primary)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ico.on{color:#f5a524}
/* tìm kiếm */
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-searchrow{align-items:center;flex-wrap:wrap}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-match{display:flex;gap:14px;align-items:center;font-size:13px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-match label{display:inline-flex;gap:5px;align-items:center;cursor:pointer}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search{flex:1;justify-content:flex-end;align-items:center}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-scope{border:1px solid var(--dx-border);border-radius:8px;padding:6px 10px;color:var(--dx-muted);background:var(--dx-strip);font-size:13px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search input{width:300px}
/* đầu trang chi tiết */
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-head{padding:20px 22px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-htop{display:flex;gap:16px;align-items:flex-start}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-logo{width:84px;height:84px;border-radius:10px;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hmain{flex:1;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-title{font-size:19px;font-weight:700;margin:4px 0 8px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-pill{display:inline-flex;align-items:center;gap:4px;background:var(--dx-strip);color:var(--dx-muted);border:0;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rankpill{background:#fff7e0;color:#b7791f;border:1px solid #f6d58e;cursor:pointer}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hact{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;text-align:right}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hbtns{display:flex}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.3fr);gap:10px 26px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--dx-border)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol{display:flex;flex-direction:column;gap:9px;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol>div{display:flex;gap:6px;align-items:baseline;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol span{color:var(--dx-muted);white-space:nowrap}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-acc{display:flex;flex-direction:column;gap:8px;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accrow{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accrow img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--dx-strip);flex:none}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accname{min-width:0;flex:1}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accname b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accnum{display:flex;flex-direction:column;align-items:center;flex:none;min-width:52px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accnum b{font-size:15px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accnum span{color:var(--dx-muted);font-size:11.5px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tile{background:var(--dx-soft-2);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tile b{font-size:19px;font-weight:700;line-height:1.3}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tl{color:var(--dx-muted);font-size:12.5px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tic{width:26px;height:26px;border-radius:7px;background:var(--dx-tile);display:grid;place-items:center;margin-bottom:8px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tic svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* thanh tab + mục neo (dính khi cuộn) */
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-sticky{position:sticky;top:var(--sb-top,52px);z-index:6;background:var(--bg);padding:6px 0 8px;margin-bottom:6px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs{display:flex;gap:22px;border-bottom:1px solid var(--dx-border);padding:0 4px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs button{border:0;background:transparent;padding:10px 0;font-size:15px;font-weight:600;color:var(--dx-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs button.on{color:var(--dx-text);border-bottom-color:var(--dx-primary)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:6px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors::-webkit-scrollbar{display:none}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors button{white-space:nowrap;flex:none;border:0;background:transparent;padding:5px 9px;border-radius:6px;cursor:pointer;color:var(--dx-muted);font-size:12.5px;font-weight:600}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors button:hover{color:var(--dx-primary);background:var(--dx-soft-2)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .dx-card[id^=sx-]{scroll-margin-top:150px}
/* chỉ số */
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--dx-border);border-radius:10px;overflow:hidden}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k5{grid-template-columns:repeat(5,minmax(0,1fr))}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k3{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 10px;border-right:1px solid var(--dx-border);border-bottom:1px solid var(--dx-border);min-width:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpi b{font-size:20px;font-weight:700}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpi>span:last-child{color:var(--dx-muted);font-size:12.5px;line-height:1.4}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-seg{display:inline-flex;gap:2px;background:var(--dx-strip);border-radius:8px;padding:3px;border:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-seg button{border:0;background:transparent;color:var(--dx-muted);padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:600}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-seg button.on{background:var(--dx-primary);color:#fff}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-two{gap:28px;margin-top:6px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-panel{border:1px solid var(--dx-border);border-radius:10px;padding:14px 16px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-dash{display:inline-block;width:14px;height:0!important;border-top:2px dashed #7d6ff2;margin-right:6px;vertical-align:3px;background:none!important}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-promo{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-promo table{flex:1;min-width:220px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-donut{flex:none}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2{display:flex;flex-direction:column;gap:7px;flex:1;min-width:200px;font-size:12.5px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2 em{font-style:normal;color:var(--dx-muted)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-own{display:inline-flex;flex-direction:column;gap:12px;border:1px solid var(--dx-border);border-radius:10px;padding:14px 18px;min-width:280px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownh{display:flex;gap:10px;align-items:center}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownh img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--dx-strip)}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn{display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed var(--dx-border);padding-top:10px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn>div{display:flex;flex-direction:column;align-items:center;gap:2px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn b{font-size:18px}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn span{color:var(--dx-muted);font-size:12px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rankpill{background:#3a2e12;color:#f4c46a;border-color:#5c4718}:root:not([data-theme=light]) :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-brand{background:#e7ecf3;color:#111827}}
:root[data-theme=dark] :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rankpill{background:#3a2e12;color:#f4c46a;border-color:#5c4718}
:root[data-theme=dark] :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-brand{background:#e7ecf3;color:#111827}
@media (max-width:1100px){:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-info{grid-template-columns:1fr 1fr}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-acc{grid-column:1/-1}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-htop{flex-wrap:wrap}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hact{align-items:flex-start;text-align:left;width:100%}
  :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-info{grid-template-columns:1fr}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol b{white-space:normal}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accrow{flex-wrap:wrap}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis,:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k5,:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k3{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search{justify-content:flex-start;width:100%}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search input{flex:1;width:auto;min-width:0}
  :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs{gap:14px}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs button{font-size:14px}
  :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors button{white-space:nowrap}
}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-flag{display:inline-block;vertical-align:-2px;border-radius:2px;flex:none}
:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-vn{display:inline-flex;align-items:center;gap:6px}