/* 🏛️ ATLAS-CIV-CLICKER | UI COMPONENTS (v7.9.12) */
/* @ui-render @ui-upgrade */

/* Task-Checkboxes für Roadmap (v1.5.4) */
.roadmap-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255, 255, 255, 0.03);
    padding: 0.8rem 1rem;
    border-radius: 8px;
    margin-bottom: 0.8rem;
    border: 1px solid transparent;
}

.roadmap-item.done {
    border-color: rgba(34, 197, 94, 0.2);
    background: rgba(34, 197, 94, 0.05);
}

.roadmap-item.done .status-icon::before {
    content: 'check_circle';
    color: #22c55e;
}

.roadmap-item.open .status-icon::before {
    content: 'radio_button_unchecked';
    color: var(--text-secondary);
}

.roadmap-item .status-icon {
    font-family: 'Material Symbols Outlined';
    font-size: 1.2rem;
}

/* Standardisierte Fortschrittsbalken (Nova v3.8) */
.progress-bar-bg {
    height: 8px;
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.progress-bar-fill {
    height: 100%;
    background: var(--color-gold);
    box-shadow: 0 0 10px var(--color-gold);
    transition: width 0.1s linear;
}