/* Broadcast — Draw Boundary button active-drawing state */
#broadcastDrawBtn.drawing-active {
    background: #1d4ed8;
    border-color: #3b82f6;
    color: #fff;
}

/* Broadcast boundary vertex markers */
.broadcast-vert {
    width: 12px !important;
    height: 12px !important;
    background: #3b82f6;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: crosshair !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
/* First vertex — white fill, blue border, slightly larger */
.broadcast-vert--first {
    background: #fff;
    border-color: #3b82f6;
    width: 14px !important;
    height: 14px !important;
}
/* Closable state — pulsing ring once ≥3 points are placed */
@keyframes broadcast-snap-pulse {
    0%   { box-shadow: 0 0 0 0   rgba(59, 130, 246, 0.8), 0 1px 5px rgba(0,0,0,0.45); }
    60%  { box-shadow: 0 0 0 9px rgba(59, 130, 246, 0),   0 1px 5px rgba(0,0,0,0.45); }
    100% { box-shadow: 0 0 0 0   rgba(59, 130, 246, 0),   0 1px 5px rgba(0,0,0,0.45); }
}
.broadcast-vert--closable {
    animation: broadcast-snap-pulse 1.4s ease-out infinite;
    border-width: 2.5px;
}

/* Broadcast spraying UI */
.broadcast-draw-section {
    margin-bottom: 14px;
}

.broadcast-settings {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 14px;
}

/* (removed dead .broadcast-select — broadcast UI uses .custom-select) */