html.order-sms-overlay-open { overflow: hidden; }
html.order-sms-overlay-open body { position: fixed; left: 0; right: 0; overflow: hidden; }
dialog.order-sms-overlay {
  position: fixed; inset: 0; box-sizing: border-box; margin: 0; padding: 0;
  width: 100%; max-width: none; height: 100%; height: 100dvh; max-height: none;
  border: 0; border-radius: 0; background: #fff; color: #1d1d1f;
}
dialog.order-sms-overlay[open] { display: flex; flex-direction: column; }
.order-sms-overlay::backdrop { background: #fff; }
.order-sms-overlay > header {
  display: flex; align-items: center; gap: 16px; flex: 0 0 auto;
  padding: max(4px, env(safe-area-inset-top)) 12px 4px;
  border-bottom: 1px solid #e8e8ed; font: 600 15px/1.4 system-ui, sans-serif;
}
.order-sms-overlay > header button {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px;
  padding: 8px 4px; border: 0; background: transparent; color: #0071e3;
  font: inherit; cursor: pointer;
}
.order-sms-overlay > header button:focus-visible { outline: 2px solid #0071e3; outline-offset: 2px; }
.order-sms-overlay > header svg { width: 22px; height: 22px; }
.order-sms-overlay > iframe { display: block; flex: 1 1 0; width: 100%; min-height: 0; border: 0; padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; }