/* ========================================
   STEP 3 - PERSONA SELECTION
   Styles specifiques pour la selection de personas
   Base: asset-card (defini dans step2.css)
   ======================================== */

/* Persona Cards
   Herite de .asset-card pour les comportements de base (hover, selected, check) */
.persona-card {
    text-align: left;
}

/* Persona Avatar */
.persona-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: white;
    font-size: 1.5rem;
}

/* Persona Score Badge */
.persona-score-badge {
    background: #28a745;
    color: white;
    font-size: 0.7rem;
}

.persona-score-badge-warning {
    background: #ffc107;
    color: #000;
    font-size: 0.7rem;
}

/* Persona Title */
.persona-title {
    color: var(--text-primary);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--spacing-xs);
}

/* Persona Category Badge */
.persona-category-badge {
    font-size: 0.75rem;
}

/* Persona Subtitle (age, role, location) */
.persona-subtitle {
    color: var(--text-secondary);
}

/* Persona Description */
.persona-description {
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Persona Tags */
.persona-tag {
    font-size: 0.7rem;
}

/* ========================================
   PROFILIA SIDEBAR
   UI placeholder (backend non implemente)
   ======================================== */
.profilia-sidebar .form-section {
    position: sticky;
    top: var(--spacing-lg);
}