/* #1629: Views/Shared/_SetStatistics.cshtml -- daha once <style> icinde inline'di (project-rules.md
   ihlali: cshtml icinde style YASAK). Bu partial 4 farkli sayfadan (Account/BinderDetail,
   Home/Search, Sets/Detail, UserSet/UserSetDetail) Html.Partial ile embed edildigi icin
   _SponsoredCardRail.cshtml / sponsored-card.css ile AYNI desen: paylasilan CSS wwwroot/css/shared
   altinda, HER tuketici kendi @section Styles'inda link eder (bkz. o dosyalarin basi).
   Zaten CSS degiskeni kullaniyordu (hex YOK) -- tasima disinda davranis degisikligi yok. */
#setRarityChart { width: 130px; height: 130px; flex-shrink: 0; }
.ct-stats-tile .rarity-legend-item { display: flex; align-items: center; gap: 7px; font-size: var(--fs-xs); color: var(--fg-2); }
.ct-stats-tile .rarity-legend-color { width: 10px; height: 10px; border-radius: 3px; display: inline-block; flex-shrink: 0; }
.ct-stats-tile .top-card-item { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2) 0; border-bottom: 1px dashed var(--border-1); }
.ct-stats-tile .top-card-item:last-child { border-bottom: none; }
.ct-stats-tile .top-card-thumb { width: 40px; height: 56px; border-radius: var(--radius-sm); object-fit: cover; background: var(--bg-canvas); border: 1px solid var(--border-1); flex-shrink: 0; }
.ct-stats-tile .top-card-item a { color: var(--fg-1); text-decoration: none; font-weight: 600; }
.ct-stats-tile .top-card-item a:hover { color: var(--color-brand); }
.ct-stats-tile .value-pill { margin-left: auto; padding: 4px 10px; border-radius: var(--radius-pill); background: var(--color-brand-soft); color: var(--color-brand-fg); font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ct-stats-tile .mini-muted { color: var(--fg-3); font-size: var(--fs-xs); }
#setTotalValue { font: 800 var(--fs-2xl)/1 var(--font-sans); color: var(--fg-1); font-variant-numeric: tabular-nums; }