/* Boss HQ demo: the Portal tab's frame around the homeowner page (chrome bar, "Preview as", the sandboxed preview).
 * The page inside the frame carries its own stylesheet (screens/portal-page.js). Corners are rounded, as in Boss HQ. */
.pp-chrome {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 12.5px;
  color: var(--muted);
}
.pp-info {
  flex: 1 1 320px;
  padding: 9px 12px;
  background: var(--info-bg);
  color: var(--info-fg);
  line-height: 1.5;
  border-radius: 4px;
}
.pp-info b {
  color: var(--info-fg);
}
.pp-as {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pp-as-l {
  font-size: 12px;
  color: var(--muted);
}
.pp-embed-wrap {
  position: relative;
}
.pp-embed {
  display: block;
  width: 100%;
  height: 78vh;
  min-height: 520px;
  max-height: 1400px;
  border: 1px solid var(--hair);
  background: #fff;
  border-radius: 6px;
}
@media (max-width: 720px) {
  .pp-embed {
    height: 80vh;
    min-height: 480px;
  }
}