.gestionnaire {
    img.miniature {
        float: left;
        max-height: 5rem;
        max-width: 5rem;
        margin-right: 1rem;
        border-radius: 50%;
    }

    table.liste-objets {
        border-collapse: collapse;
        margin: 1rem 0 3rem 0;

        td, th {
            text-align: left;
        }

        > thead {
            > tr > th {
                font-weight: bolder;
                font-size: 75%;
                text-transform: uppercase;
                background-color: hsl(var(--h0) 75% 50%);
                color: hsl(var(--h0) 75% 90%);
                padding: 1rem;

                &:first-child { border-top-left-radius: 1rem; }
                &:last-child { border-top-right-radius: 1rem; }
            }
        }

        > tbody > tr {
            border-top: 0.3rem solid hsl(var(--hsl-bg));

            &.lien:hover {
                cursor: pointer;
                background-color: hsl(var(--h0) 100% 85%) !important;
            }

            > td, > th {
                padding: 1rem;

                button {
                    padding: 0;
                    border: none;
                    background: none;
                }
            }

            > th:nth-child(2) {
                @media (width >= 900px) { max-width: 20rem; }
            }

            &:nth-child(odd) {
                background-color: hsl(var(--h0) 80% 94%);
            }
            &:nth-child(even) {
                background-color: hsl(var(--h0) 80% 90%);
            }

            img.miniature {
                width: 4rem;
                aspect-ratio: 1;
                object-fit: cover;
                border-radius: 50%;
            }
        }
    }

    .options {
        float: right;

        > a {
            color: hsl(var(--h0) 80% 40%);
            border: 2px solid hsl(var(--h0) 80% 40%);
            border-radius: 3rem;
            corner-shape: scoop;
            padding: 0.5rem 1.2rem;
            margin-left: 2rem;
            text-decoration: none;
            font-size: 200%;
            &:hover { background-color: hsla(var(--h0) 80% 40% / 0.3); }
        }
    }
}