/**
 * CraftBelt host chrome — always full-bleed (real viewport).
 * 410×840 bezel wrapper is retired. Keep .smartphone-container rules only
 * as unwrap safety for any cached markup.
 */

html[data-cb-phone='1'] body,
body.cb-phone-host {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  width: 100%;
  padding: 0;
  overflow-x: hidden;
  display: block;
  background: #0c0a08;
  color: var(--pc-text, #f8fafc);
}

body.cb-phone-host.cb-full-bleed {
  display: block;
  width: 100%;
  max-width: none;
  align-items: stretch;
  justify-content: stretch;
}

/* Legacy bezel — if somehow present, expand to fill (unwrap JS removes it). */
.smartphone-container {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100dvh;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  display: block;
  background: transparent;
}

.smartphone-notch {
  display: none !important;
}

.smartphone-container > .screen-content {
  min-height: 100dvh;
  overflow: visible;
  display: block;
  background: transparent;
}