/* app-shell.css — strip prototype chrome so the phone becomes a real full-viewport app. */

.page-label { display: none !important; }

body {
  padding: 0 !important;
  background: var(--tiyo-surface) !important;
  background-image: none !important;
  min-height: 100dvh !important;
  min-height: 100svh;
  justify-content: stretch !important;
  align-items: stretch !important;
}

.phone {
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Remove the dynamic-island notch */
.phone::before { display: none !important; }

/* Hide the fake iOS status bar — real devices have their own */
.status-bar { display: none !important; }

/* Screens started below the 54px status-bar; reclaim that space */
.screen {
  padding-top: env(safe-area-inset-top, 0) !important;
}

/* Respect bottom safe area on iOS */
.bottom-nav,
.sw-tabs {
  padding-bottom: env(safe-area-inset-bottom, 0);
}