/*
 * Turbo loading affordances.
 *
 * Two scopes:
 *
 * 1. `.turbo-progress-bar` — Turbo's built-in full-page progress bar.
 *    Turbo renders it on every visit that takes longer than ~500ms,
 *    but only for *full-page* navigations (Visit). Recoloured to
 *    match the primary brand and slightly thicker so it's legible
 *    against bright backgrounds.
 *
 * 2. `turbo-frame[aria-busy="true"]` — Turbo auto-sets `aria-busy`
 *    while a frame is fetching. Full-page progress bars don't cover
 *    frame navigations, which is how most in-app transitions work
 *    in Myras (record panel, editor body, submissions panel). A
 *    restrained dim + wait-cursor confirms the click registered.
 */

.turbo-progress-bar {
  background: var(--tblr-primary);
  height: 3px;
}

turbo-frame[aria-busy="true"] {
  opacity: 0.6;
  pointer-events: none;
  cursor: wait;
  transition: opacity 120ms ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  turbo-frame[aria-busy="true"] {
    transition: none;
  }
}