/* ========================================
   CLOCK STYLES
   ======================================== */

.clock-face-gradient {
    background: conic-gradient(#2b9dee 0% 15%,
            #22c55e 15% 25%,
            #a855f7 25% 60%,
            #ef4444 60% 65%,
            #eab308 65% 90%,
            #3b82f6 90% 100%);
}

#pie-canvas {
    border-radius: 9999px;
}

/* ========================================
   LEGEND ITEM STYLES
   ======================================== */

.legend-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-item .legend-color {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 9999px;
}