.pc-map-wrap[hidden] {
  display: none;
}

.pc-map-selected-parcel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  pointer-events: none;
  overflow: visible;
}

.pc-map-selected-parcel path {
  fill: rgba(181, 119, 24, 0.2);
  stroke: #9a6415;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
  fill-rule: evenodd;
  filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.9));
}

.pc-map-marker {
  z-index: 5;
}

.pc-map-popup-status.cadastral {
  color: #535b63;
  border: 1px solid rgba(77, 85, 94, 0.2);
  background: rgba(77, 85, 94, 0.07);
}

.pc-result-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.pc-map-result-link {
  appearance: none;
  border: 0;
  border-bottom: 1px solid rgba(139, 111, 71, 0.35);
  background: transparent;
  color: var(--accent);
  padding: 4px 0;
  font: 600 9px/1.2 var(--pc-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}

.pc-map-result-link:hover {
  border-bottom-color: var(--accent);
}

.pc-map-result-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

@media (max-width: 720px) {
  .pc-result-actions {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 420px) {
  .pc-result-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .pc-map-result-link {
    align-self: flex-start;
  }
}

.pc-map-popup-status.point {
  color: #535b63;
  border: 1px solid rgba(77, 85, 94, 0.2);
  background: rgba(77, 85, 94, 0.07);
}

.pc-map-popup-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 11px;
  padding-top: 9px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.pc-map-popup-state {
  font: 500 8.5px/1.35 var(--pc-body);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7b746c;
}

.pc-map-popup-state.is-done {
  color: #2e7d32;
}

.pc-map-popup-state.is-error {
  color: #b3261e;
}

.pc-map-popup-link {
  appearance: none;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #fff;
  border-radius: 2px;
  padding: 7px 10px;
  font: 600 8.5px/1 var(--pc-body);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  cursor: pointer;
}

.pc-map-popup-link[disabled] {
  opacity: 0.45;
  cursor: progress;
}

.pc-map-popup-link:not([disabled]):hover {
  filter: brightness(0.95);
}

.pc-map-popup-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}