/**
 * POS in offline-online iframe — show chrome; PushMenu toggle + content-wrapper sync.
 */
:root {
  --pp-embed-sidebar-w: 250px;
  --pp-embed-sidebar-mini-w: 4.6rem;
  --pp-embed-header-h: calc(3rem + 1px);
}

/* Shell height = iframe, not monitor */
html.pp-offline-embed-root,
html.pp-offline-embed-root:has(body.pp-offline-embed) {
  height: 100% !important;
  overflow: hidden !important;
}

html.pp-offline-embed-root body#app.pp-offline-embed {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.pp-offline-embed .wrapper.pp-spa-wrapper {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Undo AdminLTE iframe-mode hide */
body.pp-offline-embed.iframe-mode .main-sidebar,
body.pp-offline-embed .main-sidebar,
body.pp-offline-embed .main-sidebar::before {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1038 !important;
}

body.pp-offline-embed.iframe-mode .main-header,
body.pp-offline-embed .main-header {
  display: flex !important;
  visibility: visible !important;
  z-index: 1039 !important;
}

body.pp-offline-embed.iframe-mode .main-footer,
body.pp-offline-embed .main-footer {
  display: block !important;
  visibility: visible !important;
}

body.pp-offline-embed.iframe-mode .brand-link,
body.pp-offline-embed .brand-link {
  display: flex !important;
  visibility: visible !important;
}

/* Mobile off-canvas: keep sidebar reachable in iframe */
@media (max-width: 767.98px) {
  body.pp-offline-embed.sidebar-open .main-sidebar,
  body.pp-offline-embed.sidebar-open .main-sidebar::before {
    margin-left: 0 !important;
  }

  body.pp-offline-embed #sidebar-overlay {
    display: block !important;
    z-index: 1037 !important;
  }
}

@media (min-width: 768px) {
  body.pp-offline-embed #sidebar-overlay {
    display: none !important;
  }
}

/* ── Expanded: sidebar open, content offset ── */
@media (min-width: 768px) {
  body.pp-offline-embed:not(.sidebar-collapse):not(.layout-top-nav) .main-header,
  body.pp-offline-embed:not(.sidebar-collapse):not(.layout-top-nav) .content-wrapper,
  body.pp-offline-embed:not(.sidebar-collapse):not(.layout-top-nav) .main-footer {
    margin-left: var(--pp-embed-sidebar-w) !important;
  }

  body.pp-offline-embed:not(.sidebar-collapse) .main-sidebar,
  body.pp-offline-embed:not(.sidebar-collapse) .main-sidebar::before {
    margin-left: 0 !important;
  }

  /* Collapsed (full hide): content full width — AdminLTE default */
  body.pp-offline-embed.sidebar-collapse:not(.sidebar-mini):not(.layout-top-nav) .main-header,
  body.pp-offline-embed.sidebar-collapse:not(.sidebar-mini):not(.layout-top-nav) .content-wrapper,
  body.pp-offline-embed.sidebar-collapse:not(.sidebar-mini):not(.layout-top-nav) .main-footer {
    margin-left: 0 !important;
  }

  /* sidebar-mini + collapsed = narrow strip */
  body.pp-offline-embed.sidebar-mini.sidebar-collapse:not(.layout-top-nav) .main-header,
  body.pp-offline-embed.sidebar-mini.sidebar-collapse:not(.layout-top-nav) .content-wrapper,
  body.pp-offline-embed.sidebar-mini.sidebar-collapse:not(.layout-top-nav) .main-footer {
    margin-left: var(--pp-embed-sidebar-mini-w) !important;
  }

  body.pp-offline-embed.sidebar-mini.sidebar-collapse .main-sidebar,
  body.pp-offline-embed.sidebar-mini.sidebar-collapse .main-sidebar::before {
    margin-left: 0 !important;
    width: var(--pp-embed-sidebar-mini-w) !important;
  }

  body.pp-offline-embed.sidebar-mini:not(.sidebar-collapse):not(.layout-top-nav) .main-header,
  body.pp-offline-embed.sidebar-mini:not(.sidebar-collapse):not(.layout-top-nav) .content-wrapper,
  body.pp-offline-embed.sidebar-mini:not(.sidebar-collapse):not(.layout-top-nav) .main-footer {
    margin-left: var(--pp-embed-sidebar-w) !important;
  }
}

/* Content scroll area inside iframe */
body.pp-offline-embed.layout-navbar-fixed .wrapper.pp-spa-wrapper .content-wrapper {
  margin-top: var(--pp-embed-header-h) !important;
  padding-bottom: 0 !important;
  height: calc(100% - var(--pp-embed-header-h)) !important;
  max-height: calc(100% - var(--pp-embed-header-h)) !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.pp-offline-embed .main-sidebar .sidebar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: calc(100% - var(--pp-embed-header-h)) !important;
  max-height: calc(100% - var(--pp-embed-header-h)) !important;
}

body.pp-offline-embed.layout-fixed .main-sidebar {
  top: 0 !important;
  height: 100% !important;
}

body.pp-offline-embed .main-header .navbar {
  width: 100%;
}

body.pp-offline-embed .nav-sidebar .nav-link,
body.pp-offline-embed [data-widget="pushmenu"] {
  pointer-events: auto !important;
}

/* Override iframe-mode zero margins */
body.pp-offline-embed.iframe-mode .content-wrapper {
  padding-bottom: 0 !important;
}