.grid-header,
.grid-row {
    display: grid;
    grid-template-columns: 0.5fr 1fr 2fr;
    gap: 20px;
    align-items: center;
}

.grid-header-user,
.grid-row-user {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 1fr 2fr;
    gap: 20px;
    align-items: center;
}


.grid-header-bilan,
.grid-row-bilan {
    display: grid;
    grid-template-columns: 0.5fr 1.2fr 2fr 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.grid-header-entree,
.grid-row-entree {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.grid-header-tarif,
.grid-row-tarif {
    display: grid;
    grid-template-columns: 01fr 1fr 2fr;
    gap: 20px;
    align-items: center;
}

.grid-header-bilanA,
.grid-row-bilanA {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.grid-header-journal,
.grid-row-journal {
    display: grid;
    grid-template-columns:
        minmax(85px, 1fr) minmax(250px, 2fr) minmax(150px, 1fr) minmax(180px, 1.5fr) minmax(50px, 0.5fr) minmax(110px, 1fr) minmax(110px, 1fr);
    align-items: center;
}

.grid-header {
    padding: 12px 15px;
    color: #555;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
}


.date {
    color: #555;
    font-weight: 600;
    white-space: nowrap;
}

.titre-act {
    color: #1d39c4;
    font-weight: bold;
    text-decoration: none;
}

.badge {
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: .8rem;
    display: inline-block;
}

.btn-bilan,
.badge-user {
    background: #83BCF6;
}

.fond-vert,
.btn-guichet,
.badge-secretaire {
    background: #52c41a;
}

.btn-modif,
.badge-tresorier {
    background: #ffa940;
}

.btn-dupliquer,
.badge-admin {
    background: #722ed1;
}


.fond-bleu,
.badge-president {
    background: #2f54eb;
}
.fond-clair{
background-color: #d6f6fe;
}