/* Minimal sidebar grouping styles only. */
body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-sidebar-nav {
  display: grid;
  gap: 6px;
}

.mbp-sidebar-section-label {
  margin: 10px 8px 4px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(220, 233, 249, 0.64);
}

/* Last-loaded PMS mobile topbar rules. Keep this here so enterprise styles cannot override tap targets. */
body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-topbar,
body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility,
body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility-left,
body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility-right,
body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-mobile-nav-toggle,
body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-admin-create-toggle,
body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard,
body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-user-menu-toggle {
  pointer-events: auto !important;
}

body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard {
  text-indent: 0 !important;
}

body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard::before {
  content: none !important;
}

body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
}

body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard.is-refreshing svg {
  animation: mbp-refresh-spin 0.8s linear infinite;
}

@keyframes mbp-refresh-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 860px) {
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 2147483000 !important;
    overflow: visible !important;
    background: #151d22 !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility-left {
    display: flex !important;
    align-items: center !important;
    width: 42px !important;
    min-width: 42px !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-brand,
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility-left::after,
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-admin-global-search,
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility-date,
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-status {
    display: none !important;
    content: none !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-mobile-nav-toggle,
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-admin-create-menu,
  body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-admin-create-toggle,
  body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard {
    position: relative !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 2147483001 !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard {
    text-indent: 0 !important;
    color: #ffffff !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui #mbp-refresh-dashboard::before {
    content: none !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-admin-create-menu {
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-user-menu-wrap {
    flex: 0 1 160px !important;
    min-width: 104px !important;
    max-width: 170px !important;
    overflow: visible !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-user-chip {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(45, 212, 191, 0.36) !important;
    border-radius: 12px !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-overlay {
    z-index: 1300 !important;
    pointer-events: none !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-overlay.is-visible {
    pointer-events: auto !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-sidebar {
    top: 74px !important;
    bottom: 0 !important;
    height: auto !important;
    max-height: calc(100dvh - 74px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    z-index: 2147482000 !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui > .mbp-admin-create-popover {
    position: fixed !important;
    top: 74px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 2147483647 !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui > .mbp-admin-create-popover[hidden] {
    display: none !important;
  }
}

/* Issue 9: tablet breakpoint (768px) — fills gap between phone (860px↓) and desktop */
@media (min-width: 768px) and (max-width: 860px) {
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-admin-global-search {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-admin-global-search input {
    width: 100% !important;
    opacity: 1 !important;
  }

  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-shell-utility {
    grid-template-columns: 42px 1fr auto !important;
  }

  /* data tables: allow horizontal scroll on tablet instead of truncating */
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-table-wrap,
  body[data-admin-mode="pms"].mbp-enterprise-ui .serenity-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* card grids: 2 columns on tablet instead of 1 */
  body[data-admin-mode="pms"].mbp-enterprise-ui .mbp-stat-grid,
  body[data-admin-mode="pms"].mbp-enterprise-ui .serenity-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}