/* Shared dimensions keep the map and the scrollable summary aligned at every breakpoint. */
.measurement-overview { --measurement-body-height: 250px; }
.measurement-overview-card { min-width: 0; overflow: hidden; }
.measurement-overview .measurement-overview-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 64px; padding-top: 0; padding-bottom: 0; }
.measurement-overview-body, .measurement-summary-scroll { height: var(--measurement-body-height); }
.measurement-summary-scroll { overflow: auto; }
.measurement-node-count { flex-shrink: 0; padding: 3px 8px; border-radius: 6px; color: #1d4ed8; background: #dbeafe; font-size: 12px; line-height: 18px; white-space: nowrap; }
.measurement-summary-progress { flex-shrink: 0; color: #6b7280; font-size: 12px; line-height: 18px; white-space: nowrap; }
@media (min-width: 640px) {
    .measurement-overview { --measurement-body-height: 384px; }
}
@media (min-width: 1024px) {
    .measurement-overview { --measurement-body-height: 500px; }
}