/* ========================================
   STEP 4 - STRATEGY RESULT
   Styles specifiques pour l'affichage de la strategie marketing
   ======================================== */

/* Positionnement strategique - Boxes */
.strategic-strengths-box {
    background: rgba(0, 48, 128, 0.03);
    border-radius: var(--border-radius-md);
}

.strategic-differentiation-box {
    background: rgba(57, 191, 239, 0.05);
    border-radius: var(--border-radius-md);
}

/* Tactiques par canal */
.tactics-card {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
    height: 100%;
}

/* KPI Cards */
.kpi-card-primary {
    background: rgba(0, 48, 128, 0.03);
    border-radius: var(--border-radius-md);
}

.kpi-card-secondary {
    background: rgba(57, 191, 239, 0.05);
    border-radius: var(--border-radius-md);
}

.kpi-icon {
    font-size: 2rem;
    color: var(--color-primary);
}

.kpi-value {
    color: var(--color-primary);
}

/* Budget Progress - width driven by data-width attribute */
.budget-progress {
    height: 24px;
}

.budget-progress .progress-bar[data-width] {
    transition: width 0.6s ease;
}

.budget-progress-primary {
    background: var(--color-primary);
}

.budget-progress-secondary {
    background: var(--color-secondary);
}

/* Budget Total Card */
.budget-total-card {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    border-radius: var(--border-radius-md);
    color: white;
}

.budget-total-icon {
    font-size: 3rem;
    opacity: 0.9;
}

.budget-total-divider {
    border-color: rgba(255, 255, 255, 0.2);
}