/* Month View Priority Dots */
.priority-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    flex-shrink: 0;
    display: inline-block;
    background-color: var(--text-muted); /* Default */
}

/* Priority Colors matching getTaskPriorityClass */
.event-chip.quadrant-1 .priority-dot {
    background-color: #ef4444; /* Red - Urgent & Important */
    box-shadow: 0 0 4px rgba(239, 68, 68, 0.4);
}

.event-chip.quadrant-2 .priority-dot {
    background-color: #f59e0b; /* Orange - Not Urgent & Important */
    box-shadow: 0 0 4px rgba(245, 158, 11, 0.4);
}

.event-chip.quadrant-3 .priority-dot {
    background-color: #3b82f6; /* Blue - Urgent & Unimportant */
    box-shadow: 0 0 4px rgba(59, 130, 246, 0.4);
}

.event-chip.quadrant-4 .priority-dot {
    background-color: #10b981; /* Green - Not Urgent & Unimportant */
    box-shadow: 0 0 4px rgba(16, 185, 129, 0.4);
}

/* Enhance Year View Dots (miniDays) */
.year-view .month-mini-calendar div[style*="border-radius:50%"] {
    /* Override inline styles for size/weight if needed, but mainly target color intensity */
    /* Note: Background is set inline by JS, so we use !important or just rely on color variables */
}

/* Make year view indicators more punchy if they have background */
.year-view .month-mini-calendar div[style*="background:var(--primary)"] {
    background-color: var(--primary) !important;
    box-shadow: 0 0 6px rgba(var(--primary-rgb), 0.5); /* Glow effect */
    font-weight: 800 !important;
    transform: scale(1.1); /* Slightly larger */
}

/* Holiday text in Year View */
.year-view .month-mini-calendar div[style*="color:#ef4444"] {
    text-shadow: 0 0 1px rgba(239, 68, 68, 0.3);
}