/* * Kalum Smart Feedback Component CSS
 * Extends the existing glassmorphism theme with specialized feedback cards and animations.
 */

.glass-inner-card-correct {
    background: rgba(16, 185, 129, 0.05);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 0.75rem;
}

/* Gauge Animation Styles */
.sf-gauge-track {
    fill: none;
    stroke: rgba(255, 255, 255, 0.05);
    stroke-width: 6;
}

.sf-gauge-progress {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 6;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s ease-out;
}