/* Vastu proportional plan visuals — keep surgical; loaded on Free Planning pages */
.vastu-plan {
  display: block;
  width: 100%;
  height: auto;
  min-height: 200px;
}
.vastu-svg-wrap {
  background: #0b1220;
  overflow: auto;
  border-block: 1px solid rgba(148, 163, 184, 0.12);
}
.vastu-svg-wrap svg.vastu-plan,
.vastu-svg-wrap .bp-svg {
  width: 100%;
  height: auto;
  display: block;
  min-height: 200px;
}
.vastu-plan .vp-room {
  cursor: default;
  transition: filter 0.15s ease;
}
.vastu-plan .vp-room:hover {
  filter: brightness(1.14);
}
.vastu-plan .vp-room:hover .vp-room-body {
  stroke: #ffe0a0;
  stroke-width: 1.45;
}
.vastu-plan .vp-facing {
  pointer-events: none;
}
.vastu-plan .vp-compass {
  pointer-events: none;
}
.vastu-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 10px 14px 4px;
  margin: 0;
  list-style: none;
  font-size: 12px;
  color: var(--muted, #94a3b8);
}
.vastu-legend li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.vastu-legend .swatch {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  display: inline-block;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
.vastu-legend i {
  font-size: 13px;
  opacity: 0.9;
}
.vastu-plan-card .vastu-svg-wrap + .vastu-legend {
  border-bottom: 1px solid var(--line, rgba(148, 163, 184, 0.15));
  padding-bottom: 10px;
  margin-bottom: 4px;
}