/************************
SIDEBAR HISTORIQUE AGENDA
Mêmes classes de base que sidebar_next_events (.sidebar-item__thumb,
.sidebar-item__date-badge, .sidebar-item__meta*) + variantes "--past" en
ton neutre (gris), pour distinguer visuellement un événement passé d'un
prochain rendez-vous (qui utilise la couleur primaire).
*************************/

.sidebar-item__thumb {
    width: 56px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
}

.sidebar-item__thumb--past {
    filter: grayscale(35%);
    opacity: .85;
}

.sidebar-item__date-badge {
    width: 56px;
    min-height: 40px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
}

.sidebar-item__date-badge--past {
    /* Fond clair neutre (--color-text-hint est une couleur de TEXTE : en fond,
       elle donnait un gris foncé sur lequel la date se lisait mal) */
    background: var(--color-border-light, #eef0f3);
    color: var(--color-text-secondary, #495057);
}

.sidebar-item__date-badge-day {
    font-size: 1rem;
}

.sidebar-item__date-badge-month {
    font-size: .6rem;
}

.sidebar-item__meta {
    min-width: 0;
}

.sidebar-item__meta-date {
    font-size: .72rem;
}

.sidebar-item__title {
    font-size: .85rem;
    line-height: 1.3;
}