/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   stats.css — Quick stats grid (2 cards)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.stats-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:10px; margin-bottom:20px;
}
.stat-card {
  position:relative;
  background:var(--glass-bg); border:1px solid var(--glass-border);
  border-radius:var(--radius-lg); padding:14px 14px;
  display:flex; align-items:center; gap:10px; overflow:hidden;
  min-height:68px;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  cursor:default;
  transition: background var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out),
              transform var(--dur-fast) var(--spring);
}
.stat-card:active  { transform:scale(0.96); }
.stat-card:hover   { background:var(--glass-bg-hover); border-color:var(--glass-border-active); }

.stat-card__icon {
  width:34px;height:34px;border-radius:var(--radius-sm);
  display:grid;place-items:center;flex-shrink:0;
}
.stat-card__body { flex:1; min-width:0; }
.stat-card__label {
  font-size:.68rem;color:var(--text-tertiary);font-weight:500;
  letter-spacing:.02em;margin-bottom:2px;white-space:nowrap;
}
.stat-card__value {
  font-size:1.15rem;font-weight:700;color:var(--text-primary);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;
}
.stat-card__glow {
  position:absolute;inset:-1px;border-radius:inherit;
  background:radial-gradient(circle at 0% 0%,rgba(129,140,248,.06),transparent 60%);
  pointer-events:none;
}

/* Card accent: devices */
.stat-card[data-card="devices"] .stat-card__icon {
  background:rgba(103,232,249,.1);border:1px solid rgba(103,232,249,.2);color:var(--accent-glow);
}
/* Card accent: packages */
.stat-card[data-card="packages"] .stat-card__icon {
  background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.2);color:var(--accent-secondary);
}
