/* 8394 · Ubicación alineada explícitamente con el look & feel de Ajustes. */

/* El módulo de ubicación sustituye .more-location-state por su propio DOM.
   Estos selectores se apoyan en la estructura final real. */
body:has(#more.active #moreDetailBody8231 .more-location-summary-v8335) .topbar,
body:has(#more.active #moreDetailBody8231 .more-location-unavailable-v8334) .topbar{display:none!important}

#more:has(#moreDetailBody8231 .more-location-summary-v8335),
#more:has(#moreDetailBody8231 .more-location-unavailable-v8334){
  position:relative!important;
  isolation:isolate!important;
  background:color-mix(in srgb,var(--bg) 96%,transparent)!important;
  color:var(--ink)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.25)!important;
  backdrop-filter:blur(30px) saturate(1.25)!important;
}
#more:has(#moreDetailBody8231 .more-location-summary-v8335)::before,
#more:has(#moreDetailBody8231 .more-location-unavailable-v8334)::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  left:0!important;
  top:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,transparent) 0 72%,transparent 100%)!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
#more:has(#moreDetailBody8231 .more-location-summary-v8335)::after,
#more:has(#moreDetailBody8231 .more-location-unavailable-v8334)::after{display:none!important}

#more:has(#moreDetailBody8231 .more-location-summary-v8335) .more-page-v8231,
#more:has(#moreDetailBody8231 .more-location-unavailable-v8334) .more-page-v8231{
  width:min(100%,560px)!important;
  margin:0 auto!important;
  padding:max(16px,env(safe-area-inset-top)) 14px calc(112px + env(safe-area-inset-bottom))!important;
}

#moreDetailView8231:has(.more-location-summary-v8335),
#moreDetailView8231:has(.more-location-unavailable-v8334),
#moreDetailBody8231:has(.more-location-summary-v8335),
#moreDetailBody8231:has(.more-location-unavailable-v8334){
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--ink)!important;
}

/* Cabecera = Ajustes. */
#moreDetailView8231:has(.more-location-summary-v8335)>.more-detail-head,
#moreDetailView8231:has(.more-location-unavailable-v8334)>.more-detail-head{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  margin:0 -2px 14px!important;
  padding:5px 2px 14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,transparent) 0 72%,transparent)!important;
}
#moreDetailView8231:has(.more-location-summary-v8335) .more-back-v8231,
#moreDetailView8231:has(.more-location-unavailable-v8334) .more-back-v8231{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border:1px solid var(--v8-border,var(--line))!important;
  border-radius:15px!important;
  background:var(--v8-glass,var(--surface))!important;
  color:var(--ink)!important;
  box-shadow:var(--v8-shadow,var(--shadow))!important;
  -webkit-backdrop-filter:blur(22px)!important;
  backdrop-filter:blur(22px)!important;
}
#moreDetailView8231:has(.more-location-summary-v8335) .more-detail-head h2,
#moreDetailView8231:has(.more-location-unavailable-v8334) .more-detail-head h2{
  margin:0!important;
  font-size:29px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
  color:var(--ink)!important;
  text-shadow:none!important;
}
#moreDetailView8231:has(.more-location-summary-v8335) .more-detail-head p,
#moreDetailView8231:has(.more-location-unavailable-v8334) .more-detail-head p{
  margin:6px 0 0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
  text-shadow:none!important;
}

/* Resumen de dirección y movimiento = tarjetas de Ajustes. */
#more .more-location-summary-v8335{
  display:grid!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
#more .more-location-summary-item-v8335{
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:13px!important;
  min-height:80px!important;
  padding:15px 17px!important;
  border:1px solid var(--v8-border,var(--line))!important;
  border-radius:23px!important;
  background:var(--v8-glass,var(--surface))!important;
  color:var(--ink)!important;
  box-shadow:var(--v8-shadow,var(--shadow))!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
  backdrop-filter:blur(24px) saturate(1.12)!important;
}
#more .more-location-summary-icon-v8335{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--surface2) 86%,transparent)!important;
  border:1px solid var(--line)!important;
  color:var(--accent)!important;
}
#more .more-location-summary-icon-v8335.is-parked{color:var(--green)!important}
#more .more-location-summary-icon-v8335.is-moving{color:var(--accent)!important}
#more .more-location-summary-icon-v8335.is-unknown{color:var(--muted)!important}
#more .more-location-summary-item-v8335 small{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
#more .more-location-summary-item-v8335 strong{
  display:block!important;
  margin:0!important;
  color:var(--ink)!important;
  font-size:17px!important;
  line-height:1.28!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

/* Mapa: contenedor de tarjeta como Ajustes, preservando el iframe. */
#more .more-location-map-v8334{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--v8-border,var(--line))!important;
  border-radius:23px!important;
  background:var(--v8-glass,var(--surface))!important;
  box-shadow:var(--v8-shadow,var(--shadow))!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
  backdrop-filter:blur(24px) saturate(1.12)!important;
}
#more .more-location-map-frame-v8334{
  background:var(--surface2)!important;
  border-bottom:1px solid var(--line)!important;
}
#more .more-location-actions-v8334{padding:14px!important}
#more .more-location-google-v8334{
  min-height:46px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--accent)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
#more .more-location-google-v8334 svg{width:20px!important;height:20px!important}

#more .more-location-unavailable-v8334{
  margin:0!important;
  padding:17px!important;
  border:1px solid var(--v8-border,var(--line))!important;
  border-radius:23px!important;
  background:var(--v8-glass,var(--surface))!important;
  color:var(--ink)!important;
  box-shadow:var(--v8-shadow,var(--shadow))!important;
  -webkit-backdrop-filter:blur(24px)!important;
  backdrop-filter:blur(24px)!important;
}
#more .more-location-unavailable-v8334 strong{font-size:19px!important;letter-spacing:-.035em!important;color:var(--ink)!important}
#more .more-location-unavailable-v8334 span{font-size:11px!important;line-height:1.4!important;color:var(--muted)!important}

@media(max-width:560px){
  #more:has(#moreDetailBody8231 .more-location-summary-v8335) .more-page-v8231,
  #more:has(#moreDetailBody8231 .more-location-unavailable-v8334) .more-page-v8231{padding-left:14px!important;padding-right:14px!important}
  #more .more-location-summary-item-v8335{grid-template-columns:48px minmax(0,1fr)!important;padding:14px 15px!important}
}
