/* Resource colour legend dot — used with inline style="background-color:..." */
.cdm-legend-dot {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    flex-shrink: 0;
}

/* Recurring event indicator dot (month grid) */
.cdm-rec-dot {
    display: inline-block;
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.7);
    margin-left: 0.25rem;
    vertical-align: middle;
    flex-shrink: 0;
}