.dashboard-top-products{min-width:0;align-self:start}
.top-products-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dashboard-top-products .top-products-toolbar input,.dashboard-top-products .top-products-toolbar select{width:auto;max-width:210px;min-width:0;min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-sizing:border-box;font:inherit;font-size:12px}
.top-products-status,.top-products-note{font-size:11px;color:var(--muted);line-height:1.5}
.top-products-status{margin:12px 0}.top-products-note{border-top:1px solid var(--line);padding-top:12px;margin:16px 0 0}
.top-products-ranking{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.top-products-ranking li{display:flex;align-items:center;gap:10px;min-width:0}
.top-products-rank{flex:0 0 26px;font-size:12px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.top-products-body{flex:1;min-width:0}.top-products-caption{display:flex;align-items:baseline;gap:12px;justify-content:space-between;margin-bottom:5px;font-size:12px}
.top-products-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink)}
.top-products-quantity{flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;color:var(--brand-navy)}
.top-products-track{height:17px;border-radius:4px;background:color-mix(in srgb,var(--line) 40%,transparent);overflow:hidden}
.top-products-bar{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#192944,#514dde);opacity:calc(1 - var(--rank)*.035)}
:root[data-theme=dark] .top-products-quantity{color:#d4e2ff}
:root[data-theme=dark] .top-products-bar{background:linear-gradient(90deg,#5670c7,#9290ff)}
@media(max-width:700px){.top-products-caption{flex-wrap:wrap;gap:3px}.top-products-name{white-space:normal;overflow-wrap:anywhere}.top-products-toolbar select{flex:1}.top-products-ranking{gap:11px}}