/* -------------------------------------------------------------------
   Stage 105.2K CLEAN — Customer 360 GPS Map Interaction / Satellite Default
   Frontend-only Customer 360 Information-tab map interaction refinement.
   No backend, database, route, API path, save, popup, RADIUS, Billing,
   SageOne, products, Asset Register, Job Card, Calendar, Android,
   worker, auth/session, or protected-module changes.
------------------------------------------------------------------- */

:root{
  --stage1052j-map-height: 390px;
  --stage1052j-map-border: rgba(148,163,184,.32);
  --stage1052j-map-bg: rgba(248,250,252,.96);
}

.stage1052c-tabbed-profile [data-stage1052c-panel="information"] .stage822-card.stage1052j-gps-card{
  grid-column: 1 / -1 !important;
}

.stage1052j-gps-shell{
  display:grid;
  gap:12px;
  margin-top:12px;
}

.stage1052j-gps-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(203,213,225,.68);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
}

.stage1052j-gps-actions button,
.stage1052j-gps-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:10px;
  border:1px solid rgba(37,99,235,.20);
  background:#fff;
  color:#0f172a;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
}

.stage1052j-gps-actions button:hover,
.stage1052j-gps-actions a:hover{
  border-color:rgba(37,99,235,.42);
  background:#eff6ff;
}

.stage1052j-gps-actions .stage1052j-primary{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}

.stage1052j-gps-actions .stage1052j-primary:hover{
  background:#1d4ed8;
  border-color:#1d4ed8;
}

.stage1052j-map-canvas,
.stage1052c-tabbed-profile [data-stage1052c-panel="information"] .stage1052j-map-canvas.stage822-map-placeholder,
.stage1052c-tabbed-profile [data-stage1052c-panel="information"] .stage1052j-map-canvas.stage1017y-map-box{
  width:100% !important;
  min-height:var(--stage1052j-map-height) !important;
  height:clamp(340px, 38vh, 520px) !important;
  border:1px solid var(--stage1052j-map-border) !important;
  border-radius:18px !important;
  background:var(--stage1052j-map-bg) !important;
  overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 12px 28px rgba(15,23,42,.08);
}

.stage1052j-map-placeholder{
  min-height:inherit;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:22px;
  text-align:center;
  color:#475569;
  line-height:1.45;
  box-sizing:border-box;
}

.stage1052j-map-placeholder strong{
  color:#0f172a;
  font-size:15px;
}

.stage1052j-map-placeholder code{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(226,232,240,.86);
  color:#0f172a;
  font-weight:850;
}

.stage1052j-map-status{
  min-height:18px;
  margin-top:2px;
  font-size:12px;
  font-weight:750;
  color:#475569;
}

.stage1052j-map-status.ok{ color:#166534; }
.stage1052j-map-status.warn{ color:#92400e; }
.stage1052j-map-status.bad{ color:#991b1b; }

html[data-theme="dark"] .stage1052j-gps-actions,
body.dark .stage1052j-gps-actions,
body.theme-dark .stage1052j-gps-actions{
  border-color:rgba(71,85,105,.74);
  background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(30,41,59,.9));
}

html[data-theme="dark"] .stage1052j-gps-actions button,
html[data-theme="dark"] .stage1052j-gps-actions a,
body.dark .stage1052j-gps-actions button,
body.dark .stage1052j-gps-actions a,
body.theme-dark .stage1052j-gps-actions button,
body.theme-dark .stage1052j-gps-actions a{
  background:rgba(15,23,42,.95);
  border-color:rgba(96,165,250,.26);
  color:#e5e7eb;
}

html[data-theme="dark"] .stage1052j-map-canvas,
body.dark .stage1052j-map-canvas,
body.theme-dark .stage1052j-map-canvas{
  --stage1052j-map-border: rgba(71,85,105,.78);
  --stage1052j-map-bg: rgba(15,23,42,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 36px rgba(0,0,0,.24);
}

html[data-theme="dark"] .stage1052j-map-placeholder,
body.dark .stage1052j-map-placeholder,
body.theme-dark .stage1052j-map-placeholder{
  color:#cbd5e1;
}

html[data-theme="dark"] .stage1052j-map-placeholder strong,
body.dark .stage1052j-map-placeholder strong,
body.theme-dark .stage1052j-map-placeholder strong{
  color:#f8fafc;
}

html[data-theme="dark"] .stage1052j-map-placeholder code,
body.dark .stage1052j-map-placeholder code,
body.theme-dark .stage1052j-map-placeholder code{
  background:rgba(30,41,59,.98);
  color:#f8fafc;
}

@media(max-width: 860px){
  :root{ --stage1052j-map-height: 320px; }
  .stage1052j-gps-actions{ align-items:stretch; }
  .stage1052j-gps-actions button,
  .stage1052j-gps-actions a{ flex:1 1 150px; }
}

@media(max-width: 560px){
  :root{ --stage1052j-map-height: 280px; }
  .stage1052j-gps-actions{ padding:9px; }
  .stage1052j-gps-actions button,
  .stage1052j-gps-actions a{ width:100%; flex-basis:100%; }
}


/* Stage 105.2K: keep the embedded map interaction intentional and contained. */
.stage1052j-map-canvas.stage1052k-satellite-map-active{
  cursor:grab;
}
.stage1052j-map-canvas.stage1052k-satellite-map-active:active{
  cursor:grabbing;
}
.stage1052j-map-canvas.stage1052k-satellite-map-active .gm-style{
  touch-action:auto;
}
