/* ═══════════════════════════════════════════════════════════════════
   Extracted from resources/views/timings/route.blade.php
   Previously 2 inline <style> blocks, re-sent on every render and
   uncacheable. Blocks are concatenated in their original source order,
   so the cascade within the page is unchanged.
   ═══════════════════════════════════════════════════════════════════ */

/* ── block 1 of 2 ───────────────────────────────── */
/* Timings Route Page - Mobile Responsive */
@media (max-width: 768px) {
  /* Reduce quick stats to 2 per row */
  .rs-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* Table mobile tweaks */
  section.card div[style*="overflow-x:auto"] table {
    min-width: 400px !important;
  }
  section.card div[style*="overflow-x:auto"] th,
  section.card div[style*="overflow-x:auto"] td {
    padding: 0.75rem 0.75rem !important;
    font-size: 0.82rem !important;
  }
  /* Compact the action button on mobile */
  section.card div[style*="overflow-x:auto"] .btn--sm {
    padding: 0.35rem 0.65rem !important;
    font-size: 0.75rem !important;
  }
  /* Show "In-Terminal Only" text smaller */
  section.card div[style*="overflow-x:auto"] span[style*="0.85rem"] {
    font-size: 0.75rem !important;
  }
  /* Card header on mobile */
  .card .card-header h2[style*="var(--text-lg)"] {
    font-size: 1rem !important;
  }
}
@media (max-width: 480px) {
  section.card div[style*="overflow-x:auto"] table {
    min-width: 360px !important;
  }
  section.card div[style*="overflow-x:auto"] th,
  section.card div[style*="overflow-x:auto"] td {
    padding: 0.6rem 0.5rem !important;
    font-size: 0.78rem !important;
  }
}

/* ── block 2 of 2 ───────────────────────────────── */
@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}100%{transform:scale(.9);opacity:.6}}