.dialog-notification {
    h6 {
        margin-top: 0.5rem;
    }
    .notification-message {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .notification-content {
        margin-bottom: 1rem;
        padding: 1rem 0.5rem;
        margin-top: var(--pico-spacing);
    }

    .notification-block {
        padding: 1rem 0.5rem;
        margin-bottom: 1rem;
        background: #fafafa;
        border-radius: var(--pico-border-radius);
        border: 1px solid #eee;
        h6 {
            margin-top: 0;
        }
    }

    .notification-documents {
        ul {
            list-style: none;
            display: flex;
            flex-direction: row;
            gap: 2rem;
            li {
                list-style: none;
                display: flex;
                a {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    flex-wrap: wrap;
                    svg {
                        width: 3rem;
                        height: 3rem;
                    }
                }
            }
        }
    }

    .notification-videos {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .notification-histories {
        /* Chaque bloc d'événement */
        section {
            position: relative;
            padding-left: 40px;
            margin-bottom: 0;
            margin-left: 0.2rem;
            padding-bottom: 30px;
            border-left: 2px solid #e0e0e0;

            &:first-of-type {
                margin-top: 1rem;
            }

            /* Supprime la ligne pour le dernier élément */
            &:last-child {
                border-left-color: transparent;
            }

            /* Le point sur la timeline */
            &::before {
                content: '';
                position: absolute;
                left: -7px; /* Centré sur la ligne de 2px */
                top: 0;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: #fff;
                border: 3px solid #3498db;
                z-index: 1;
            }

            /* La date */
            .history-date {
                font-size: 0.85rem;
                font-weight: 600;
                color: #7f8c8d;
                margin-bottom: 8px;
                line-height: 1;
                margin-top: -4px;
            }

            /* Le bloc de contenu */
            .history-content {
                padding: 15px;
            }
        }
    }

    footer {
        display: block;
        margin-top: 0;
        padding: calc(var(--pico-block-spacing-vertical) * .66) var(--pico-block-spacing-horizontal);
    }
}