/* ─── Liste sondages ─── */
.sondage-list { display: flex; flex-direction: column; gap: 10px; }

.sondage-card {
    display: flex; align-items: center; justify-content: space-between;
    background: var(--color-surface); border: 1px solid var(--color-border);
    border-radius: var(--radius); padding: 1rem 1.25rem;
    text-decoration: none; color: var(--color-text);
    transition: border-color .15s, box-shadow .15s;
}
.sondage-card:hover { border-color: var(--color-primary); box-shadow: 0 2px 8px rgba(0,0,0,.06); text-decoration: none; }
.sondage-card--ferme { opacity: .7; }
.sondage-card__body  { flex: 1; }
.sondage-card__title { font-weight: 600; font-size: 15px; margin-bottom: .3rem; }
.sondage-card__desc  { font-size: 13px; color: var(--color-muted); margin-bottom: .3rem; }
.sondage-card__meta  { font-size: 13px; color: var(--color-muted); display: flex; gap: 6px; flex-wrap: wrap; }
.sondage-card__right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; margin-left: 1rem; }
.sondage-card__arrow { color: var(--color-muted); }

/* ─── Détail sondage ─── */
.sondage-layout { max-width: 680px; }
.sondage-main   { }

/* ─── Options de vote ─── */
.sondage-options { display: flex; flex-direction: column; gap: 8px; }

.sondage-option {
    display: flex; align-items: center; gap: 12px;
    padding: .75rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.sondage-option:hover { border-color: var(--color-primary); background: #F5F3FF; }
.sondage-option--selected { border-color: var(--color-primary); background: #EEF2FF; }

.sondage-option input { flex-shrink: 0; width: 16px; height: 16px; cursor: pointer; accent-color: var(--color-primary); }
.sondage-option__label { flex: 1; font-size: 14px; font-weight: 500; }
.sondage-option__count { font-size: 12px; color: var(--color-muted); }

/* ─── Barres de résultats ─── */
.result-bar__header { display: flex; justify-content: space-between; margin-bottom: 4px; font-size: 14px; }
.result-bar__label  { font-weight: 500; }
.result-bar__count  { color: var(--color-muted); }

.result-bar__track {
    height: 10px; background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 20px; overflow: hidden;
}
.result-bar__fill {
    height: 100%; background: var(--color-primary);
    border-radius: 20px; transition: width .4s ease;
}
.result-bar__fill--mine { background: #10B981; }

.result-bar__voters {
    font-size: 12px; color: var(--color-muted);
    margin-top: 3px;
}