.layer-menu-panel { align-content: start; }

.map-view-control {
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid #c7d5d7;
  border-radius: 12px;
  background: #eef3ef;
}

.map-view-control button {
  flex: 1;
  min-height: 36px;
  padding: 7px 12px;
  border: 0;
  border-radius: 9px;
  color: #24434b;
  background: transparent;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 800;
  cursor: pointer;
}

.map-view-control button[aria-pressed="true"] {
  color: white;
  background: #1c424b;
  box-shadow: 0 2px 5px rgb(25 50 55 / 0.16);
}

.map-view-control button:focus-visible {
  outline: 3px solid #008b96;
  outline-offset: 2px;
}

.map-view-status {
  margin: 0;
  color: #365660;
  font-size: 0.78rem;
  line-height: 1.4;
}

.map-view-status:empty { display: none; }

.satellite-attribution {
  margin: 0;
  padding: 9px 14px;
  color: #36534d;
  background: #e9eee3;
  font-size: 0.72rem;
  line-height: 1.5;
}

.satellite-attribution a { color: #215866; text-decoration: underline; }
.photo-map:not(.is-satellite) .satellite-place-label { display: none; }

.photo-map.is-satellite .map-footprint-hit span {
  opacity: 1;
  background: #183b43;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.95), 0 2px 5px rgb(0 0 0 / 0.25);
}

.photo-map.is-satellite .garage-hit span { background: #684b26; }
.photo-map.is-satellite .place-hit span { background: #365853; }
.photo-map.is-satellite .mailbox-hit { border-color: white; background: #285960; }
.photo-map.is-satellite .mailbox-hit::before { content: "MB"; color: white; font-size: 9px; font-weight: 800; }

.photo-map.is-satellite .map-footprint-shape {
  stroke: rgb(255 255 255 / 0.6);
  stroke-width: 1px;
}

.photo-map.is-satellite .map-footprint-hit:is(:hover, :focus-visible, .is-selected) .map-footprint-shape,
body.show-building-layer .is-satellite .photo-building-hit .map-footprint-shape,
body.show-garage-layer .is-satellite .garage-hit .map-footprint-shape {
  stroke: white;
  stroke-width: 2px;
  fill: var(--overlay-fill);
}

.photo-map.is-satellite .map-footprint-hit:is(:focus-visible, .is-selected) .map-footprint-shape {
  stroke: #a2ffff;
  stroke-width: 3px;
  filter: drop-shadow(0 0 2px #142f35);
}