/* Embed — náhled obrazovky v microsite (iframe) nebo celý telefon */
html.embed-root,
html.embed-root body {
  margin: 0;
  padding: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: transparent;
}

body.embed-mode {
  background: var(--canvas, #f4f6f8);
}

body.embed-mode .workspace {
  display: block;
  padding: 0;
  min-height: 0;
  gap: 0;
}

body.embed-mode .index-panel,
body.embed-mode .stage-hint {
  display: none !important;
}

body.embed-mode .phone-col {
  margin: 0;
  gap: 0;
}

/* Celý telefon v iframe (volitelně) */
body.embed-mode:not(.embed-inner) .phone {
  box-shadow: none;
}

/* Jen obsah obrazovky — microsite má vlastní rámeček */
body.embed-inner .workspace {
  align-items: stretch;
}

body.embed-inner .phone-col,
body.embed-inner .phone-wrap {
  width: 100%;
  height: 100%;
}

body.embed-inner .embed-scale {
  width: calc(390px * var(--phone-scale));
  height: calc(844px * var(--phone-scale));
  overflow: hidden;
}

body.embed-inner .embed-phone {
  width: 390px;
  height: 844px;
  transform: scale(var(--phone-scale));
  transform-origin: top left;
}

body.embed-inner .embed-phone .phone-inner {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

body.embed-inner .embed-phone .screen {
  position: absolute;
  inset: 0;
}

body.embed-static .scroll {
  overflow: hidden !important;
  pointer-events: none;
}

body.embed-static .scroll * {
  pointer-events: none;
  cursor: default;
}