/* Taostats Volume Card - minimal, dark-themed, responsive */
.tao-volume-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  color: #e6eef8;
  box-shadow: 0 1px 0 rgba(255,255,255,0.02) inset;
}
.tao-volume-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: linear-gradient(180deg,#07372a,#0b422f);
  display:flex;align-items:center;justify-content:center;
  flex: 0 0 48px;
}
.tao-volume-card__icon svg { width:20px;height:20px;color:#34d399; }
.tao-volume-card__body { flex:1; min-width:0 }
.tao-volume-card__label { font-size:11px; letter-spacing:1px; color:#9fb0c8; }
.tao-volume-card__value { font-size:20px; font-weight:700; color:#ffffff; margin-top:4px }
.tao-volume-card__meta { margin-left:auto; color:#7f98b0; font-size:12px }

/* delta badge */
.tao-volume-card__delta {
  display:inline-block;padding:4px 8px;border-radius:999px;font-weight:600;font-size:12px;
  background: rgba(255,255,255,0.02);
}

/* Pulse classes */
.tao-volume-card.pulse-up { border: 1px solid rgba(16,185,129,0.06); }
.tao-volume-card.pulse-down { border: 1px solid rgba(239,68,68,0.06); }

/* Slow breathing pulse to match halving pill tempo */
.tao-volume-card.pulse-up {
  animation: halving-pulse 7s ease-in-out infinite !important;
  box-shadow: 0 8px 28px rgba(16,185,129,0.08) !important;
}
.tao-volume-card.pulse-down {
  animation: halving-pulse 7s ease-in-out infinite !important;
  box-shadow: 0 8px 28px rgba(239,68,68,0.08) !important;
}

/* Respect reduced motion by keeping animation but removing transitions only */
@media (prefers-reduced-motion: reduce) {
  .tao-volume-card.pulse-up,
  .tao-volume-card.pulse-down { transition: none; }
}

/* Also support pulsing when the site uses `.stat-card` wrappers (legacy layout) */
.stat-card.pulse-up { 
  border: 2px solid rgba(16,185,129,0.40) !important; 
  background-color: rgba(16,185,129,0.08) !important;
}
.stat-card.pulse-down { 
  border: 2px solid rgba(239,68,68,0.40) !important; 
  background-color: rgba(239,68,68,0.08) !important;
}

/* Respect reduced motion by keeping animation but removing transitions only */
@media (prefers-reduced-motion: reduce) {
  .stat-card.pulse-up, .stat-card.pulse-down { transition: none; }
}

/* Glow on the stat-icon for better visibility when pulsing */
.stat-card .stat-icon.pulse-up { 
  filter: none !important; 
}
.stat-card .stat-icon.pulse-down { 
  filter: none !important; 
}

/* Respect reduced motion by keeping animation but removing filter effects only */
@media (prefers-reduced-motion: reduce) {
  .stat-card .stat-icon.pulse-up, .stat-card .stat-icon.pulse-down { filter: none; }
}

/* small screens */
@media (max-width: 420px) {
  .tao-volume-card { padding:12px; gap:10px }
  .tao-volume-card__value { font-size:18px }
  .tao-volume-card__icon { width:44px; height:44px }
}

/* Respect reduced motion: only disable transitions, keep visual feedback */
@media (prefers-reduced-motion: reduce) {
  .tao-volume-card, .tao-volume-card.pulse-up, .tao-volume-card.pulse-down { transition: none; }
}