/**
 * SPRINT 달성률 바 공통 스타일
 * Output/Outcome 목록에서 사용하는 달성률 표시 바
 */

/* 달성률 바 컨테이너 */
.achievement-bar-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 달성률 바 (기본 배경) */
.achievement-bar {
    flex: 1;
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    min-width: 80px;
}

/* 달성률 바 채움 - Output (파란색/녹색 그라디언트) */
.achievement-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #4CAF50, #8BC34A);
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* 달성률 바 채움 - Outcome (보라색 그라디언트) */
.achievement-bar-fill.outcome {
    background: linear-gradient(90deg, #9c27b0, #e040fb);
}

/* 달성률 텍스트 */
.achievement-text {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    min-width: 50px;
    text-align: right;
}

/* Outcome 달성률 텍스트 (보라색) */
.achievement-text.outcome {
    color: #9c27b0;
}

/* 달성률 진행 바 (상세 페이지용) */
.achievement-progress {
    margin-top: 20px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
}

.achievement-progress-bar {
    height: 12px;
    background: #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 12px;
}

.achievement-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #4CAF50, #8BC34A);
    border-radius: 6px;
    transition: width 0.3s ease;
}

.achievement-progress-fill.outcome {
    background: linear-gradient(90deg, #9c27b0, #e040fb);
}