/* nav.css — navigation within the artist inbox (2026-09-09). Loaded last,
 * after inbox.css, so its rules win on the same selectors without
 * !important. Nothing here is decoration: a name that reads as tappable,
 * and the sender box picked out for a moment because the tap asked for it. */

/* The sender's name in a row's facts line. Tappable — pointer, underline on
 * hover and on keyboard focus — and otherwise exactly the text it was. */
.ib-meta .ib-sender-link {
  cursor: pointer;
  color: inherit;
  text-underline-offset: 2px;
}
.ib-meta .ib-sender-link:hover,
.ib-meta .ib-sender-link:focus-visible {
  text-decoration: underline;
  color: var(--text);
  outline: none;
}

/* The sender box on the card, picked out for a moment after the name was
 * tapped: a ring that fades, no glow. Stops under reduced motion. */
.ib-hilite { animation: ib-hilite 1.8s ease-out 1; border-radius: 12px; }
@keyframes ib-hilite {
  0%, 35% { outline: 2px solid var(--lilac); outline-offset: 6px; }
  100% { outline: 2px solid transparent; outline-offset: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .ib-hilite { animation: none; outline: 2px solid var(--lilac); outline-offset: 6px; }
}