/* DjimlyStore Digital v2.39.39 — global subpage top-shell / corner repair */

/*
 * v2.39.33 correctly protected iPhone subpages from the status bar, but the
 * protection was painted as a separate strip above the real header. On pages
 * with a blue/soft background (notably Exchange) that produced the visible
 * white top-corner/gutter shown in customer screenshots.
 *
 * Keep the safe area, but make the screen and its first header one continuous
 * surface. This layer is loaded last so the fix applies consistently to every
 * customer subpage without changing Store/Home/Auth.
 */
@supports (-webkit-touch-callout: none) {
  @media (max-width:760px) {
    html body #djs-portal .djs-screen:not(#djs-screen-store):not(#djs-screen-home):not(#djs-screen-auth) {
      box-sizing:border-box!important;
      border-radius:0!important;
      overflow:hidden!important;
      background-clip:border-box!important;
    }

    /* Standard customer subpages: no inset/split header corners. */
    html body #djs-portal .djs-screen > .djs-back-bar,
    html body #djs-portal #djs-screen-orders > .djs-orders-back-bar,
    html body #djs-portal #djs-screen-feedback > .djs-feedback-backbar,
    html body #djs-portal .djs-account-settings-page > .djs-account-page-head {
      width:100%!important;
      max-width:none!important;
      margin-left:0!important;
      margin-right:0!important;
      border-radius:0!important;
      clip-path:none!important;
    }

    /* Exchange is an iframe-owned page. Match the outer safe lane to the
       Finance Hub so the top no longer switches from white to blue at a corner. */
    html body #djs-portal #djs-screen-exchange,
    html body #djs-portal #djs-screen-exchange > div,
    html body #djs-portal #djs-screen-exchange .djs-screen--exchange__iframe-wrap {
      background:#eef7fc!important;
      background-image:none!important;
      border-radius:0!important;
    }
    html body #djs-portal #djs-screen-exchange iframe {
      background:#eef7fc!important;
      border-radius:0!important;
    }
  }
}

/* Keep all dedicated customer subpage wrappers flush with the viewport edge.
   Individual content cards remain rounded; only the page shell/header is reset. */
@media (max-width:760px) {
  html body #djs-portal .djs-screen,
  html body #djs-portal .djs-screen > .djs-scroller,
  html body #djs-portal .djs-content-wrap {
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
  }
}