/* ============================================================================
   dm-ai-usage-gauge styles
   Add to your main stylesheet or a dedicated ai-usage.css
   ============================================================================ */

.dm-ai-gauge-ring {
    transform: rotate(-90deg);
}

.dm-ai-gauge-fill {
    transition: stroke-dashoffset 0.6s ease-in-out, stroke 0.3s ease;
}

.dm-ai-usage-gauge--compact {
    display: inline-flex;
    align-items: center;
}

.dm-ai-usage-gauge--default {
    display: inline-block;
}