/* Non-modal: only the sheet takes pointer events; the page stays usable. */
.wait-sheet {
  position: fixed; z-index: 1800; bottom: 0; left: 0; right: 0;
  box-sizing: border-box; width: 100%; margin: 0 auto;
  max-height: 70dvh; overflow-y: auto; overscroll-behavior: contain;
  padding: 20px 20px calc(20px + max(env(safe-area-inset-bottom), var(--dz-inset-bottom, 0px)));
  color: #1A1A1A; background: #FFF; border-top: 1px solid #E8E8E8;
  border-radius: var(--dialog-sheet-radius); box-shadow: var(--dialog-sheet-shadow);
  transform: translateY(100%);
  transition: transform 420ms var(--ease-emph, cubic-bezier(.16,1,.3,1));
}
.wait-sheet.is-open { transform: none; }
.wait-sheet.is-leaving { pointer-events: none; transition: transform 400ms cubic-bezier(.4,0,1,1); }
.wait-sheet__top { display: flex; align-items: center; gap: 16px; }
.wait-sheet__top > :first-child { flex: 1; min-width: 0; }
.wait-sheet__top .dz-close { flex-shrink: 0; }
.wait-sheet__content { margin-top: 20px; }
.wait-sheet__body { animation: wait-sheet-fade var(--motion-slow, 380ms) var(--ease-out, ease-out); }
.wait-sheet [data-wait-question-prompt], .wait-sheet__question { font-size: 20px; font-weight: 800; line-height: 1.25; margin: 0 0 16px; }
.wait-sheet__why, .wait-sheet__note { font-size: 13px; line-height: 1.5; margin: 12px 0 0; }
.wait-sheet__step-note, .wait-sheet__say-note { font-size: 12px; line-height: 1.5; color: #767676; margin: 12px 0; }
.wait-sheet__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 8px; }
.wait-sheet__way { margin-top: 16px; }
.wait-sheet .taste-prompt-card__chips, .wait-sheet .taste-prompt-card__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.wait-sheet .taste-prompt-card__actions { margin-top: 12px; }
.wait-sheet .taste-prompt-card__other { display: block; margin-top: 16px; }
/* Taste chips keep the bank's case, as on the inline card. Actions use .btn. */
.wait-sheet .taste-prompt-chip { text-transform: none; letter-spacing: normal; max-width: 100%; white-space: normal; }
.wait-sheet [data-gap-id^="coming_up:"] .taste-prompt-card__chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wait-sheet [data-gap-id^="coming_up:"] .taste-prompt-chip { min-height: 44px; height: auto; text-transform: uppercase; }
.wait-sheet .taste-prompt-chip[aria-pressed="true"] { color: #FFF; background: #1A1A1A; }
.wait-sheet .taste-prompt-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.wait-sheet .taste-prompt-pair__tile { border: 0; background: transparent; color: inherit; cursor: pointer; display: flex; flex-direction: column; height: auto; min-width: 0; padding: 0; white-space: normal; text-transform: none; letter-spacing: normal; }
.wait-sheet .taste-prompt-pair__tile img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.wait-sheet .taste-prompt-pair__cap { width: 100%; }
.wait-sheet__progress > span { display: block; font-size: 12px; margin-bottom: 8px; }
.wait-sheet__progress > div { height: 2px; background: #E8E8E8; }
.wait-sheet__progress i { display: block; height: 100%; background: #1A1A1A; }
@keyframes wait-sheet-fade { from { opacity: 0; } to { opacity: 1; } }
@media (min-width: 768px) { .wait-sheet { max-width: 520px; } }
@media (prefers-reduced-motion: reduce) {
  .wait-sheet, .wait-sheet.is-leaving { transform: none; transition: none; }
  .wait-sheet__body { animation: none; }
}
/* Inside the dialog that owns the wait (the photo modal's save): part of its
   pane, never a second sheet over it. */
.wait-sheet.wait-sheet--inline {
  position: static; z-index: auto; max-height: none; overflow: visible;
  margin-top: 24px; padding: 20px 0 0; text-align: left;
  border-radius: 0; box-shadow: none; transform: none; transition: none;
}
.wait-sheet--inline.is-leaving { opacity: 0; transition: opacity 400ms ease-out; }
@media (min-width: 768px) { .wait-sheet.wait-sheet--inline { max-width: none; } }
.wait-sheet .dr-wait { margin: 0; padding: 0; border: 0; }
.wait-sheet [data-wait-landed] .dr-wait__bar::after { animation: none; transform: none; width: 100%; }