/* -------------------------------------------------------------------
   Stage 105.2E CLEAN — Customer 360 Shell / Search / Map Cleanup
   Frontend-only visual cleanup for confirmed tabbed Customer 360 shell.
   No route, API, popup, save, backend, database, billing, RADIUS,
   prepaid, products, Asset Register, Job Card, Calendar, Android,
   worker, auth/session, or protected-module logic changes.
------------------------------------------------------------------- */

:root{
  --stage1052e-search-z: 24000;
  --stage1052e-map-height: 320px;
}

/* Keep this cleanup scoped to the confirmed tabbed Customer 360 page. */
.stage822-page.stage1052c-customer-tabbed-ready{
  overflow: visible !important;
}

/* Remove the large blue decorative blocks that made the shell feel childish.
   Keep the real Wi-5 logo/sidebar branding untouched. */
.stage822-page.stage1052c-customer-tabbed-ready > .stage822-title-row h1::before,
.stage822-page.stage1052c-customer-tabbed-ready .stage822-customer-name::before{
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  flex-basis: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.stage822-page.stage1052c-customer-tabbed-ready > .stage822-title-row h1,
.stage822-page.stage1052c-customer-tabbed-ready .stage822-customer-name{
  gap: 0 !important;
}

/* The search picker must appear above the customer hero/header, not behind it. */
.stage822-page.stage1052c-customer-tabbed-ready > .stage822-title-row{
  position: relative !important;
  overflow: visible !important;
  z-index: calc(var(--stage1052e-search-z) - 20) !important;
}

.stage822-page.stage1052c-customer-tabbed-ready .stage822-quick-switch,
.stage822-page.stage1052c-customer-tabbed-ready .stage822-switch-wrap{
  position: relative !important;
  overflow: visible !important;
  z-index: calc(var(--stage1052e-search-z) - 10) !important;
}

.stage822-page.stage1052c-customer-tabbed-ready .stage822-switch-wrap .stage833-results{
  position: absolute !important;
  z-index: var(--stage1052e-search-z) !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  width: min(620px, calc(100vw - 64px)) !important;
  max-height: min(360px, 46vh) !important;
  overflow: auto !important;
  background: rgba(255,255,255,.99) !important;
  border: 1px solid rgba(37,99,235,.24) !important;
  border-radius: 16px !important;
  box-shadow: 0 26px 70px rgba(15,23,42,.22) !important;
  backdrop-filter: blur(10px) !important;
}

html[data-theme="dark"] .stage822-page.stage1052c-customer-tabbed-ready .stage822-switch-wrap .stage833-results,
body.dark .stage822-page.stage1052c-customer-tabbed-ready .stage822-switch-wrap .stage833-results,
body.theme-dark .stage822-page.stage1052c-customer-tabbed-ready .stage822-switch-wrap .stage833-results{
  background: rgba(15,23,42,.98) !important;
  border-color: rgba(96,165,250,.28) !important;
  box-shadow: 0 28px 74px rgba(0,0,0,.42) !important;
}

.stage822-page.stage1052c-customer-tabbed-ready .stage822-header-card,
.stage822-page.stage1052c-customer-tabbed-ready .stage1052c-tabbed-profile{
  position: relative !important;
  z-index: 1 !important;
}

/* Make only the Customer GPS map area taller — roughly double the previous height. */
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card:has(.stage822-map-placeholder),
.stage1052c-tabbed-profile [data-stage1052c-panel="information"] .stage822-card:has(.stage822-map-placeholder){
  grid-column: 1 / -1 !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-map-placeholder,
.stage1052c-tabbed-profile [data-stage1052c-panel="information"] .stage822-map-placeholder{
  min-height: var(--stage1052e-map-height) !important;
  height: clamp(300px, 32vh, 440px) !important;
  max-height: none !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-map-placeholder > *,
.stage1052c-tabbed-profile [data-stage1052c-panel="information"] .stage822-map-placeholder > *{
  min-height: inherit !important;
}

/* Keep the taller map practical on narrow screens. */
@media(max-width: 860px){
  :root{ --stage1052e-map-height: 280px; }

  .stage822-page.stage1052c-customer-tabbed-ready .stage822-switch-wrap .stage833-results{
    width: min(520px, calc(100vw - 36px)) !important;
    max-height: 50vh !important;
  }
}

@media(max-width: 560px){
  :root{ --stage1052e-map-height: 240px; }

  .stage822-page.stage1052c-customer-tabbed-ready .stage822-switch-wrap .stage833-results{
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: calc(100vw - 32px) !important;
  }
}