/* Layout, copy, colors and links live in the saved Elementor template. */
.ok-subscriber-dialog {
  width:min(800px,calc(100vw - 32px));
  max-width:none;
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:40px;
  border:1px solid #dedede;
  border-radius:28px;
  background:#fff;
  color:var(--ok-ink);
  box-shadow:0 32px 100px #0004;
  overflow:auto;
  overscroll-behavior:contain;
}
.ok-subscriber-dialog:not([open]) { display:none; }
.ok-subscriber-dialog::backdrop { background:#0b1711a8; backdrop-filter:blur(5px); }
html.ok-subscriber-open { overflow:hidden; scrollbar-gutter:stable; }
.ok-subscriber-close {
  position:absolute; top:16px; right:16px; z-index:2;
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; padding:0;
  color:var(--ok-ink); background:var(--ok-surface);
  border:1px solid #dedede; border-radius:50%; cursor:pointer;
}
.ok-subscriber-close:hover { color:var(--ok-ink); background:#e8e8e8; }
.ok-subscriber-close:focus-visible { outline-offset:3px; }
.ok-subscriber-card { min-width:0; }
.ok-subscriber-card .ok-subscriber-access { margin-top:auto; }
.ok-subscriber-card .elementor-button { width:100%; }
.ok-subscriber-card .elementor-button-content-wrapper { justify-content:space-between; }
.ok-subscriber-domain { overflow-wrap:anywhere; }
.ok-subscriber-selector .elementor-button { min-height:46px; }
.ok-subscriber-selector .elementor-widget-heading { min-width:0; }
@media (max-width:767px) {
  .ok-subscriber-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:26px 20px 20px; border-radius:22px; }
  .ok-subscriber-close { top:10px; right:10px; }
  .ok-subscriber-dialog .ok-subscriber-intro { padding-right:32px; }
}
@media print { .ok-subscriber-dialog { display:none; } }