/* Additional Fixes */

/* Fix for color themes to ensure proper coloring of various elements */
[data-color] .stat-icon {
    background-color: var(--stat-icon-bg);
    color: var(--primary-color);
}

[data-color] .progress-bar {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
}

[data-color] .milestone.active .milestone-dot {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

[data-color] .milestone.active .milestone-label {
    color: var(--primary-color);
}

/* Fix for completion percentage display */
#completion-percentage {
    white-space: nowrap;
    overflow: visible;
}

/* Make sure stat cards have equal height */
.stats-container {
    align-items: stretch;
}

.stat-card {
    height: 100%;
}

/* Better visibility for the content when toggling themes */
textarea, input, select {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}