/* validate-entry.css */

/* Pour éviter que la navbar ne masque le contenu */
.validate-entry-container {
    margin-top: 0px; /* Ajustez cette valeur selon la hauteur de votre navbar */
    padding: 10px;
}

/* Conteneur de la liste */
.visitor-list {
    width: 100%;
    padding: 10px;
}

/* Style pour chaque ligne de visiteur */
.visitor-row {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease, border 0.2s ease;
}

    .visitor-row:hover {
        background-color: #f9f9f9;
    }

    .visitor-row.selected {
        background-color: rgba(107, 60, 255, 0.08);
        border: 2px solid var(--rassembl-primary);
    }

/* Chaque visitor row comporte 2 lignes */
.row-line {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
}

    .row-line:last-child {
        margin-bottom: 0;
    }

/* Première ligne : colonnes disposées horizontalement */
.col-photo {
    width: 60px;
    flex-shrink: 0;
    margin-right: 10px;
}

.col-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.col-date {
    width:80px;
    display: flex;
    flex-direction: column;
}
.col-select {
    width: 40px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Deuxième ligne : occupe toute la largeur */
.col-full {
    width: 100%;
}

/* Styles pour les informations */
.info-name {
    font-weight: bold;
    font-size: 1rem;
}

.info-company,
.info-phone {
    font-size: 0.9rem;
    color: #555;
}

.info-date {
    font-size: 0.9rem;
    color: #333;
}

    .info-date.today {
        font-weight: bold;
    }

    .info-date.overdue {
        color: red;
    }

.info-reason,
.info-person {
    font-size: 0.9rem;
    color: #555;
}

/* Boutons d'action flottants en haut à droite */
.action-buttons {
    position: fixed;
    top: 95px;
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1000;
}
.visitor-row
{
    display: flex !important;
}
/* Forcer l'affichage horizontal des lignes */
.row-line {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    width: 100%;
    gap: 10px; /* Optionnel : espace entre les colonnes */
}

/* Colonne photo : largeur fixe */
.col-photo {
    width: 60px;
    flex-shrink: 0;
    margin-right: 10px;
}

/* Colonne d'information : occupe l'espace restant */
.col-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Colonne de sélection : largeur fixe */
.col-select {
    width: 40px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}