/* Customer entry shell. The approved page art and component layout remain unchanged. */
[hidden] { display:none !important; }
body.customer-ui { background:#fff5e6; }
.customer-ui .studio { display:block; padding:0; min-height:100dvh; }
.customer-ui .studio-sidebar { display:none !important; }
.customer-ui .phone-stage { display:block; }
.customer-ui .phone { width:100%; max-width:430px; margin:0 auto; border:0; border-radius:0; box-shadow:none; }
.customer-ui .island,.customer-ui .status { display:none !important; }

/* The customer homepage has no simulated status-bar or desktop device footer. */
.customer-ui .phone[data-approved-view="home"] { height:100vh; height:100dvh; }
.customer-ui .phone[data-approved-view="home"] #page {
  height:100% !important;
  padding-bottom:var(--cw-home-cta-space,71px) !important;
}
.customer-ui .phone[data-approved-view="home"] #stickyAction {
  padding-bottom:env(safe-area-inset-bottom,0px);
}

/* The unlock header is 42px; no simulated status-bar space remains below it. */
.customer-ui .phone[data-approved-view="unlock"] { height:100vh; height:100dvh; }
.customer-ui .phone[data-approved-view="unlock"] #page { height:calc(100% - 42px) !important; }