/* ============================================================================
   Queue Status Grid
   ============================================================================ */

.ffmpeg-queue-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1rem;
}

.queue-item {
  --queue-accent: var(--ffmpeg-accent);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: var(--ffmpeg-surface);
  border-radius: var(--ffmpeg-radius-m);
  border: 1px solid var(--ffmpeg-border);
  box-shadow: var(--ffmpeg-shadow-soft);
}

.queue-item--total {
  --queue-accent: var(--ffmpeg-accent);
  background: linear-gradient(140deg, var(--ffmpeg-accent-soft), var(--ffmpeg-surface));
  border-color: var(--ffmpeg-accent);
}

.queue-item__value {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--queue-accent);
}

.queue-item__label {
  font-size: 0.75rem;
  color: var(--ffmpeg-text-muted);
  margin-top: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ============================================================================
   Queue Status Card (sidebar variant)
   ============================================================================ */

.ffmpeg-queue-status {
  background: var(--ffmpeg-surface);
  border: 1px solid var(--ffmpeg-border);
  border-radius: var(--ffmpeg-radius-m);
  box-shadow: var(--ffmpeg-shadow-soft);
  margin-top: 2rem;
}
