.booking-viewer-overlay {
  position: fixed; inset: 0; z-index: 2147483601;
  display: grid; place-items: center; padding: 16px;
  background: rgba(0,0,0,.42); font-family: Inter,Arial,sans-serif;
  pointer-events: auto;
}
.booking-viewer-overlay[hidden] { display: none !important; }
.booking-viewer-dialog {
  width: min(620px,100%); height: min(900px,calc(100dvh - 32px));
  overflow: auto; overscroll-behavior: contain; touch-action: pan-y;
  -webkit-overflow-scrolling: touch; border-radius: 22px;
  background: #fff; box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.booking-viewer-dialog.is-frame { overflow: hidden; }
.booking-viewer-content { height: 100%; min-height: 0; touch-action: pan-y; }
.booking-viewer-frame { display: block; width: 100%; height: 100%; border: 0; }
[data-theme="dark"].booking-viewer-overlay { background: rgba(0,0,0,.66); }
[data-theme="dark"] .booking-viewer-dialog { background: #111827; box-shadow: 0 20px 60px rgba(0,0,0,.55); color-scheme: dark; }
.booking-viewer-failure { display: grid; align-content: center; gap: 14px; min-height: 100%; padding: 32px; color: #0f172a; text-align: center; }
.booking-viewer-failure h2,.booking-viewer-failure p { margin: 0; }
.booking-viewer-failure p { color: #64748b; }
.booking-viewer-failure__actions { display: flex; justify-content: center; gap: 10px; margin-top: 8px; }
[data-theme="dark"] .booking-viewer-failure { color: #f8fafc; }
[data-theme="dark"] .booking-viewer-failure p { color: #94a3b8; }
@media (max-width:620px) {
  .booking-viewer-overlay { padding: 0; }
  .booking-viewer-dialog { width: 100%; height: 100dvh; border-radius: 0; }
}
@media (max-width:420px) {
  .booking-viewer-failure__actions { display: grid; }
  .booking-viewer-failure__actions .btn { width: 100%; }
}