/* Mockups-viewer (alleen sandbox, js/mockups-viewer.js): schermvullende
   laag boven de app-schil, zodat de mockup op volle breedte staat. */
.mv {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  background: var(--page-bg);
  color: var(--text);
}
.mv-balk {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.3));
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}
.mv-terug { color: inherit; text-decoration: none; font-weight: 600; }
.mv-label { opacity: 0.7; }
.mv-pad { margin-left: auto; opacity: 0.7; overflow: hidden; text-overflow: ellipsis; }
.mv-melding { padding: 24px 16px; }
.mv-beeld { display: block; max-width: 100%; margin: 0 auto; }
.mv-frame { flex: 1; width: 100%; border: 0; background: #fff; }
@media (max-width: 480px) { .mv-label { display: none; } }