/* Nhà sáng tạo — bổ sung cho dashboard.css + library.css + shops.css (dùng chung --dx-*, .dx-*, .lx-*, .sx-*) */
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-person{display:flex;gap:10px;align-items:center;min-width:220px;max-width:300px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-person img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-pinfo{min-width:0;display:flex;flex-direction:column;gap:2px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-name{color:var(--dx-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-name:hover{color:var(--dx-primary)}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-handle{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-pcats{max-width:260px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-pcats .lx-cattag{display:inline-block;margin:1px 4px 1px 0;max-width:120px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-bio{font-size:12.5px;margin-top:6px;line-height:1.5;max-width:720px;word-break:break-word}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-score{display:flex;gap:12px;align-items:center;background:var(--dx-soft-2);border-radius:10px;padding:10px 16px;align-self:start}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-scoren{font-size:30px;font-weight:800;color:var(--dx-primary);line-height:1}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tiles .sx-tile{align-items:center;text-align:center}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.cx-k4{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats>div{display:flex;flex-direction:column;gap:3px;border:1px solid var(--dx-border);border-radius:8px;padding:10px 12px;min-width:0}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--dx-border);border-radius:10px;padding:14px 12px;text-decoration:none;color:var(--dx-text);text-align:center}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card:hover{border-color:var(--dx-primary)}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--dx-strip)}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;width:100%;margin-top:8px;border-top:1px dashed var(--dx-border);padding-top:8px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats>div{display:flex;flex-direction:column}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats b{font-size:13.5px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats span{color:var(--dx-muted);font-size:11px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tags{display:flex;flex-wrap:wrap;gap:8px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tag{background:var(--dx-soft-2);border-radius:999px;padding:4px 11px;font-size:12.5px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tag b{color:var(--dx-primary);margin-left:4px}
@media (max-width:1100px){:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-info{grid-template-columns:1fr 1fr}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-score{grid-column:1/-1}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-info{grid-template-columns:1fr}:is(#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.cx-k4{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats{grid-template-columns:1fr}}
/* Đánh giá VietTik */
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-aff{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;margin-top:6px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affscore{min-width:128px;text-align:center;padding:16px 14px;border-radius:14px;background:var(--dx-soft-2);display:flex;flex-direction:column;align-items:center;gap:2px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affscore b{font-size:42px;line-height:1;color:var(--dx-primary);font-weight:800}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affscore span{font-size:12px;color:var(--dx-muted)}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affparts{flex:1;min-width:280px;display:grid;gap:9px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(120px,2fr) 44px minmax(120px,1fr);gap:10px;align-items:center;font-size:13px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affl em{font-style:normal;color:var(--dx-muted);font-size:11px;margin-left:4px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-bar{height:8px;border-radius:6px;background:var(--dx-strip);overflow:hidden;border:1px solid var(--dx-border)}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-bar i{display:block;height:100%;background:linear-gradient(90deg,#7d6ff2,#3fc1a5);border-radius:6px}
:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp b{text-align:right}
:is(#v-creators,#v-lives,#v-videos,#v-trends) th.sorted,:is(#v-creators,#v-lives,#v-videos,#v-trends) td.sorted{color:var(--dx-primary)}
@media (max-width:760px){:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp{grid-template-columns:1fr 1fr;font-size:12px}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp .cx-bar{grid-column:1/-1}}