/* FlaroCity WatchTower Pass 19: balanced map/details layout and keyboard-only skip link. */
.watchtower-dashboard .skip-link{
  position:fixed!important;
  left:12px!important;
  top:10px!important;
  z-index:1000!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  transform:none!important;
}
.watchtower-dashboard .skip-link:focus-visible{
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:10px 14px!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  border:1px solid var(--cyan)!important;
  border-radius:7px!important;
  background:#06020a!important;
  color:#fff!important;
  opacity:1!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.watchtower-dashboard .wt-live-map-layout{
  display:grid;
  grid-template-columns:minmax(300px,440px) minmax(0,1fr);
  gap:16px;
  align-items:stretch;
  min-width:0;
}
.watchtower-dashboard .wt-live-map-map-pane{min-width:0}
.watchtower-dashboard .wt-live-map-layout:not(.has-multiple-locations) .wt-fixed-map-grid{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%;
}
.watchtower-dashboard .wt-live-map-layout:not(.has-multiple-locations) .wt-fixed-map-card{
  width:100%;
  max-width:440px;
  min-height:100%;
}
.watchtower-dashboard .wt-live-map-layout.has-multiple-locations{
  grid-template-columns:minmax(0,1fr);
}
.watchtower-dashboard .wt-live-map-layout.has-multiple-locations .wt-fixed-map-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
}

.watchtower-dashboard .wt-map-marker-detail{
  min-width:0;
  min-height:100%;
  margin:0!important;
  padding:18px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(34,233,255,.34)!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(34,233,255,.08),transparent 32%),
    linear-gradient(180deg,rgba(7,4,12,.94),rgba(2,2,5,.98))!important;
  text-align:left!important;
  box-shadow:inset 0 0 28px rgba(34,233,255,.04)!important;
}
.watchtower-dashboard .wt-map-marker-detail.has-selection{
  justify-content:flex-start;
  border-color:rgba(34,233,255,.65)!important;
  box-shadow:inset 0 0 28px rgba(34,233,255,.07),0 0 22px rgba(34,233,255,.08)!important;
}
.watchtower-dashboard .wt-map-detail-empty{
  max-width:620px;
  margin:auto;
  text-align:center;
}
.watchtower-dashboard .wt-map-detail-empty h3,
.watchtower-dashboard .wt-map-detail-title{
  margin:0 0 10px;
  color:#fff;
  font-size:20px;
  line-height:1.2;
}
.watchtower-dashboard .wt-map-detail-empty p{
  margin:0;
  color:var(--muted,#b9afc2);
  font-size:13px;
  line-height:1.55;
}
.watchtower-dashboard .wt-map-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0;
}
.watchtower-dashboard .wt-map-detail-row{
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:7px;
  background:rgba(0,0,0,.24);
}
.watchtower-dashboard .wt-map-detail-row[data-detail-key="uuid"],
.watchtower-dashboard .wt-map-detail-row[data-detail-key="parcel-uuid"],
.watchtower-dashboard .wt-map-detail-row[data-detail-key="location"]{
  grid-column:1/-1;
}
.watchtower-dashboard .wt-map-detail-row dt{
  margin:0 0 4px;
  color:var(--green);
  font-size:10px;
  font-weight:950;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.watchtower-dashboard .wt-map-detail-row dd{
  margin:0;
  color:#fff;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.watchtower-dashboard .wt-live-map-legend{
  margin-top:14px!important;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}

@media(max-width:1000px){
  .watchtower-dashboard .wt-live-map-layout{
    grid-template-columns:minmax(0,1fr);
  }
  .watchtower-dashboard .wt-live-map-layout:not(.has-multiple-locations) .wt-fixed-map-card{
    max-width:520px;
  }
  .watchtower-dashboard .wt-map-marker-detail{
    min-height:180px;
  }
}
@media(max-width:620px){
  .watchtower-dashboard .wt-map-detail-grid{grid-template-columns:minmax(0,1fr)}
  .watchtower-dashboard .wt-map-detail-row[data-detail-key]{grid-column:auto}
  .watchtower-dashboard .wt-live-map-layout:not(.has-multiple-locations) .wt-fixed-map-card{
    max-width:none;
  }
}