/* slow-nav — elapsed-time line for exceptionally long blocking navigations
   (see app/javascript/controllers/slow_nav_controller.js and P0.6's
   "exceptional long query" carve-out). Styled in the terminal-log's
   exception-state vocabulary: dark navy, IBM Plex Mono, [ run ] line with
   the blinking active marker. Docked in the undo-card slot family
   (fixed bottom-right, above the card if both are present). Appears after
   1.5s of pending navigation; removed automatically on render. */
.slow-nav-pill {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1100;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  background: #0b1324;
  color: #e2e8f0;
  border-radius: 4px;
  font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  font-size: 11.5px;
  line-height: 1;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.35);
  animation: slow-nav-in 200ms ease-out;
}
.slow-nav-tag { color: #93c5fd; font-weight: 600; }
.slow-nav-spin {
  color: #93c5fd;
  animation: slow-nav-blink 900ms steps(1) infinite;
}
.slow-nav-secs { color: #64748b; min-width: 26px; }
@keyframes slow-nav-blink { 50% { opacity: 0; } }
@keyframes slow-nav-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }