/* Builder additions to the canonical UX package (documented deviations only;
   the visual language lives untouched in residue.css / tokens.css):
   - modal overlay positioning for reset/collapse/error dialogs
   - disabled-control treatment
   - view toggling and transcript scroll behavior */

[hidden] { display: none !important; }

.res-overlay {
  position: fixed; inset: 0; z-index: 10;
  background: rgba(4, 6, 6, .72);
  display: grid; place-items: center; padding: 20px;
}
.res-overlay .res-modal { width: min(520px, 100%); }

button:disabled, button[aria-disabled="true"] { opacity: .38; cursor: default; }

#transcript { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  #transcript { scroll-behavior: auto; }
}
@media (min-width: 721px) {
  #transcript { max-height: 56vh; overflow-y: auto; overscroll-behavior: contain; }
}