@import '_content/Legilog.Framework.Blazor/Legilog.Framework.Blazor.jfs4fy4w4q.bundle.scp.css';

/* /Components/Composants/ChoixBooleen.razor.rz.scp.css */
/* dans un input-group-prepend, Bootstrap ne dimensionne pas la liste (seuls les enfants directs du groupe le sont) :
   même hauteur que le champ texte, coins arrondis seulement à gauche, collée au champ */
.choix-booleen[b-y5br8uup7i] {
    width: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -1px;
}

/* groupe compact (input-group-sm) : taille de custom-select-sm, comme le champ form-control-sm */
.input-group-sm .choix-booleen[b-y5br8uup7i] {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    line-height: 1.5;
}

/* groupe large (input-group-lg) : taille de custom-select-lg */
.input-group-lg .choix-booleen[b-y5br8uup7i] {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}
/* /Components/Composants/ChoixResponsable.razor.rz.scp.css */
/* coordonnées du responsable choisi, comme un champ de saisie */
.carte-responsable[b-5p5fdv1ac3] {
    border: 1px solid #dee2e6;
    border-left: 3px solid var(--processio-couleur);
    border-radius: .25rem;
    padding: .5rem .75rem;
    font-size: .9rem;
}

.carte-responsable-nom[b-5p5fdv1ac3] {
    font-weight: 600;
    color: var(--processio-couleur);
    margin-bottom: .25rem;
}

.carte-responsable-icone[b-5p5fdv1ac3] {
    margin-right: .4rem;
    color: #6c757d;
}
/* /Components/Composants/Coche.razor.rz.scp.css */
.coche-oui[b-c488aovvh6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: rgba(61, 143, 95, .14);
    color: #2e6e49;
    font-size: .75rem;
}
/* /Components/Composants/EtatVide.razor.rz.scp.css */
.etat-vide[b-y1ar3880o3] {
    border: 2px dashed #c6d9ea;
    border-radius: .6rem;
    background-color: #f8fbfd;
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: #6c757d;
}

.etat-vide-discret[b-y1ar3880o3] {
    padding: 1.8rem 1.5rem;
}

.etat-vide-icone[b-y1ar3880o3] {
    color: #9fbfdc;
    margin-bottom: .8rem;
}

.etat-vide-titre[b-y1ar3880o3] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--processio-couleur);
    margin-bottom: .4rem;
}

/* contenu fourni par la page */
.etat-vide[b-y1ar3880o3]  .etat-vide-texte {
    max-width: 520px;
    margin: 0 auto 1.2rem;
}

.etat-vide[b-y1ar3880o3]  .etat-vide-etapes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    margin-top: 1.5rem;
    font-size: .85rem;
}

.etat-vide[b-y1ar3880o3]  .etape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .35rem;
    border-radius: 50%;
    background-color: var(--processio-couleur);
    color: #fff;
    font-weight: 600;
    font-size: .75rem;
}
/* /Components/Composants/InitialesContact.razor.rz.scp.css */
/* rond aux couleurs du menu, comme la page de mot de passe ; taille donnée par le paramètre Taille */
.initiales-contact[b-89vqcxjxia] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--processio-couleur) 15%, #fff);
    color: color-mix(in srgb, var(--processio-couleur) 75%, #000);
    font-weight: 700;
    letter-spacing: .03em;
    user-select: none;
}
/* /Components/Composants/ListeDocuments.razor.rz.scp.css */
/* icône du type de fichier */
.icone-fichier[b-k9dgiexb6i] {
    color: #8a99a8;
}

.icone-pdf[b-k9dgiexb6i] {
    color: #d63c2f;
}

.icone-word[b-k9dgiexb6i] {
    color: #2b579a;
}

.icone-excel[b-k9dgiexb6i] {
    color: #217346;
}

.icone-image[b-k9dgiexb6i] {
    color: #b7791f;
}

/* zone de dépôt : le champ fichier invisible la recouvre (glisser-déposer ou clic) */
.zone-depot[b-k9dgiexb6i] {
    position: relative;
    margin: .75rem;
    padding: 1.1rem;
    border: 2px dashed #c9d3dd;
    border-radius: .5rem;
    text-align: center;
    color: #6c7a89;
    background-color: #fafbfc;
    transition: background-color .15s, border-color .15s, color .15s;
}

    .zone-depot:hover[b-k9dgiexb6i],
    .zone-depot-survol[b-k9dgiexb6i] {
        border-color: var(--processio-couleur);
        color: var(--processio-couleur);
        background-color: color-mix(in srgb, var(--processio-couleur) 6%, #fff);
    }

    .zone-depot[b-k9dgiexb6i]  input[type=file] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

.zone-depot-envoi[b-k9dgiexb6i] {
    pointer-events: none;
    opacity: .7;
}
/* /Components/Composants/RechercheContactMenu.razor.rz.scp.css */
/* zone de recherche dans le menu du haut : loupe grise dans la zone, à gauche (comme Denier) */
.recherche-contact-menu[b-1t489jnbrk] {
    position: relative;
    width: 16rem;
}

.icone-recherche[b-1t489jnbrk] {
    position: absolute;
    left: .6rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    color: #6c757d;
    pointer-events: none;
}

.recherche-contact-menu[b-1t489jnbrk]  .k-autocomplete {
    padding-left: 1.6rem;
}

@media (max-width: 767.98px) {
    .recherche-contact-menu[b-1t489jnbrk] {
        width: 100%;
        margin: .5rem 0;
    }
}
/* /Components/Composants/Tuile.razor.rz.scp.css */
.tuile[b-z6ophz0pj7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 1rem 1.25rem;
    border-radius: .35rem;
    color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .08);
}

.tuile-valeur[b-z6ophz0pj7] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
}

.tuile-libelle[b-z6ophz0pj7] {
    font-weight: 600;
}

.tuile-detail[b-z6ophz0pj7] {
    font-size: .8rem;
    opacity: .85;
}

.tuile-icone[b-z6ophz0pj7] {
    opacity: .5;
}

.tuile-bleu[b-z6ophz0pj7] {
    background-color: var(--processio-couleur);
}

.tuile-vert[b-z6ophz0pj7] {
    background-color: #3d8f5f;
}

.tuile-orange[b-z6ophz0pj7] {
    background-color: #d9822b;
}

.tuile-violet[b-z6ophz0pj7] {
    background-color: #7a5ea8;
}

.tuile-rouge[b-z6ophz0pj7] {
    background-color: #c0504d;
}
/* /Components/Comptabilite/OngletBalance.razor.rz.scp.css */
/* produits et charges côte à côte, séparés par un trait */
.colonne-balance:first-child[b-zduvikpsne] {
    border-right: 1px solid #e9ecef;
}

.ligne-total td[b-zduvikpsne] {
    font-weight: 700;
    background-color: #f8f9fa;
    border-top: 2px solid #dee2e6;
}

/* part encaissée des produits */
.barre-encaisse[b-zduvikpsne] {
    height: .35rem;
    margin-top: .3rem;
    border-radius: .2rem;
    background-color: #e9ecef;
    overflow: hidden;
}

    .barre-encaisse div[b-zduvikpsne] {
        height: 100%;
        background-color: #28a745;
    }
/* /Components/Comptabilite/OngletCharges.razor.rz.scp.css */
/* en-tête de regroupement : sous-total */
.ligne-groupe td[b-akjt4279fq] {
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
    color: var(--processio-couleur);
    font-weight: 700;
}

/* ligne ouverte dans le panneau latéral */
.ligne-editee td[b-akjt4279fq] {
    background-color: #fff3cd;
}

/* un clic ouvre le panneau */
.ligne-cliquable[b-akjt4279fq] {
    cursor: pointer;
}

    .ligne-cliquable:hover td[b-akjt4279fq] {
        background-color: color-mix(in srgb, var(--processio-couleur) 6%, #fff);
    }

.ligne-total td[b-akjt4279fq] {
    font-weight: 700;
    background-color: #f8f9fa;
    border-top: 2px solid #dee2e6;
}
/* /Components/Comptabilite/OngletSessions.razor.rz.scp.css */
/* liste des sessions : une carte par session, la choisie bordée de la couleur de l'application */
.liste-sessions[b-zu8jh9ph5y] {
    max-height: 70vh;
    overflow-y: auto;
}

.session-item[b-zu8jh9ph5y] {
    display: block;
    width: 100%;
    text-align: left;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #f1f3f5;
    padding: .6rem 1rem;
    box-shadow: inset 4px 0 0 transparent;
}

    .session-item:hover[b-zu8jh9ph5y] {
        background-color: color-mix(in srgb, var(--processio-couleur) 4%, transparent);
    }

.session-choisie[b-zu8jh9ph5y],
.session-choisie:hover[b-zu8jh9ph5y] {
    background-color: color-mix(in srgb, var(--processio-couleur) 9%, transparent);
    box-shadow: inset 4px 0 0 var(--processio-couleur);
}

.session-en-cours[b-zu8jh9ph5y] {
    background-color: #fff8e6;
}

    .session-en-cours.session-choisie[b-zu8jh9ph5y] {
        background-color: #fff1cc;
        box-shadow: inset 4px 0 0 #e0a800;
    }

.session-titre[b-zu8jh9ph5y] {
    font-weight: 600;
    color: var(--processio-couleur);
}

.session-icones[b-zu8jh9ph5y] {
    color: #adb5bd;
    font-size: .8rem;
}

.session-detail[b-zu8jh9ph5y] {
    font-size: .8rem;
    color: #6c757d;
}

.session-montants[b-zu8jh9ph5y] {
    font-size: .8rem;
    font-weight: 600;
}

.pastille-attente[b-zu8jh9ph5y] {
    background-color: #ffe8a1;
    color: #8a6100;
}

/* consigne de la session en cours, historique d'une session fermée */
.consigne-session[b-zu8jh9ph5y] {
    padding: .6rem 1rem;
    font-size: .85rem;
    background-color: #fff8e6;
    border-bottom: 1px solid #f3e2b3;
    color: #6b5200;
}

.historique-session[b-zu8jh9ph5y] {
    padding: .5rem 1rem;
    font-size: .8rem;
    color: #6c757d;
    border-bottom: 1px solid #e9ecef;
}

/* remises en banque : une tuile par type de règlement */
.remises[b-zu8jh9ph5y] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid #e9ecef;
}

.remise[b-zu8jh9ph5y] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex: 1 1 13rem;
    padding: .45rem .6rem;
    border: 1px solid #e3ecf4;
    border-radius: .35rem;
}

.remise-icone[b-zu8jh9ph5y] {
    color: var(--processio-couleur);
    font-size: 1.2rem;
}

.remise-texte[b-zu8jh9ph5y] {
    flex: 1;
    min-width: 0;
}

.remise-libelle[b-zu8jh9ph5y] {
    font-weight: 600;
    font-size: .85rem;
}

/* filtre et regroupement au-dessus des opérations */
.barre-operations[b-zu8jh9ph5y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .6rem 1rem;
}

.filtre-operations[b-zu8jh9ph5y] {
    max-width: 20rem;
}

/* comme les opérations de la fiche d'inscription (OngletSolde) : groupe par nature, annulations en rouge (3.x annulRow) */
.ligne-groupe td[b-zu8jh9ph5y] {
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
    color: var(--processio-couleur);
    font-weight: 700;
}

/* accordéon des natures : clic sur l'en-tête pour déplier / replier */
.ligne-accordeon[b-zu8jh9ph5y] {
    cursor: pointer;
    user-select: none;
}

    .ligne-accordeon:hover td[b-zu8jh9ph5y] {
        background-color: color-mix(in srgb, var(--processio-couleur) 14%, #fff);
    }

.chevron-accordeon[b-zu8jh9ph5y] {
    width: 1rem;
    margin-right: .25rem;
    font-size: .75rem;
}

.ligne-annulation td[b-zu8jh9ph5y],
.ligne-annulee td[b-zu8jh9ph5y] {
    color: #d63c2f;
}

.ligne-annulation td[b-zu8jh9ph5y] {
    background-color: #fdf0ef;
}

.ligne-annulee .texte-barrable[b-zu8jh9ph5y] {
    text-decoration: line-through;
}

.badge-outline-danger[b-zu8jh9ph5y] {
    color: #d63c2f;
    border: 1px solid #d63c2f;
    background-color: #fff;
}

/* pager sous le tableau des opérations */
.pager-operations[b-zu8jh9ph5y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem 1rem;
    border-top: 1px solid #e9ecef;
}

    .pager-operations[b-zu8jh9ph5y]  .k-pager {
        border: 0;
        background: transparent;
        padding: 0;
    }

.ligne-total td[b-zu8jh9ph5y] {
    font-weight: 700;
    background-color: #f8f9fa;
    border-top: 2px solid #dee2e6;
}
/* /Components/Contacts/RedactionEmail.razor.rz.scp.css */
.piece-jointe[b-zpsf1xjh0v] {
    display: flex;
    align-items: center;
    padding: .25rem .5rem;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
    margin-bottom: .25rem;
    font-size: .85rem;
}

/* destinataires en étiquettes (comme Outlook) : nom, adresse, croix pour retirer */
.destinataires[b-zpsf1xjh0v] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    max-height: 55vh;
    overflow-y: auto;
    padding: .5rem;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
    background-color: #fff;
}

.destinataire[b-zpsf1xjh0v] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: .15rem .25rem .15rem .6rem;
    border-radius: 1rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--processio-couleur) 25%, #fff);
    font-size: .85rem;
    line-height: 1.4;
}

.destinataire-nom[b-zpsf1xjh0v] {
    font-weight: 600;
    color: var(--processio-couleur);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.destinataire-adresse[b-zpsf1xjh0v] {
    margin-left: .3rem;
    color: #6c757d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.destinataire-invalide[b-zpsf1xjh0v] {
    background-color: #fdecea;
    border-color: #f5c2c7;
    color: #b02a37;
}

    .destinataire-invalide .destinataire-nom[b-zpsf1xjh0v] {
        color: #b02a37;
    }

.destinataire-retirer[b-zpsf1xjh0v] {
    border: 0;
    background: transparent;
    color: #6c757d;
    margin-left: .25rem;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    line-height: 1;
    padding: 0;
    flex-shrink: 0;
}

    .destinataire-retirer:hover[b-zpsf1xjh0v] {
        background-color: rgba(0, 0, 0, .08);
        color: #b02a37;
    }

/* signature ajoutée sous le message : aperçu discret */
.signature-apercu[b-zpsf1xjh0v] {
    border-left: 3px solid #c6d9ea;
    padding: .25rem .75rem;
    margin-bottom: 1rem;
    font-size: .85rem;
    color: #495057;
}
/* /Components/Contacts/SelecteurContact.razor.rz.scp.css */
.selecteur-contact[b-0a1k6qmcgi] {
    max-height: 22rem;
    overflow-y: auto;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
}
/* /Components/Inscriptions/DessinChambre.razor.rz.scp.css */
/* chambre vue de dessus (DessinChambre) : murs épais, parquet, porte en bas, lits (oreiller + couverture) */
.piece[b-h1qp27aorc] {
    position: relative;
    padding: .55rem .5rem .75rem;
    border: 4px solid #5a6b7b;
    border-radius: .2rem;
    background:
        repeating-linear-gradient(90deg, #f6efe4 0 18px, #f1e8da 18px 19px);   /* parquet */
}

.piece.complete[b-h1qp27aorc] {
    border-color: #8f3b3b;
}

.piece.vide[b-h1qp27aorc] {
    border-style: dashed;
}

/* porte : ouverture dans le mur du bas + battant en quart de cercle */
.porte[b-h1qp27aorc] {
    position: absolute;
    right: 14px;
    bottom: -4px;
    width: 26px;
    height: 4px;
    background: #f6efe4;
}

    .porte[b-h1qp27aorc]::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 4px;
        width: 22px;
        height: 22px;
        border-top: 1px dashed #8a99a8;
        border-left: 1px dashed #8a99a8;
        border-radius: 22px 0 0 0;
    }

.lits-dessin[b-h1qp27aorc] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.lit-dessin[b-h1qp27aorc] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 2.9rem;
    height: 4.3rem;
    padding: 3px;
    border: 1px solid #9aa7b4;
    border-radius: .35rem .35rem .2rem .2rem;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(31, 45, 58, .15);
    transition: transform .12s, box-shadow .12s;
}

.oreiller[b-h1qp27aorc] {
    flex: 0 0 .85rem;
    margin: 0 .3rem 3px;
    border-radius: .4rem;
    background-color: #fff;
    border: 1px solid #c6d0da;
}

.couverture[b-h1qp27aorc] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    background-color: #e9edf1;
    color: #fff;
    font-size: .8rem;
}

.initiales[b-h1qp27aorc] {
    font-weight: 700;
    letter-spacing: .03em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.lit-dessin.occupe.cliquable[b-h1qp27aorc] {
    cursor: pointer;
}

    .lit-dessin.occupe.cliquable:hover[b-h1qp27aorc] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(31, 45, 58, .2);
    }

    .lit-dessin.occupe.choisi[b-h1qp27aorc] {
        box-shadow: 0 0 0 3px #ffc107, 0 4px 8px rgba(31, 45, 58, .2);
    }

/* croix de retrait, visible au survol du lit */
.lit-retirer[b-h1qp27aorc] {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #dc3545;
    color: #fff;
    font-size: .6rem;
    line-height: 18px;
    opacity: 0;
    transition: opacity .12s;
}

.lit-dessin.occupe:hover .lit-retirer[b-h1qp27aorc] {
    opacity: 1;
}

/* lit libre : drap clair ; quand l'inscrit choisi peut s'y coucher, vert qui respire (orange : autre type) */
.lit-dessin.libre[b-h1qp27aorc] {
    border-style: dashed;
    background-color: rgba(255, 255, 255, .7);
    box-shadow: none;
}

    .lit-dessin.libre .couverture[b-h1qp27aorc] {
        background-color: transparent;
        border: 1px dashed #c6d0da;
    }

    .lit-dessin.libre.placable[b-h1qp27aorc] {
        border-style: solid;
        border-color: #2b8a3e;
        cursor: pointer;
        animation: lit-invite-b-h1qp27aorc 1.6s ease-in-out infinite;
    }

        .lit-dessin.libre.placable .couverture[b-h1qp27aorc] {
            background-color: #d3f0db;
            border-color: #2b8a3e;
            color: #2b8a3e;
        }

        .lit-dessin.libre.placable.autre-type[b-h1qp27aorc] {
            border-color: #e67700;
        }

            .lit-dessin.libre.placable.autre-type .couverture[b-h1qp27aorc] {
                background-color: #ffe9cf;
                border-color: #e67700;
                color: #b35c00;
            }

        .lit-dessin.libre.placable:hover[b-h1qp27aorc] {
            transform: translateY(-2px) scale(1.04);
        }

@keyframes lit-invite-b-h1qp27aorc {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(43, 138, 62, .35);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(43, 138, 62, 0);
    }
}

/* /Components/Inscriptions/OngletArticles.razor.rz.scp.css */
/* article annulé (contre-opération en session) : en rouge comme en 3.x (annulRow), barré */
.ligne-annulee td[b-np1ixd6jy2] {
    color: #d63c2f;
}

    .ligne-annulee td:not(:first-child):not(:last-child)[b-np1ixd6jy2] {
        text-decoration: line-through;
    }

/* ligne ouverte dans le panneau latéral */
.ligne-editee td[b-np1ixd6jy2] {
    background-color: #fff3cd;
}

/* panneau : article d'une ligne enregistrée (non modifiable), montant calculé */
.valeur-figee[b-np1ixd6jy2] {
    background-color: #f8f9fa;
    font-weight: 600;
}

.montant-article[b-np1ixd6jy2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: .6rem .8rem;
    border-radius: .35rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
}

.montant-article-valeur[b-np1ixd6jy2] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--processio-couleur);
}

/* ligne modifiable : un clic ouvre le panneau */
.ligne-cliquable[b-np1ixd6jy2] {
    cursor: pointer;
}

    .ligne-cliquable:hover td[b-np1ixd6jy2] {
        background-color: color-mix(in srgb, var(--processio-couleur) 6%, #fff);
    }
/* /Components/Inscriptions/OngletGeneral.razor.rz.scp.css */
/* libellé d'une information en lecture (reprise de la fiche du contact) */
.libelle-lecture[b-2zarvmmb4p] {
    font-size: .8rem;
    font-weight: 600;
    color: #5a6b7b;
    margin-bottom: .2rem;
}

/* valeur reprise de la fiche du contact, non modifiable ici */
.valeur-reprise[b-2zarvmmb4p] {
    padding: .5rem .75rem;
    border: 1px dashed #c6d9ea;
    border-radius: .25rem;
    background-color: #f7f9fb;
    color: #495057;
}

/* pièces d'identité */
.piece[b-2zarvmmb4p] {
    display: inline-flex;
    align-items: baseline;
    padding: .2rem .65rem;
    border-radius: 1rem;
    font-size: .85rem;
    font-weight: 600;
}

    .piece small[b-2zarvmmb4p] {
        margin-left: .3rem;
        font-weight: 400;
    }

.piece-valide[b-2zarvmmb4p] {
    background-color: #e3f4e8;
    color: #1e7e34;
}

.piece-perimee[b-2zarvmmb4p] {
    background-color: #fff3cd;
    color: #8a6d1d;
}

.piece-absente[b-2zarvmmb4p] {
    background-color: #eceff2;
    color: #6c757d;
}
/* /Components/Inscriptions/OngletHebergement.razor.rz.scp.css */
/* « À loger » et, à côté, « Loger avec… » */
.ligne-a-loger[b-hvc0f3ss4i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.5rem;
}

    /* la case n'a pas sa marge de formulaire ici : alignée sur « Loger avec… » */
    .ligne-a-loger[b-hvc0f3ss4i]  .form-group {
        margin-bottom: 0;
    }

.loger-avec[b-hvc0f3ss4i] {
    display: flex;
    align-items: center;
    flex: 1 1 18rem;
    max-width: 32rem;
}

/* chambre choisie : noms à côté de la chambre dessinée (DessinChambre) */
.noms-chambre[b-hvc0f3ss4i] {
    font-size: .9rem;
    line-height: 1.6;
}

.nom-chambre[b-hvc0f3ss4i] {
    display: flex;
    align-items: center;
}

.nom-inscrit[b-hvc0f3ss4i] {
    font-weight: 700;
    color: var(--processio-couleur);
}

.pastille-personne[b-hvc0f3ss4i] {
    flex: 0 0 .6rem;
    height: .6rem;
    margin-right: .4rem;
    border-radius: 50%;
}

/* chambre choisie : ses lits */
.libelle-chambre[b-hvc0f3ss4i] {
    font-size: .8rem;
    font-weight: 600;
    color: #5a6b7b;
    margin-bottom: .35rem;
}

.lits[b-hvc0f3ss4i] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.lit[b-hvc0f3ss4i] {
    border: 1px solid #d5dde5;
    border-radius: .3rem;
    padding: .3rem .6rem;
    background: #fff;
}

.lit-inscrit[b-hvc0f3ss4i] {
    border-color: var(--processio-couleur);
    color: var(--processio-couleur);
    font-weight: 600;
}

.lit-libre[b-hvc0f3ss4i] {
    border-style: dashed;
    color: #2b8a3e;
    background: #f4fbf6;
}

/* « loger avec » dans une chambre complète : l'occupant qui cède son lit */
.cadre-complete .cadre-onglet-entete[b-hvc0f3ss4i] {
    color: #c62828;
}

.occupant-a-deplacer[b-hvc0f3ss4i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    padding: .3rem 0;
    border-top: 1px solid #eef1f4;
}
/* /Components/Inscriptions/OngletHospitalier.razor.rz.scp.css */
/* malade désisté : gardé dans la liste pour pouvoir le retirer, en rouge barré comme les lignes annulées (3.x annulRow) */
.ligne-desistee td[b-22ecq30g4a] {
    color: #d63c2f;
}

    .ligne-desistee td a[b-22ecq30g4a] {
        color: inherit;
        text-decoration: line-through;
    }

/* panneau de prise en charge : lignes cochables */
.ligne-cochable[b-22ecq30g4a] {
    cursor: pointer;
}

.ligne-cochee td[b-22ecq30g4a] {
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
}

/* régime alimentaire du malade, sous sa restauration */
.regime[b-22ecq30g4a] {
    color: #b35c00;
    font-style: italic;
}
/* /Components/Inscriptions/OngletMalade.razor.rz.scp.css */
/* hospitalier : un nom long est coupé (nom complet en info-bulle) au lieu de déborder sur le chiffre suivant */
.chiffre-nom[b-s4klav0pri] {
    min-width: 0;
    flex: 1.4 1 0;
    overflow: hidden;
}

    .chiffre-nom .valeur-texte[b-s4klav0pri],
    .chiffre-nom .cadre-onglet-chiffre-detail[b-s4klav0pri] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* cadres de l'onglet : GroupeFiche n'a pas de marge basse (prévue pour finir sur un .form-group) ; ici, contenus variés
   (cadre de l'hospitalier, recherche, alertes, documents) : marge basse normale d'une carte ; !important car le corps porte
   la classe Bootstrap pb-0, elle-même en !important */
.onglet-malade[b-s4klav0pri]  .groupe-fiche > .card-body {
    padding-bottom: 1.25rem !important;
}

/* hospitalier affecté : initiales, nom en lien vers son contact, fonction / position / état */
.hospitalier-affecte[b-s4klav0pri] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: .4rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 4%, #fff);
}

.hospitalier-identite[b-s4klav0pri] {
    min-width: 0;
}

.code-medecin[b-s4klav0pri] {
    max-width: 26rem;
}
/* /Components/Inscriptions/OngletReglements.razor.rz.scp.css */
/* règlement annulé (contre-opération en session) : en rouge comme en 3.x (annulRow), barré */
.ligne-annulee td[b-ywq2m44jch] {
    color: #d63c2f;
}

    .ligne-annulee td:not(:first-child):not(:last-child)[b-ywq2m44jch] {
        text-decoration: line-through;
    }

/* ligne ouverte dans le panneau latéral */
.ligne-editee td[b-ywq2m44jch] {
    background-color: #fff3cd;
}

/* ligne modifiable : un clic ouvre le panneau */
.ligne-cliquable[b-ywq2m44jch] {
    cursor: pointer;
}

    .ligne-cliquable:hover td[b-ywq2m44jch] {
        background-color: color-mix(in srgb, var(--processio-couleur) 6%, #fff);
    }

/* panneau : modes de règlement en boutons, regroupés par type */
.groupe-modes[b-ywq2m44jch] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .3rem 0;
    border-bottom: 1px dashed #e3e8ee;
}

    .groupe-modes:last-of-type[b-ywq2m44jch] {
        border-bottom: none;
    }

.groupe-modes-titre[b-ywq2m44jch] {
    flex: 0 0 8.5rem;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6c7a89;
}

.choix-modes[b-ywq2m44jch] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

/* panneau : reste après le règlement */
.montant-reglement[b-ywq2m44jch] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: .6rem .8rem;
    border-radius: .35rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
}

.montant-reglement-valeur[b-ywq2m44jch] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--processio-couleur);
}

    .montant-reglement-valeur.text-success[b-ywq2m44jch] {
        color: #28a745;
    }
/* /Components/Inscriptions/OngletRestauration.razor.rz.scp.css */
/* repas réservés de la formule : barre fine aux couleurs du menu (rouge une fois complète) */
.remplissage[b-qzj4v2t7u2] {
    height: .35rem;
}

    .remplissage .progress-bar:not(.bg-danger)[b-qzj4v2t7u2] {
        background-color: var(--processio-couleur);
    }

/* lieu de restauration : un nom long est coupé (points de suspension, nom complet en info-bulle) au lieu de déborder sur le chiffre suivant */
.chiffre-lieu[b-qzj4v2t7u2] {
    min-width: 0;
    flex: 1.4 1 0;
    overflow: hidden;
}

    .chiffre-lieu .cadre-onglet-chiffre-valeur[b-qzj4v2t7u2],
    .chiffre-lieu .cadre-onglet-chiffre-detail[b-qzj4v2t7u2] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/* /Components/Inscriptions/OngletSolde.razor.rz.scp.css */
/* en-tête de groupe (nature) : sous-total */
.ligne-groupe td[b-w2yt6wiezu] {
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
    color: var(--processio-couleur);
    font-weight: 700;
}

/* 3.x (annulRow) : opérations annulées et contre-opérations en rouge ; l'opération annulée est barrée */
.ligne-annulation td[b-w2yt6wiezu],
.ligne-annulee td[b-w2yt6wiezu] {
    color: #d63c2f;
}

.ligne-annulation td[b-w2yt6wiezu] {
    background-color: #fdf0ef;
}

.ligne-annulee .texte-barrable[b-w2yt6wiezu] {
    text-decoration: line-through;
}

.badge-outline-danger[b-w2yt6wiezu] {
    color: #d63c2f;
    border: 1px solid #d63c2f;
    background-color: #fff;
}
/* /Components/Inscriptions/OngletTransport.razor.rz.scp.css */
/* « Transporté » et, à côté, « Voyager avec… » */
.ligne-transporte[b-esl7ymre99] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.5rem;
}

    /* la case n'a pas sa marge de formulaire ici : alignée sur « Voyager avec… » */
    .ligne-transporte[b-esl7ymre99]  .form-group {
        margin-bottom: 0;
    }

.voyager-avec[b-esl7ymre99] {
    display: flex;
    align-items: center;
    flex: 1 1 18rem;
    max-width: 32rem;
}
/* /Components/Inscriptions/PlanTrain.razor.rz.scp.css */
/* place de l'inscrit choisi : repère jaune qui pulse, pour la trouver d'un coup d'œil sur le plan */
.siege-repere[b-ayw84ljtn4] {
    animation: repere-pulse-b-ayw84ljtn4 1.2s ease-in-out infinite;
}

@keyframes repere-pulse-b-ayw84ljtn4 {
    0%, 100% {
        stroke-opacity: 1;
    }

    50% {
        stroke-opacity: .25;
    }
}

/* chiffres sous le plan : salle affichée (barre répartie + légende chiffrée) et rame entière (jauge) */
.stats-plan[b-ayw84ljtn4] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .75rem;
}

.stats-salle[b-ayw84ljtn4],
.stats-rame[b-ayw84ljtn4] {
    padding: .6rem .8rem;
    border: 1px solid #dfe6ee;
    border-radius: .4rem;
    background-color: #fff;
}

.stats-salle[b-ayw84ljtn4] {
    flex: 3 1 22rem;
}

.stats-rame[b-ayw84ljtn4] {
    flex: 1 1 12rem;
    border-left: 4px solid var(--processio-couleur);
}

.stats-titre[b-ayw84ljtn4] {
    display: flex;
    align-items: baseline;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #5a6b7b;
    margin-bottom: .4rem;
}

.stats-titre-total[b-ayw84ljtn4] {
    margin-left: auto;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}

.stats-barre[b-ayw84ljtn4] {
    display: flex;
    height: .75rem;
    border-radius: .4rem;
    overflow: hidden;
    background-color: #eef1f4;
}

    .stats-barre .segment[b-ayw84ljtn4] {
        height: 100%;
        transition: width .3s;
    }

.segment-libre[b-ayw84ljtn4] {
    background-color: #28a745;
}

.segment-occupe[b-ayw84ljtn4] {
    background-color: #dc3545;
}

.segment-kit[b-ayw84ljtn4] {
    background-color: #fd7e14;
}

.segment-ferme[b-ayw84ljtn4] {
    background-color: #adb5bd;
}

.stats-chiffres[b-ayw84ljtn4] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1.25rem;
    margin-top: .45rem;
    font-size: .85rem;
    color: #5a6b7b;
}

.stat strong[b-ayw84ljtn4] {
    font-size: 1.05rem;
    color: #1f2d3a;
    margin-right: .15rem;
}

.puce[b-ayw84ljtn4] {
    display: inline-block;
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    margin-right: .35rem;
}

.stats-rame-valeur[b-ayw84ljtn4] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--processio-couleur);
}

    .stats-rame-valeur small[b-ayw84ljtn4] {
        font-size: .8rem;
        font-weight: 400;
        color: #6c757d;
    }

.stats-rame-jauge[b-ayw84ljtn4] {
    height: .4rem;
    margin: .4rem 0 .25rem;
    border-radius: .2rem;
    background-color: #e9ecef;
    overflow: hidden;
}

    .stats-rame-jauge > span[b-ayw84ljtn4] {
        display: block;
        height: 100%;
        background-color: var(--processio-couleur);
    }

.stats-rame-detail[b-ayw84ljtn4] {
    font-size: .8rem;
    color: #6c757d;
}

/* bulle du siège survolé (comme en 3.x, plus détaillée) : au-dessus de la souris, sans capter la souris */
.bulle-siege[b-ayw84ljtn4] {
    position: fixed;
    z-index: 1080;
    transform: translate(-50%, calc(-100% - 14px));
    min-width: 13rem;
    max-width: 18rem;
    padding: .5rem .65rem;
    border: 1px solid #d5dde5;
    border-radius: .45rem;
    background-color: #fff;
    box-shadow: 0 .5rem 1.25rem rgba(31, 45, 58, .18);
    font-size: .8rem;
    color: #1f2d3a;
    pointer-events: none;
}

    .bulle-siege[b-ayw84ljtn4]::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -7px;
        width: 12px;
        height: 12px;
        margin-left: -6px;
        background-color: #fff;
        border-right: 1px solid #d5dde5;
        border-bottom: 1px solid #d5dde5;
        transform: rotate(45deg);
    }

.bulle-entete[b-ayw84ljtn4] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.bulle-numero[b-ayw84ljtn4] {
    font-weight: 700;
    font-size: .95rem;
}

.bulle-etat[b-ayw84ljtn4] {
    margin-left: auto;
    padding: .05rem .5rem;
    border-radius: 1rem;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.bulle-voiture[b-ayw84ljtn4] {
    margin: .15rem 0 .35rem;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--processio-couleur);
}

.bulle-details[b-ayw84ljtn4] {
    width: 100%;
}

    .bulle-details th[b-ayw84ljtn4] {
        padding: .05rem .5rem .05rem 0;
        font-weight: 400;
        color: #6c757d;
        white-space: nowrap;
        vertical-align: top;
    }

    .bulle-details td[b-ayw84ljtn4] {
        padding: .05rem 0;
        font-weight: 600;
    }

.bulle-discret[b-ayw84ljtn4] {
    font-weight: 400;
    color: #6c757d;
}

.bulle-occupant[b-ayw84ljtn4] {
    margin-top: .4rem;
    padding-top: .35rem;
    border-top: 1px solid #eef1f4;
}

.bulle-observation[b-ayw84ljtn4] {
    margin-top: .15rem;
    font-style: italic;
    color: #5a6b7b;
}

/* bulle en dessous de la souris (siège du haut du plan) : flèche en haut */
.bulle-siege.dessous[b-ayw84ljtn4] {
    transform: translate(-50%, 14px);
}

    .bulle-siege.dessous[b-ayw84ljtn4]::after {
        top: -7px;
        bottom: auto;
        border-right: 0;
        border-bottom: 0;
        border-left: 1px solid #d5dde5;
        border-top: 1px solid #d5dde5;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* menu, contenu, pied de page collé en bas de l'écran (ou après le contenu s'il est plus long) */
.page-processio[b-ophl8xtak5] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.contenu-processio[b-ophl8xtak5] {
    flex: 1 0 auto;
}

.pied-processio[b-ophl8xtak5] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .4rem 1.5rem;
    background-color: #e9ecef;
    border-top: 1px solid #dee2e6;
    color: #6c757d;
    font-size: .8em;
    font-style: italic;
}

/* n° de version du pied de page : lien vers les notes de version (comme Chorale) */
.lien-version[b-ophl8xtak5] {
    color: inherit;
    text-decoration: underline dotted;
}

    .lien-version:hover[b-ophl8xtak5] {
        color: var(--processio-couleur);
    }
/* /Components/Layout/MainMenu.razor.rz.scp.css */
/* logo Processio blanc, à la place du nom */
.logo-menu[b-1k3nufd0pr] {
    height: 32px;
}

/* enveloppe de la messagerie : nombre de messages non lus en pastille sur l'icône */
.enveloppe[b-1k3nufd0pr] {
    position: relative;
}

.compteur-messages[b-1k3nufd0pr] {
    position: absolute;
    top: .15rem;
    right: -.15rem;
    font-size: .65rem;
}
/* /Components/Pages/Contacts/ContactFiche.razor.rz.scp.css */
/* en-tête (identité, boutons) collé sous le menu du haut quand on fait défiler la fiche */
.entete-fiche[b-6ctk1nd7x7] {
    position: sticky;
    /* hauteur du menu mesurée par scripts/bandeaux-collants.js */
    top: var(--hauteur-menu, 58px);
    z-index: 1001;
    background-color: #fff;
}

.photo-entete[b-6ctk1nd7x7] {
    height: 48px;
    width: 48px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #dee2e6;
}

.photo-fiche[b-6ctk1nd7x7] {
    max-height: 130px;
    max-width: 110px;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
}

.pastille-famille[b-6ctk1nd7x7] {
    border: 1px solid var(--processio-couleur);
    border-radius: 1rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, transparent);
    color: var(--processio-couleur);
    padding: .1rem .7rem;
    font-size: .85rem;
}

/* onglet Emails : une ligne ouvre le contenu de l'email */
.ligne-email[b-6ctk1nd7x7] {
    cursor: pointer;
}

/* contenu d'un email reçu (panneau latéral, qui défile lui-même) : texte, liens longs, images et tableaux
   ramenés à la largeur du panneau, sans barre de défilement horizontale */
.contenu-email[b-6ctk1nd7x7] {
    overflow-x: hidden;
    overflow-wrap: anywhere;
}

    .contenu-email[b-6ctk1nd7x7]  img,
    .contenu-email[b-6ctk1nd7x7]  table {
        max-width: 100%;
    }

    .contenu-email[b-6ctk1nd7x7]  img {
        height: auto;
    }

    .contenu-email[b-6ctk1nd7x7]  pre {
        white-space: pre-wrap;
    }

/* blocs de la fiche (GroupeFiche) : bordure et en-tête aux couleurs de l'application */
.fiche-onglets[b-6ctk1nd7x7]  .groupe-fiche {
    border: 1px solid #c6d9ea;
    border-radius: .35rem;
}

    .fiche-onglets[b-6ctk1nd7x7]  .groupe-fiche > .card-header {
        background-color: color-mix(in srgb, var(--processio-couleur) 8%, transparent);
        border-bottom: 1px solid #c6d9ea;
    }

        .fiche-onglets[b-6ctk1nd7x7]  .groupe-fiche > .card-header .fas {
            color: var(--processio-couleur) !important;
        }
/* /Components/Pages/Contacts/Contacts.razor.rz.scp.css */
/* bouton Contient / Commence par : largeur fixe, la barre ne bouge pas quand on change de mode */
.bouton-mode[b-cwl8mbkvi0] {
    min-width: 10.5rem;
}

/* titres des trois colonnes du panneau de filtres */
.titre-filtres[b-cwl8mbkvi0] {
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--processio-couleur);
    border-bottom: 1px solid #c6d9ea;
    padding-bottom: .35rem;
    margin-bottom: .5rem;
}
/* /Components/Pages/Contacts/MessagesEnvoyes.razor.rz.scp.css */
/* contenu HTML d'un email envoyé : images et tableaux contenus dans le cadre */
.contenu-message[b-wytfb5e3b7] {
    max-height: 30rem;
    overflow: auto;
}

    .contenu-message[b-wytfb5e3b7]  img {
        max-width: 100%;
    }

/* liste des emails : une ligne par email, objet en couleur, suivi en pastilles, corbeille discrète */
.liste-emails[b-wytfb5e3b7]  .k-grid td {
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.liste-emails[b-wytfb5e3b7]  .email-texte {
    min-width: 0;
}

.liste-emails[b-wytfb5e3b7]  .email-icone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #e3eef8;
    color: var(--processio-couleur);
}

.liste-emails[b-wytfb5e3b7]  .email-objet {
    font-weight: 600;
    color: var(--processio-couleur);
}

.liste-emails[b-wytfb5e3b7]  .email-suivi {
    display: inline-block;
    padding: 0 .4rem;
    border-radius: 1rem;
    font-size: .75rem;
    line-height: 1.4rem;
}

    .liste-emails[b-wytfb5e3b7]  .email-suivi .fas {
        margin-right: .15rem;
    }

.liste-emails[b-wytfb5e3b7]  .email-suivi-delivre {
    background-color: rgba(61, 143, 95, .12);
    color: #2e6e49;
}

.liste-emails[b-wytfb5e3b7]  .email-suivi-ouvert {
    background-color: rgba(122, 94, 168, .12);
    color: #5d4585;
}

.liste-emails[b-wytfb5e3b7]  .email-suivi-probleme {
    background-color: rgba(220, 53, 69, .12);
    color: #a71d2a;
}

.liste-emails[b-wytfb5e3b7]  .email-supprimer {
    color: #adb5bd;
    flex-shrink: 0;
    border-radius: 50%;
    transition: color .15s, background-color .15s;
}

.liste-emails[b-wytfb5e3b7]  tr:hover .email-supprimer {
    color: #dc3545;
}

.liste-emails[b-wytfb5e3b7]  .email-supprimer:hover {
    background-color: rgba(220, 53, 69, .12);
    color: #a71d2a;
}

/* destinataires : enveloppe ouverte violette (comme la pastille « ouverts » de la liste) ou enveloppe fermée grise */
.destinataire-ouvert[b-wytfb5e3b7],
.destinataire-non-ouvert[b-wytfb5e3b7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
}

.destinataire-ouvert[b-wytfb5e3b7] {
    background-color: rgba(122, 94, 168, .15);
    color: #5d4585;
}

.destinataire-non-ouvert[b-wytfb5e3b7] {
    color: #ced4da;
}

/* panneau de droite sans email choisi : invitation centrée, quelques chiffres et un raccourci vers un nouvel email */
.aucun-email[b-wytfb5e3b7] {
    text-align: center;
    color: #6c757d;
    padding: 2.5rem 1.5rem;
    border: 2px dashed #c6d9ea;
    border-radius: .5rem;
    background-color: #f7fafd;
}

.aucun-email-fond[b-wytfb5e3b7] {
    color: #e3eef8;
}

.aucun-email-icone[b-wytfb5e3b7] {
    color: var(--processio-couleur);
}

.aucun-email-titre[b-wytfb5e3b7] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--processio-couleur);
    margin-bottom: .5rem;
}

.aucun-email p[b-wytfb5e3b7] {
    max-width: 26rem;
    margin-left: auto;
    margin-right: auto;
}

.aucun-email-chiffre[b-wytfb5e3b7] {
    min-width: 8rem;
    margin: 0 .75rem;
    padding: .5rem 1rem;
    border-radius: .35rem;
    background-color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .06);
}

.aucun-email-valeur[b-wytfb5e3b7] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--processio-couleur);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* alerte du traitement RGPD en attente (droit Maintenance) : lien vers la page */
.alerte-rgpd[b-2fe6wagmoi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem;
    padding: .65rem 1rem;
    border: 1px solid #f0c36d;
    border-left: 4px solid #e0a106;
    border-radius: .4rem;
    background-color: #fff8e6;
    color: #6b4e00;
    text-decoration: none;
}

    .alerte-rgpd:hover[b-2fe6wagmoi] {
        background-color: #fff1cc;
        color: #4d3800;
        text-decoration: none;
    }
/* /Components/Pages/Inscriptions/InscriptionFiche.razor.rz.scp.css */
/* en-tête (pèlerin, boutons) collé sous le menu du haut quand on fait défiler la fiche, comme la fiche contact */
.entete-fiche[b-z9m499av7b] {
    position: sticky;
    /* hauteur du menu mesurée par scripts/bandeaux-collants.js */
    top: var(--hauteur-menu, 58px);
    z-index: 1001;
    background-color: #fff;
}

.photo-entete[b-z9m499av7b] {
    height: 48px;
    width: 48px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #dee2e6;
}

/* boutons de l'en-tête par groupes : écart serré dans un groupe, plus large entre les groupes */
.groupes-boutons[b-z9m499av7b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.25rem;
}

.groupe-boutons[b-z9m499av7b] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

/* menu Imprimer : un clic ailleurs le ferme */
.fond-menu[b-z9m499av7b] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

.dropdown-menu.show[b-z9m499av7b] {
    z-index: 1000;
}

.lien-pelerin[b-z9m499av7b] {
    color: inherit;
}

    .lien-pelerin:hover[b-z9m499av7b] {
        color: var(--processio-couleur);
    }

.pastille-code[b-z9m499av7b] {
    padding: .1rem .6rem;
    border-radius: 1rem;
    border: 1px solid var(--processio-couleur);
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, transparent);
    color: var(--processio-couleur);
    font-weight: 700;
    font-size: .85rem;
}

/* chiffres clés en texte (hébergement, formule, transport) : plus petits que les montants, coupés s'ils sont longs */
.valeur-texte[b-z9m499av7b] {
    font-size: 1.05rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 16rem;
}

.cadre-onglet-chiffre.trajet-aller .cadre-onglet-chiffre-libelle .fas[b-z9m499av7b] {
    color: var(--processio-couleur);
}

.cadre-onglet-chiffre.trajet-retour .cadre-onglet-chiffre-libelle .fas[b-z9m499av7b] {
    color: #1a7f72;
}

.remplissage[b-z9m499av7b] {
    height: .35rem;
}

/* blocs des onglets (GroupeFiche) : bordure et en-tête aux couleurs de l'application, comme la fiche contact */
.fiche-onglets[b-z9m499av7b]  .groupe-fiche {
    border: 1px solid #c6d9ea;
    border-radius: .35rem;
}

    .fiche-onglets[b-z9m499av7b]  .groupe-fiche > .card-header {
        background-color: color-mix(in srgb, var(--processio-couleur) 8%, transparent);
        border-bottom: 1px solid #c6d9ea;
    }

        .fiche-onglets[b-z9m499av7b]  .groupe-fiche > .card-header .fas {
            color: var(--processio-couleur) !important;
        }
/* /Components/Pages/Inscriptions/Inscriptions.razor.rz.scp.css */
/* critères de recherche : un titre par bloc (inscription, hébergement, transports, articles, règlements) */
.criteres-titre[b-73onczloyr] {
    color: var(--processio-couleur);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .04em;
    margin-bottom: .35rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #e9ecef;
}

    .criteres-titre:not(:first-child)[b-73onczloyr] {
        margin-top: .25rem;
    }

/* code d'inscription : lien vers la fiche, à la couleur de l'application */
.zone-grille-inscriptions[b-73onczloyr]  .lien-code {
    color: var(--processio-couleur);
    font-weight: 600;
}

    .zone-grille-inscriptions[b-73onczloyr]  .lien-code:hover {
        text-decoration: underline;
    }

/* chiffres clés du résultat : barre de remplissage comme les onglets du pèlerinage */
.remplissage[b-73onczloyr] {
    height: .35rem;
    max-width: 10rem;
}

    .remplissage .progress-bar:not(.bg-success)[b-73onczloyr] {
        background-color: var(--processio-couleur);
    }

/* choix des colonnes (comme l'atelier de sélection du Denier) : cases par groupe, au-dessus de la grille */
.choix-colonnes[b-73onczloyr] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    padding: .6rem 1rem .2rem;
    margin-bottom: .5rem;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
}

.choix-colonnes-groupe[b-73onczloyr] {
    min-width: 11rem;
}

.choix-colonnes-titre[b-73onczloyr] {
    color: var(--processio-couleur);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .04em;
    margin-bottom: .25rem;
}

.choix-colonne-case[b-73onczloyr] {
    display: block;
    margin-bottom: .1rem;
    font-size: .9rem;
    font-weight: normal;
    cursor: pointer;
}

    .choix-colonne-case input[b-73onczloyr] {
        margin-right: .35rem;
    }

/* grille et menu des imprimés : le menu, hors de la grille (qui le couperait), s'ouvre sous le bouton Imprimés, premier de la barre */
.zone-grille-inscriptions[b-73onczloyr] {
    position: relative;
}

    .zone-grille-inscriptions .menu-imprimes[b-73onczloyr] {
        top: calc(var(--kendo-button-md-height, 2.375rem) + .75rem);
        left: .5rem;
        z-index: 1000;
    }

.zone-grille-inscriptions[b-73onczloyr]  .k-grid-toolbar {
    gap: .375rem;
}

/* menu des exports : même présentation, sous le bouton Exports (deuxième de la barre, après Imprimés), trois thèmes côte à côte */
.zone-grille-inscriptions .menu-exports[b-73onczloyr] {
    left: 8.6rem;
    min-width: 0;
}

@media (min-width: 768px) {
    .zone-grille-inscriptions .menu-exports[b-73onczloyr] {
        min-width: 34rem;
    }

        .zone-grille-inscriptions .menu-exports .menu-imprimes-groupes[b-73onczloyr] {
            grid-template-columns: repeat(3, 1fr);
        }
}

/* fond transparent sous le menu ouvert : un clic à côté le referme */
.fond-menu-imprimes[b-73onczloyr] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

/* menu des imprimés : un bloc par thème, en colonnes sur grand écran */
.menu-imprimes[b-73onczloyr] {
    padding: 0;
    min-width: 18rem;
}

/* en-tête du menu à la couleur de l'application */
.menu-imprimes-portee[b-73onczloyr] {
    padding: .5rem 1rem;
    font-size: .8rem;
    color: #fff;
    background-color: var(--processio-couleur);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.menu-imprimes-groupes[b-73onczloyr] {
    display: grid;
    grid-template-columns: 1fr;
    padding: .25rem 0;
}

@media (min-width: 768px) {
    .menu-imprimes[b-73onczloyr] {
        min-width: 36rem;
    }

    .menu-imprimes-groupes[b-73onczloyr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .menu-imprimes[b-73onczloyr] {
        min-width: 54rem;
    }

    .menu-imprimes-groupes[b-73onczloyr] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* une ligne par famille (participants / hébergement / restauration, transports, étiquettes et règlements), séparées par un trait */
.menu-imprimes-groupes + .menu-imprimes-groupes[b-73onczloyr] {
    border-top: 1px solid #e9ecef;
}

.menu-imprimes-groupe[b-73onczloyr] {
    padding-bottom: .5rem;
}

    .menu-imprimes-groupe .dropdown-header[b-73onczloyr] {
        color: var(--processio-couleur);
        font-weight: 600;
        text-transform: uppercase;
        font-size: .75rem;
        letter-spacing: .04em;
    }

    .menu-imprimes-groupe .dropdown-item[b-73onczloyr] {
        padding-left: 2.25rem;
        font-size: .9rem;
    }
/* /Components/Pages/Inscriptions/PlacementChambres.razor.rz.scp.css */
/* liste des hébergements */
.choix-hotel[b-k985i982gp] {
    width: 24rem;
    max-width: 100%;
}

/* vue d'ensemble : une carte par hébergement */
.carte-hotel[b-k985i982gp] {
    height: 100%;
    padding: .75rem 1rem;
    background-color: #fff;
    border: 1px solid #c6d9ea;
    border-left: 4px solid var(--processio-couleur);
    border-radius: .35rem;
    cursor: pointer;
    transition: box-shadow .15s, transform .15s;
}

    .carte-hotel:hover[b-k985i982gp] {
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
        transform: translateY(-1px);
    }

.carte-hotel-titre[b-k985i982gp] {
    font-weight: 600;
    color: var(--processio-couleur);
}

.carte-hotel-valeur[b-k985i982gp] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--processio-couleur);
}

.carte-hotel-action[b-k985i982gp] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--processio-couleur);
}

/* une ligne par type de chambre : libellé, jauge, lits occupés */
.ligne-type[b-k985i982gp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    padding: .1rem 0;
}

.ligne-type-libelle[b-k985i982gp] {
    flex: 0 0 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ligne-type-jauge[b-k985i982gp] {
    flex: 1 1 auto;
    height: .4rem;
    border-radius: .2rem;
    background-color: #e9ecef;
    overflow: hidden;
}

    .ligne-type-jauge > span[b-k985i982gp] {
        display: block;
        height: 100%;
        background-color: var(--processio-couleur);
    }

.ligne-type-valeur[b-k985i982gp] {
    flex: 0 0 auto;
    font-weight: 600;
    white-space: nowrap;
}

/* barre de remplissage (vert une fois tout placé) */
.remplissage[b-k985i982gp] {
    height: .35rem;
}

    .remplissage .progress-bar:not(.bg-success)[b-k985i982gp] {
        background-color: var(--processio-couleur);
    }

/* bandeau de l'hébergement ouvert */
.bandeau-hotel[b-k985i982gp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    padding: .6rem 1rem;
    border: 1px solid color-mix(in srgb, var(--processio-couleur) 35%, #fff);
    border-left: 6px solid var(--processio-couleur);
    border-radius: .35rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
}

.bandeau-libelle[b-k985i982gp] {
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--processio-couleur);
}

.bandeau-compte[b-k985i982gp] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--processio-couleur);
}

/* « À placer » : par nom, en colonnes ; hauteur limitée, défilement au-delà */
.liste-a-placer[b-k985i982gp] {
    columns: 17rem;
    column-gap: 1.25rem;
    max-height: 15rem;
    overflow-y: auto;
}

.a-placer[b-k985i982gp] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .1rem .3rem;
    border-radius: .2rem;
    font-size: .85rem;
    cursor: pointer;
}

    .a-placer:hover[b-k985i982gp] {
        background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
    }

    .a-placer.choisi[b-k985i982gp] {
        background-color: var(--processio-couleur);
        color: #fff;
        font-weight: 600;
    }

    .a-placer.sans-type:not(.choisi)[b-k985i982gp] {
        color: #8a99a8;
    }

.a-placer-nom[b-k985i982gp] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.a-placer-categorie[b-k985i982gp] {
    margin-left: auto;
    font-size: .75rem;
    color: #6c757d;
    white-space: nowrap;
}

.a-placer.choisi .a-placer-categorie[b-k985i982gp] {
    color: rgba(255, 255, 255, .85);
}

.a-placer.sans-type .a-placer-categorie[b-k985i982gp] {
    color: #dc3545;
}

/* consigne de l'inscrit choisi */
.consigne-placement[b-k985i982gp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: .4rem .75rem;
    border-left: 4px solid #ffc107;
    border-radius: .25rem;
    background-color: #fffbea;
}

/* une section par type de chambre ; celle de l'inscrit choisi ressort, les autres s'effacent */
.section-type[b-k985i982gp] {
    padding: .5rem .75rem .75rem;
    border: 1px solid #dfe6ee;
    border-radius: .35rem;
    background-color: #fff;
    transition: opacity .15s;
}

    .section-type.actif[b-k985i982gp] {
        border-color: #ffc107;
        box-shadow: 0 0 0 2px rgba(255, 193, 7, .35);
    }

    .section-type.attenue[b-k985i982gp] {
        opacity: .45;
    }

.section-type-entete[b-k985i982gp] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    margin-bottom: .5rem;
}

.section-type-titre[b-k985i982gp] {
    font-weight: 600;
    color: var(--processio-couleur);
}

.section-type-compte[b-k985i982gp] {
    font-weight: 700;
    color: var(--processio-couleur);
}

/* les chambres : des tuiles, un lit par place */
.chambres[b-k985i982gp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13.5rem, 1fr));
    gap: .6rem;
}

.tuile[b-k985i982gp] {
    border: 1px solid #d5dde5;
    border-top: 4px solid #2b8a3e;
    border-radius: .35rem;
    background-color: #fff;
    padding: .4rem .5rem .5rem;
}

.tuile-partielle[b-k985i982gp] {
    border-top-color: #e67700;
}

.tuile-complete[b-k985i982gp] {
    border-top-color: #c62828;
    background-color: #fcfcfd;
}

.tuile-vide[b-k985i982gp] {
    border-style: dashed;
    border-top-style: solid;
}

.tuile.placable[b-k985i982gp] {
    box-shadow: 0 0 0 2px rgba(255, 193, 7, .6);
}

.tuile-entete[b-k985i982gp] {
    display: flex;
    align-items: center;
    margin-bottom: .35rem;
    min-height: 1.6rem;
}

.tuile-numero[b-k985i982gp] {
    font-weight: 700;
    font-size: .9rem;
    cursor: pointer;
}

.tuile-crayon[b-k985i982gp] {
    color: #adb5bd;
    visibility: hidden;
}

.tuile-numero:hover .tuile-crayon[b-k985i982gp] {
    visibility: visible;
}

.tuile-numero-saisie[b-k985i982gp] {
    width: 6rem;
}

.tuile-etat[b-k985i982gp] {
    font-size: .75rem;
    font-weight: 600;
    color: #6c757d;
    white-space: nowrap;
}

.tuile-complete .tuile-etat[b-k985i982gp] {
    color: #c62828;
}

.tuile-partielle .tuile-etat[b-k985i982gp] {
    color: #e67700;
}

.tuile-vide .tuile-etat[b-k985i982gp] {
    color: #2b8a3e;
}

.tuile-lits[b-k985i982gp] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.lit-occupe[b-k985i982gp] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: .2rem .4rem;
    border-radius: .25rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
    font-size: .85rem;
    cursor: pointer;
}

    .lit-occupe:hover[b-k985i982gp] {
        background-color: color-mix(in srgb, var(--processio-couleur) 15%, #fff);
    }

    .lit-occupe.choisi[b-k985i982gp] {
        background-color: #fff3cd;
        box-shadow: inset 4px 0 0 #ffc107;
    }

.lit-nom[b-k985i982gp] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lit-libre[b-k985i982gp] {
    display: flex;
    align-items: center;
    padding: .2rem .4rem;
    border: 1px dashed #b7c4d1;
    border-radius: .25rem;
    background-color: #fff;
    color: #8a99a8;
    font-size: .85rem;
    text-align: left;
}

    .lit-libre:not(:disabled)[b-k985i982gp] {
        border-color: #2b8a3e;
        background-color: #f4fbf6;
        color: #2b8a3e;
        font-weight: 600;
        cursor: pointer;
    }

        .lit-libre:not(:disabled):hover[b-k985i982gp] {
            background-color: #e3f5e8;
        }

    /* lit d'un autre type que celui de l'inscrit choisi : changement de type (et de prix), en orange */
    .lit-libre.autre-type:not(:disabled)[b-k985i982gp] {
        border-color: #e67700;
        background-color: #fff6eb;
        color: #b35c00;
    }

        .lit-libre.autre-type:not(:disabled):hover[b-k985i982gp] {
            background-color: #ffe9cf;
        }

/* occupants en clair sous la chambre */
.tuile-noms[b-k985i982gp] {
    margin-top: .4rem;
    font-size: .8rem;
    line-height: 1.35;
}

.tuile-nom[b-k985i982gp] {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .tuile-nom.choisi[b-k985i982gp] {
        font-weight: 700;
    }

.pastille-personne[b-k985i982gp] {
    flex: 0 0 .55rem;
    height: .55rem;
    margin-right: .35rem;
    border-radius: 50%;
}

.tuile-invite[b-k985i982gp] {
    color: #2b8a3e;
    font-style: italic;
}

    .tuile-invite.autre-type[b-k985i982gp] {
        color: #b35c00;
    }

/* ===== vue d'ensemble : façade de l'hôtel, une fenêtre par chambre ===== */
.facade[b-k985i982gp] {
    margin: .6rem auto .5rem;
    max-width: 100%;
}

.facade-toit[b-k985i982gp] {
    height: 14px;
    margin: 0 6px;
    background: linear-gradient(180deg, #4a5966, #36424d);
    clip-path: polygon(3% 100%, 12% 0, 88% 0, 97% 100%);
}

.facade-enseigne[b-k985i982gp] {
    margin: -1px 0 0;
    padding: .1rem .5rem;
    background-color: var(--processio-couleur);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.facade-mur[b-k985i982gp] {
    position: relative;
    padding: .45rem .45rem 1.6rem;
    background:
        repeating-linear-gradient(0deg, #e8dccb 0 9px, #e2d4c0 9px 10px);   /* briques */
    border: 1px solid #cdbda6;
    border-top: 0;
}

.fenetres[b-k985i982gp] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
}

.fenetre[b-k985i982gp] {
    width: 12px;
    height: 15px;
    border: 1px solid #6b5a45;
    border-radius: 2px 2px 0 0;
    background-color: #34465b;                       /* éteinte : libre */
}

    .fenetre.entamee[b-k985i982gp] {
        background: linear-gradient(0deg, #ffd65a 50%, #34465b 50%);
    }

    .fenetre.allumee[b-k985i982gp] {
        background-color: #ffd65a;
        box-shadow: 0 0 6px rgba(255, 200, 60, .75);
    }

.facade-porte[b-k985i982gp] {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 26px;
    height: 22px;
    margin-left: -13px;
    border-radius: 13px 13px 0 0;
    background: linear-gradient(90deg, #6b4a2b 49%, #5a3d22 51%);
    border: 1px solid #4a3119;
    border-bottom: 0;
}
/* /Components/Pages/Inscriptions/PlacementTransports.razor.rz.scp.css */
/* couleurs des trajets, comme les onglets Transport aller / retour du pèlerinage */
.trajet-aller[b-ht6udn4dbu] {
    --couleur-trajet: var(--processio-couleur);
}

.trajet-retour[b-ht6udn4dbu] {
    --couleur-trajet: #1a7f72;
}

/* liste des transports : assez large pour le libellé et le départ */
.choix-transport[b-ht6udn4dbu] {
    width: 34rem;
    max-width: 100%;
}

/* « À placer » : par nom, en colonnes ; hauteur limitée, défilement au-delà */
.liste-a-placer[b-ht6udn4dbu] {
    columns: 17rem;
    column-gap: 1.25rem;
    max-height: 15rem;
    overflow-y: auto;
}

.a-placer[b-ht6udn4dbu] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .1rem .3rem;
    border-radius: .2rem;
    font-size: .85rem;
    cursor: pointer;
}

    .a-placer:hover[b-ht6udn4dbu] {
        background-color: color-mix(in srgb, var(--processio-couleur) 8%, #fff);
    }

    .a-placer.choisi[b-ht6udn4dbu] {
        background-color: var(--processio-couleur);
        color: #fff;
        font-weight: 600;
    }

.a-placer-nom[b-ht6udn4dbu] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.a-placer-categorie[b-ht6udn4dbu] {
    margin-left: auto;
    font-size: .75rem;
    color: #6c757d;
    white-space: nowrap;
}

.a-placer.choisi .a-placer-categorie[b-ht6udn4dbu] {
    color: rgba(255, 255, 255, .85);
}

/* consigne de l'inscrit choisi */
.consigne-placement[b-ht6udn4dbu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: .4rem .75rem;
    border-left: 4px solid #ffc107;
    border-radius: .25rem;
    background-color: #fffbea;
}

/* occupants de la voiture affichée, à droite du plan : un par ligne, par numéro de place, défilement à la hauteur de l'écran */
.liste-occupants[b-ht6udn4dbu] {
    max-height: 70vh;
    overflow-y: auto;
}

.occupant[b-ht6udn4dbu] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
    padding: .35rem .4rem;
    border-bottom: 1px solid #eef2f6;
    cursor: pointer;
}

    .occupant:last-child[b-ht6udn4dbu] {
        border-bottom: 0;
    }

    .occupant:hover[b-ht6udn4dbu] {
        background-color: color-mix(in srgb, var(--processio-couleur) 7%, #fff);
    }

    .occupant.choisi[b-ht6udn4dbu] {
        background-color: #fff3cd;
        box-shadow: inset 4px 0 0 #ffc107;
    }

/* numéro de place : rouge comme une place occupée du plan */
.occupant-place[b-ht6udn4dbu] {
    flex: 0 0 2.6rem;
    padding: .2rem 0;
    border-radius: .3rem;
    background-color: #dc3545;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-align: center;
}

.occupant-texte[b-ht6udn4dbu] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.occupant-nom[b-ht6udn4dbu] {
    font-weight: 600;
    font-size: .95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.occupant-detail[b-ht6udn4dbu] {
    font-size: .8rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* bandeau du transport ouvert : trajet en étiquette pleine à sa couleur, libellé, départ, placés */
.bandeau-transport[b-ht6udn4dbu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    padding: .6rem 1rem;
    border: 1px solid color-mix(in srgb, var(--couleur-trajet) 35%, #fff);
    border-left: 6px solid var(--couleur-trajet);
    border-radius: .35rem;
    background-color: color-mix(in srgb, var(--couleur-trajet) 8%, #fff);
}

.bandeau-trajet[b-ht6udn4dbu] {
    padding: .15rem .65rem;
    border-radius: 1rem;
    background-color: var(--couleur-trajet);
    color: #fff;
    font-weight: 700;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.bandeau-libelle[b-ht6udn4dbu] {
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--couleur-trajet);
}

.bandeau-compte[b-ht6udn4dbu] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--couleur-trajet);
}

/* vue d'ensemble : un titre par trajet, puis une carte par transport */
.titre-trajet[b-ht6udn4dbu] {
    color: var(--couleur-trajet);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: .04em;
    margin-bottom: .5rem;
    padding-bottom: .25rem;
    border-bottom: 1px solid color-mix(in srgb, var(--couleur-trajet) 30%, transparent);
}

.carte-transport[b-ht6udn4dbu] {
    height: 100%;
    padding: .75rem 1rem;
    background-color: #fff;
    border: 1px solid #c6d9ea;
    border-left: 4px solid var(--couleur-trajet);
    border-radius: .35rem;
    cursor: pointer;
    transition: box-shadow .15s, transform .15s;
}

    .carte-transport:hover[b-ht6udn4dbu] {
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
        transform: translateY(-1px);
    }

.carte-transport-titre[b-ht6udn4dbu] {
    font-weight: 600;
    color: var(--couleur-trajet);
    overflow: hidden;
    text-overflow: ellipsis;
}

.carte-transport-valeur[b-ht6udn4dbu] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--couleur-trajet);
}

.carte-transport-action[b-ht6udn4dbu] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--couleur-trajet);
}

.pastille-trajet[b-ht6udn4dbu] {
    display: inline-block;
    padding: .05rem .5rem;
    border-radius: 1rem;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--couleur-trajet);
    background-color: color-mix(in srgb, var(--couleur-trajet) 12%, transparent);
    white-space: nowrap;
}

/* train de la vue d'ensemble, dessiné comme dans les modèles de train : motrices aux deux bouts, voitures à deux niveaux */
.train[b-ht6udn4dbu] {
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    padding: .75rem 0 .5rem;
}

/* demi-largeur : les voitures se partagent la place (défilement seulement si le train est très long) */
.motrice[b-ht6udn4dbu] {
    flex: 0 0 28px;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
    background: linear-gradient(180deg, #5a6b7b, #3c4955);
}

    .motrice.avant[b-ht6udn4dbu] {
        border-radius: 26px 4px 4px 8px;
        margin-right: 3px;
    }

    .motrice.arriere[b-ht6udn4dbu] {
        border-radius: 4px 26px 8px 4px;
    }

.voiture[b-ht6udn4dbu] {
    flex: 1 1 0;
    min-width: 46px;
    max-width: 78px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-right: 3px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    text-align: center;
}

.voiture-numero[b-ht6udn4dbu] {
    font-weight: 700;
    color: var(--couleur-trajet);
    font-size: .85rem;
    line-height: 1.4rem;
}

.voiture .niveau[b-ht6udn4dbu] {
    display: block;
    padding: .45rem 0;
    font-size: .75rem;
    font-weight: 700;
    color: #212529;
    border: 1px solid rgba(0, 0, 0, .15);
    white-space: nowrap;
}

    .voiture .niveau small[b-ht6udn4dbu] {
        font-weight: 400;
        color: #6c757d;
    }

    /* salle haute (2e span) au-dessus, salle basse (3e) en dessous */
    .voiture .niveau:nth-of-type(2)[b-ht6udn4dbu] {
        border-radius: 8px 8px 0 0;
        border-bottom-style: dashed;
    }

    .voiture .niveau:nth-of-type(3)[b-ht6udn4dbu] {
        border-radius: 0 0 4px 4px;
        border-top: 0;
    }

    .voiture .niveau:hover[b-ht6udn4dbu] {
        box-shadow: inset 0 0 0 2px var(--couleur-trajet);
    }

.niveau-vide[b-ht6udn4dbu] {
    background: repeating-linear-gradient(45deg, #f8f9fa, #f8f9fa 4px, #eceff2 4px, #eceff2 8px);
    color: #adb5bd;
}

/* salle sans place proposée pour ce transport */
.voiture .niveau-ferme[b-ht6udn4dbu] {
    background: #eceff2 !important;
    color: #adb5bd;
}

.voiture .niveau-vide:hover[b-ht6udn4dbu] {
    box-shadow: none;
}

.voiture-total[b-ht6udn4dbu] {
    font-size: .75rem;
    color: #6c757d;
    line-height: 1.4rem;
    white-space: nowrap;
}

.legende-train[b-ht6udn4dbu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .legende-train > span[b-ht6udn4dbu] {
        display: inline-flex;
        align-items: center;
        margin-right: 1.2rem;
        margin-bottom: .2rem;
    }

    .legende-train .echantillon[b-ht6udn4dbu] {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 3px;
        margin-right: .4rem;
    }

/* barre de remplissage, à la couleur du trajet (vert une fois tout placé) */
.remplissage[b-ht6udn4dbu] {
    height: .35rem;
}

    .remplissage .progress-bar:not(.bg-success)[b-ht6udn4dbu] {
        background-color: var(--couleur-trajet, var(--processio-couleur));
    }

/* vue d'ensemble : une ligne par catégorie de place (prix, jauge, placés / inscrits) */
.ligne-categorie[b-ht6udn4dbu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    padding: .1rem 0;
}

.ligne-categorie-libelle[b-ht6udn4dbu] {
    flex: 0 0 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ligne-categorie-jauge[b-ht6udn4dbu] {
    flex: 1 1 auto;
    height: .4rem;
    border-radius: .2rem;
    background-color: #e9ecef;
    overflow: hidden;
}

    .ligne-categorie-jauge > span[b-ht6udn4dbu] {
        display: block;
        height: 100%;
        background-color: var(--couleur-trajet);
    }

.ligne-categorie-valeur[b-ht6udn4dbu] {
    flex: 0 0 auto;
    font-weight: 600;
    white-space: nowrap;
}

/* bandeau du transport ouvert : une pastille par catégorie */
.pastille-categorie[b-ht6udn4dbu] {
    padding: .1rem .55rem;
    border: 1px solid color-mix(in srgb, var(--couleur-trajet) 35%, #fff);
    border-radius: 1rem;
    background-color: #fff;
    font-size: .8rem;
    color: var(--couleur-trajet);
    white-space: nowrap;
}

/* salle pleine : liseré vert (la couleur de fond reste celle de la classe) */
.voiture .niveau-plein[b-ht6udn4dbu] {
    box-shadow: inset 0 0 0 2px #28a745;
}

.legende-train .niveau-plein-echantillon[b-ht6udn4dbu] {
    background: #fff;
    box-shadow: inset 0 0 0 2px #28a745;
}
/* /Components/Pages/Inscriptions/PreinscriptionAccueil.razor.rz.scp.css */
/* site public : pèlerinages ouverts à la préinscription, en cartes cliquables à la couleur du site */
.accueil-entete[b-icv9ngtpsd] {
    margin-bottom: 1.5rem;
}

.accueil-etapes[b-icv9ngtpsd] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    color: #495057;
}

    .accueil-etapes li[b-icv9ngtpsd] {
        display: flex;
        align-items: center;
    }

.etape-numero[b-icv9ngtpsd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: var(--processio-couleur);
    color: #fff;
    font-weight: bold;
    font-size: .85rem;
}

.accueil-recherche[b-icv9ngtpsd] {
    position: relative;
    max-width: 420px;
    margin-bottom: 1.25rem;
}

    .accueil-recherche .fas[b-icv9ngtpsd] {
        position: absolute;
        left: .75rem;
        top: 50%;
        transform: translateY(-50%);
        color: #6c757d;
    }

    .accueil-recherche input[b-icv9ngtpsd] {
        padding-left: 2.2rem;
    }

/* une ligne par pèlerinage : bandeau à gauche (date façon calendrier + nom), détails au milieu, bouton à droite */
.liste-pelerinages[b-icv9ngtpsd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.carte-pelerinage[b-icv9ngtpsd] {
    display: flex;
    align-items: stretch;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    overflow: hidden;
    background-color: #fff;
    color: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    transition: box-shadow .15s, transform .15s;
}

    .carte-pelerinage:hover[b-icv9ngtpsd], .carte-pelerinage:focus[b-icv9ngtpsd] {
        color: inherit;
        text-decoration: none;
        box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .12);
        transform: translateY(-2px);
    }

.carte-haut[b-icv9ngtpsd] {
    flex: 0 0 340px;
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem;
    background-color: var(--processio-couleur);
    color: #fff;
}

.carte-date[b-icv9ngtpsd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 3.6rem;
    padding: .3rem .4rem;
    border-radius: .35rem;
    background-color: #fff;
    color: var(--processio-couleur);
    line-height: 1.1;
}

.carte-jour[b-icv9ngtpsd] {
    font-size: 1.5rem;
    font-weight: bold;
}

.carte-mois[b-icv9ngtpsd] {
    font-size: .75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.carte-libelle[b-icv9ngtpsd] {
    font-size: 1.1rem;
    font-weight: 600;
}

.carte-destination[b-icv9ngtpsd] {
    font-size: .9rem;
    opacity: .9;
}

.carte-corps[b-icv9ngtpsd] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 2rem;
    padding: .9rem 1.25rem;
}

    .carte-corps > div:first-child[b-icv9ngtpsd] {
        display: flex;
        flex-direction: column;
        gap: .35rem;
    }

.carte-prestations[b-icv9ngtpsd] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .25rem;
}

    .carte-prestations > span[b-icv9ngtpsd] {
        padding: .15rem .55rem;
        border-radius: 1rem;
        font-size: .8rem;
        background-color: color-mix(in srgb, var(--processio-couleur) 10%, transparent);
        color: var(--processio-couleur);
    }

        .carte-prestations > span .fas[b-icv9ngtpsd] {
            margin-right: .25rem;
        }

/* même largeur sur chaque ligne ; le bouton reste en bas même sans coordonnées */
.carte-droite[b-icv9ngtpsd] {
    flex: 0 0 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem 1.25rem;
    border-left: 1px dashed #dee2e6;
}

.carte-contact[b-icv9ngtpsd] {
    font-size: .85rem;
    color: #6c757d;
    overflow-wrap: anywhere;
}

.carte-droite .btn[b-icv9ngtpsd] {
    margin-top: auto;
    white-space: nowrap;
}

/* écran étroit (téléphone) : bandeau au-dessus, détails puis bouton en dessous */
@media (max-width: 767.98px) {
    .carte-pelerinage[b-icv9ngtpsd] {
        flex-direction: column;
    }

    .carte-haut[b-icv9ngtpsd] {
        flex-basis: auto;
    }

    .carte-corps[b-icv9ngtpsd] {
        flex-direction: column;
        align-items: stretch;
    }

    .carte-droite[b-icv9ngtpsd] {
        flex-basis: auto;
        border-left: 0;
        border-top: 1px dashed #dee2e6;
    }
}
/* /Components/Pages/Inscriptions/PreinscriptionFormulaire.razor.rz.scp.css */
/* formulaire public de préinscription : en-tête comme les cartes de la liste, récapitulatif qui suit la saisie */
.retour-liste[b-mcxv6my5dt] {
    display: inline-block;
    margin-bottom: .75rem;
}

.formulaire-entete[b-mcxv6my5dt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    border-radius: .5rem;
    background-color: var(--processio-couleur);
    color: #fff;
}

.entete-date[b-mcxv6my5dt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 4.2rem;
    padding: .35rem .5rem;
    border-radius: .35rem;
    background-color: #fff;
    color: var(--processio-couleur);
    line-height: 1.1;
}

.entete-jour[b-mcxv6my5dt] {
    font-size: 1.8rem;
    font-weight: bold;
}

.entete-mois[b-mcxv6my5dt] {
    font-size: .8rem;
    text-transform: uppercase;
    white-space: nowrap;
}

/* les cadres GroupeFiche ont un pb-0 (!important) : un peu d'air sous le dernier champ */
.preinscription-formulaire[b-mcxv6my5dt]  .groupe-fiche > .card-body {
    padding-bottom: .5rem !important;
}

.recapitulatif[b-mcxv6my5dt] {
    position: sticky;
    top: 1rem;
    margin-bottom: 1rem;
}

.recap-participant[b-mcxv6my5dt] {
    margin-bottom: .75rem;
}

.recap-total td[b-mcxv6my5dt] {
    font-weight: bold;
    font-size: 1.1rem;
    border-top: 2px solid #dee2e6;
}

.quantite input[readonly][b-mcxv6my5dt] {
    background-color: #fff;
}

.confirmation-reference[b-mcxv6my5dt] {
    display: inline-block;
    margin: .25rem 0 1rem;
    padding: .3rem 1.2rem;
    border-radius: .4rem;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .1rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 10%, transparent);
    color: var(--processio-couleur);
}
/* /Components/Pages/Inscriptions/Preinscriptions.razor.rz.scp.css */
/* préinscription annulée : en rouge comme les lignes annulées de la 3.x (annulRow) ; ::deep sous le cadre de la page (la grille est un composant Telerik) */
.preinscriptions-liste[b-mkn80sj3vm]  .ligne-annulee td {
    color: #d63c2f;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-gjhkselctg] {
    margin-top: 1rem;
}

.login-presentation[b-gjhkselctg] {
    background: linear-gradient(160deg, color-mix(in srgb, var(--processio-couleur) 80%, white) 0%, var(--processio-couleur) 100%);
    color: #fff;
}

    .login-presentation h2[b-gjhkselctg] {
        color: #fff;
    }

.btn-login[b-gjhkselctg] {
    background-color: var(--processio-couleur);
    border-color: var(--processio-couleur);
    color: #fff;
}

    .btn-login:hover[b-gjhkselctg],
    .btn-login:focus[b-gjhkselctg] {
        background-color: color-mix(in srgb, var(--processio-couleur) 85%, black);
        border-color: color-mix(in srgb, var(--processio-couleur) 85%, black);
        color: #fff;
    }

.btn-login:disabled[b-gjhkselctg] {
    opacity: .75;
}
/* /Components/Pages/NotesVersion.razor.rz.scp.css */
/* notes de version : une carte par version (styles .cadre-onglet / .pastille de app.css), la version actuelle soulignée (comme Chorale) */
.notes-version[b-lx4b8oif8l] {
    max-width: 900px;
}

.icone-notes[b-lx4b8oif8l] {
    color: var(--processio-couleur);
}

.version-courante[b-lx4b8oif8l] {
    border-color: var(--processio-couleur);
    box-shadow: inset 4px 0 0 var(--processio-couleur);
}

.liste-notes[b-lx4b8oif8l] {
    margin: 0;
    padding: .75rem 1rem .75rem 2.25rem;
    line-height: 1.5;
}

    .liste-notes li + li[b-lx4b8oif8l] {
        margin-top: .35rem;
    }
/* /Components/Pages/Parametres/Casse.razor.rz.scp.css */
/* casse des saisies : un tableau par groupe de champs, exemple « saisi → enregistré » */
/* boutons sous « Les choix possibles », à droite */
.casse-actions[b-7mf8yqrb9r] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.casse-aide[b-7mf8yqrb9r] {
    padding: .6rem .9rem;
    border: 1px solid #dee2e6;
    border-left: 4px solid var(--processio-couleur);
    border-radius: .3rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 5%, transparent);
}

    .casse-aide summary[b-7mf8yqrb9r] {
        cursor: pointer;
        font-weight: 600;
        color: var(--processio-couleur);
    }

.tableau-casse td[b-7mf8yqrb9r], .tableau-casse th[b-7mf8yqrb9r] {
    padding-left: .9rem;
}

.ligne-modifiee[b-7mf8yqrb9r] {
    background-color: color-mix(in srgb, var(--processio-couleur) 6%, transparent);
}

.exemple-saisi[b-7mf8yqrb9r] {
    font-style: italic;
}

.exemple-enregistre[b-7mf8yqrb9r] {
    font-weight: 600;
}
/* /Components/Pages/Parametres/ModelesTrain.razor.rz.scp.css */
/* bandeau d'un type de train dans la liste des modèles */
.groupe-type[b-jilpfo13dh] {
    background-color: #eef3f8;
    color: var(--processio-couleur);
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

/* classes de voiture : même couleur dans le train, le tableau, la répartition et la légende (3.x : Première en jaune) */
.classe-premiere[b-jilpfo13dh] { background-color: #ffe08a; color: #6b4e00; }
.classe-seconde[b-jilpfo13dh] { background-color: #cfe0f1; color: #234a6b; }
.classe-bar[b-jilpfo13dh] { background-color: #e2d4f3; color: #4b2a77; }

.classe[b-jilpfo13dh] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 1rem;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

/* le train : motrices aux deux bouts, voitures à deux niveaux */
.train[b-jilpfo13dh] {
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    padding: .5rem 0 1rem;
}

.motrice[b-jilpfo13dh] {
    flex: 0 0 46px;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
    background: linear-gradient(180deg, #5a6b7b, #3c4955);
}

.motrice.avant[b-jilpfo13dh] {
    border-radius: 40px 4px 4px 10px;
    margin-right: 4px;
}

.motrice.arriere[b-jilpfo13dh] {
    border-radius: 4px 40px 10px 4px;
}

.voiture[b-jilpfo13dh] {
    flex: 0 0 86px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-right: 4px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    text-align: center;
}

.voiture-numero[b-jilpfo13dh] {
    font-weight: 700;
    color: var(--processio-couleur);
    font-size: .85rem;
    line-height: 1.4rem;
}

.voiture .niveau[b-jilpfo13dh] {
    display: block;
    padding: .45rem .2rem;
    font-size: .75rem;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, .12);
    white-space: nowrap;
}

.voiture .niveau:nth-of-type(2)[b-jilpfo13dh] {
    border-radius: 8px 8px 0 0;
    border-bottom-style: dashed;
}

.voiture .niveau:nth-of-type(3)[b-jilpfo13dh] {
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

.niveau-vide[b-jilpfo13dh] {
    background: repeating-linear-gradient(45deg, #f8f9fa, #f8f9fa 4px, #eceff2 4px, #eceff2 8px);
    color: #adb5bd;
}

.voiture-total[b-jilpfo13dh] {
    font-size: .75rem;
    color: #6c757d;
    line-height: 1.4rem;
}

.voiture:hover .niveau[b-jilpfo13dh] {
    filter: brightness(.95);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}

.voiture.choisie .niveau[b-jilpfo13dh] {
    border-color: var(--processio-couleur);
    box-shadow: 0 0 0 2px var(--processio-couleur);
}

.legende-classes[b-jilpfo13dh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.legende-classes > span[b-jilpfo13dh] {
    display: inline-flex;
    align-items: center;
    margin-right: 1.2rem;
    margin-bottom: .3rem;
}

.legende-classes .echantillon[b-jilpfo13dh] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 3px;
    margin-right: .4rem;
}

/* tableau des voitures : ligne cliquable */
.tableau-voitures thead th[b-jilpfo13dh],
.repartition thead th[b-jilpfo13dh] {
    background-color: #f4f7fa;
    color: #5a6b7b;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-top: 0;
}

.tableau-voitures tbody tr[b-jilpfo13dh] {
    cursor: pointer;
}

.tableau-voitures td[b-jilpfo13dh] {
    vertical-align: middle;
}

/* carte de répartition par classe (3.x : Statistiques) */
.repartition[b-jilpfo13dh] {
    border: 1px solid #dee2e6;
    border-radius: .4rem;
    overflow: hidden;
}

.repartition-titre[b-jilpfo13dh] {
    padding: .5rem .75rem;
    font-weight: 600;
    color: var(--processio-couleur);
    background-color: #eef3f8;
}

.repartition tfoot th[b-jilpfo13dh] {
    border-top: 2px solid #dee2e6;
}

/* aperçu des salles de la voiture choisie, dans le panneau */
.apercu-voiture[b-jilpfo13dh] {
    border: 1px solid #bee5eb;
    background-color: #f1fafc;
    border-radius: .4rem;
    padding: .75rem;
}

.apercu-salle[b-jilpfo13dh] {
    font-weight: 600;
    color: var(--processio-couleur);
    margin-bottom: .25rem;
}

.apercu-total[b-jilpfo13dh] {
    border-top: 1px solid #bee5eb;
    margin-top: .6rem;
    padding-top: .5rem;
    text-align: center;
    font-weight: 600;
}

/* liste des modèles vide */
.liste-vide[b-jilpfo13dh] {
    color: #6c757d;
    font-style: italic;
    text-align: center;
    padding: 1.2rem .75rem;
}

.liste-vide .fas[b-jilpfo13dh] {
    color: #c6d9ea;
}

/* vue d'ensemble : une carte par modèle de train, avec le train dessiné (aperçu non cliquable voiture par voiture) */
.carte-train[b-jilpfo13dh] {
    padding: .75rem 1rem .5rem;
    border: 1px solid #c6d9ea;
    border-left: 4px solid var(--processio-couleur);
    border-radius: .35rem;
    background-color: #fff;
    cursor: pointer;
    transition: box-shadow .15s, transform .15s;
}

    .carte-train:hover[b-jilpfo13dh] {
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
        transform: translateY(-1px);
    }

.carte-train-titre[b-jilpfo13dh] {
    font-weight: 600;
    color: var(--processio-couleur);
}

.carte-train-action[b-jilpfo13dh] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--processio-couleur);
}

.train-apercu .voiture[b-jilpfo13dh] {
    cursor: inherit;
}
/* /Components/Pages/Parametres/ModelesVoiture.razor.rz.scp.css */
/* liste des modèles vide */
.liste-vide[b-8ma0hf69mj] {
    color: #6c757d;
    font-style: italic;
    text-align: center;
    padding: 1.2rem .75rem;
}

.liste-vide .fas[b-8ma0hf69mj] {
    color: #c6d9ea;
}

/* plan de la voiture à sa taille réelle, défilement si plus large que la colonne (3.x : #planSvg) */
.plan-voiture[b-8ma0hf69mj] {
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f8f9fa;
    padding: 10px;
}

.plan-voiture svg[b-8ma0hf69mj] {
    display: block;
    background-color: rgba(255, 255, 255, .9);
    user-select: none;
}

.plan-voiture .place[b-8ma0hf69mj] {
    cursor: pointer;
}

/* siège : fond clair légèrement transparent (le plan reste lisible dessous), trait soutenu, coins arrondis */
.plan-voiture .place .siege[b-8ma0hf69mj] {
    fill: var(--fond);
    fill-opacity: .82;
    stroke: var(--trait);
    stroke-width: 1.5px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .18));
    transition: fill-opacity .15s ease, stroke-width .15s ease;
}

.plan-voiture .place.inactive .siege[b-8ma0hf69mj] {
    stroke-dasharray: 3 2;
    fill-opacity: .6;
}

.plan-voiture .place .siege-numero[b-8ma0hf69mj] {
    fill: var(--trait);
    font-weight: 700;
    text-anchor: middle;
    dominant-baseline: central;
    pointer-events: none;
    filter: brightness(.7);
}

.plan-voiture .place:hover .siege[b-8ma0hf69mj] {
    fill-opacity: 1;
    stroke-width: 2.5px;
}

/* place ouverte dans le panneau latéral : couleur de Processio, n° en blanc */
.plan-voiture .place.choisie .siege[b-8ma0hf69mj] {
    fill: var(--processio-couleur);
    fill-opacity: .9;
    stroke: var(--processio-couleur);
    stroke-width: 2.5px;
}

.plan-voiture .place.choisie .siege-numero[b-8ma0hf69mj] {
    fill: #fff;
    filter: none;
}

/* place en cours de tracé */
.plan-voiture .trace-dessin[b-8ma0hf69mj] {
    fill: var(--processio-couleur);
    fill-opacity: .18;
    stroke: var(--processio-couleur);
    stroke-width: 2px;
    stroke-dasharray: 6 4;
    pointer-events: none;
}

.legende-plan[b-8ma0hf69mj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.legende-plan > span[b-8ma0hf69mj] {
    display: inline-flex;
    align-items: center;
    margin-right: 1.2rem;
    margin-bottom: .3rem;
}

.legende-plan .echantillon[b-8ma0hf69mj] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1.5px solid var(--trait);
    border-radius: 4px;
    background-color: var(--fond);
    margin-right: .4rem;
}

.legende-plan .echantillon.inactive[b-8ma0hf69mj] {
    border-style: dashed;
}

.legende-plan .echantillon.choisie[b-8ma0hf69mj] {
    background-color: var(--processio-couleur);
    border-color: var(--processio-couleur);
}

.legende-plan .echantillon.rond[b-8ma0hf69mj] {
    border-radius: 50%;
}

/* liste : un groupe par numéro de voiture, ses salles en lignes */
.groupe-voiture[b-8ma0hf69mj] {
    border-top: 1px solid #eef1f4;
    padding: .35rem .5rem .45rem;
}

.groupe-voiture-titre[b-8ma0hf69mj] {
    display: flex;
    align-items: center;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #5a6b7b;
    margin-bottom: .2rem;
}

.numero-voiture[b-8ma0hf69mj] {
    display: inline-block;
    min-width: 1.4rem;
    margin-right: .4rem;
    padding: 0 .3rem;
    border-radius: .25rem;
    background-color: var(--processio-couleur);
    color: #fff;
    text-align: center;
}

.salle-ligne[b-8ma0hf69mj] {
    display: flex;
    align-items: center;
    gap: .4rem;
    width: 100%;
    padding: .3rem .4rem;
    border: 0;
    border-radius: .3rem;
    background: none;
    text-align: left;
    font-size: .88rem;
}

    .salle-ligne:hover[b-8ma0hf69mj] {
        background-color: color-mix(in srgb, var(--processio-couleur) 7%, #fff);
    }

    .salle-ligne.active[b-8ma0hf69mj] {
        background-color: color-mix(in srgb, var(--processio-couleur) 14%, #fff);
        box-shadow: inset 3px 0 0 var(--processio-couleur);
        font-weight: 600;
    }

.salle-nom[b-8ma0hf69mj] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.classe-pastille[b-8ma0hf69mj] {
    flex: 0 0 auto;
    padding: 0 .35rem;
    border-radius: .2rem;
    font-size: .72rem;
    color: #1f2d3a;
}

.salle-places[b-8ma0hf69mj] {
    flex: 0 0 2rem;
    text-align: right;
    font-weight: 700;
    color: var(--processio-couleur);
}

/* nombre de places calculé d'après le plan */
.valeur-calculee[b-8ma0hf69mj] {
    background-color: #f8f9fa;
    font-weight: 700;
}

/* classe du modèle : un bouton par classe, à sa couleur des modèles de train */
.choix-classes[b-8ma0hf69mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.choix-classe[b-8ma0hf69mj] {
    padding: .35rem .8rem;
    border: 1px solid var(--fonce);
    border-radius: .3rem;
    color: #1f2d3a;
    opacity: .65;
}

    .choix-classe.choisie[b-8ma0hf69mj] {
        opacity: 1;
        font-weight: 700;
        box-shadow: 0 0 0 2px var(--fonce);
    }

/* type de siège : un bouton par type, avec un échantillon aux couleurs du plan */
/* panneau d'une place : coche « Proposée » centrée sur la hauteur du champ Numéro */
.coche-alignee[b-8ma0hf69mj] {
    display: flex;
    align-items: center;
    min-height: calc(1.5em + .75rem + 2px);
}

    .coche-alignee[b-8ma0hf69mj]  .form-group,
    .coche-alignee[b-8ma0hf69mj]  .form-check,
    .coche-alignee[b-8ma0hf69mj]  .custom-control {
        margin-bottom: 0;
    }

/* panneau d'une place : séparation avant la position sur le plan */
.titre-section-place[b-8ma0hf69mj] {
    margin: 1.25rem 0 .6rem;
    padding-top: .75rem;
    border-top: 1px solid #e3e8ee;
    font-weight: 600;
    color: var(--processio-couleur);
}

.choix-sieges[b-8ma0hf69mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.choix-siege[b-8ma0hf69mj] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .7rem;
    border: 1px solid #c6d0da;
    border-radius: .3rem;
    background-color: #fff;
    color: #1f2d3a;
}

    .choix-siege.choisi[b-8ma0hf69mj] {
        border-color: var(--trait);
        box-shadow: 0 0 0 2px var(--trait);
        font-weight: 700;
    }

.echantillon-siege[b-8ma0hf69mj] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .4rem;
    border: 1px solid var(--trait);
    border-radius: 3px;
    background-color: var(--fond);
}

/* mode dessin : consigne et plan entouré */
.consigne-dessin[b-8ma0hf69mj] {
    padding: .35rem .7rem;
    border-left: 4px solid #ffc107;
    border-radius: .25rem;
    background-color: #fffbea;
    font-size: .85rem;
}

.plan-voiture.en-dessin[b-8ma0hf69mj] {
    border-color: #ffc107;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, .35);
}

.legende-plan strong[b-8ma0hf69mj] {
    margin-left: .3rem;
}

/* vue d'ensemble : les voitures du type dessinées côte à côte (salle haute au-dessus, basse en dessous) */
.voitures-dessin[b-8ma0hf69mj] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.voiture-dessin[b-8ma0hf69mj] {
    display: flex;
    flex-direction: column;
    width: 5.2rem;
    padding: .35rem .35rem .2rem;
    border: 2px solid #5a6b7b;
    border-radius: .9rem .9rem .35rem .35rem;
    background: linear-gradient(180deg, #f4f6f8, #e6ebf0);
}

.voiture-dessin-numero[b-8ma0hf69mj] {
    font-size: .72rem;
    font-weight: 700;
    text-align: center;
    color: var(--processio-couleur);
    margin-bottom: .25rem;
    white-space: nowrap;
}

.niveau-dessin[b-8ma0hf69mj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 3px;
    padding: .35rem .4rem;
    border: 1px solid;
    border-radius: .3rem;
    font-size: .75rem;
    color: #1f2d3a;
    transition: transform .12s, box-shadow .12s;
}

button.niveau-dessin:hover[b-8ma0hf69mj] {
    transform: translateY(-1px);
    box-shadow: 0 0 0 2px var(--processio-couleur);
}

.niveau-classe[b-8ma0hf69mj] {
    font-weight: 600;
}

.niveau-places[b-8ma0hf69mj] {
    font-weight: 700;
    font-size: .85rem;
}

.niveau-absent[b-8ma0hf69mj] {
    justify-content: center;
    border: 1px dashed #b7c4d1;
    background: repeating-linear-gradient(45deg, #f8f9fa, #f8f9fa 4px, #eceff2 4px, #eceff2 8px);
    color: #adb5bd;
}

.voiture-dessin-roues[b-8ma0hf69mj] {
    display: flex;
    justify-content: space-between;
    padding: 0 .5rem;
    height: .5rem;
}

    .voiture-dessin-roues span[b-8ma0hf69mj] {
        width: .7rem;
        height: .7rem;
        margin-top: .05rem;
        border-radius: 50%;
        background-color: #3c4955;
    }

.legende-classes[b-8ma0hf69mj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem 1.2rem;
}

    .legende-classes > span[b-8ma0hf69mj] {
        display: inline-flex;
        align-items: center;
    }

.echantillon-classe[b-8ma0hf69mj] {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: .4rem;
    border: 1px solid;
    border-radius: 3px;
}
/* /Components/Pages/Parametres/Rgpd.razor.rz.scp.css */
/* principe : Processio propose, l'utilisateur choisit */
.rgpd-principe[b-9jput6pot5] {
    padding: .6rem .9rem;
    border-left: 4px solid var(--processio-couleur);
    border-radius: .3rem;
    background-color: color-mix(in srgb, var(--processio-couleur) 6%, #fff);
}

/* règles appliquées, en tête de chaque onglet */
.rgpd-regle[b-9jput6pot5] {
    padding: .8rem 1rem;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    background-color: #fff;
}

    .rgpd-regle ul[b-9jput6pot5] {
        padding-left: 1.2rem;
        margin-bottom: .5rem;
    }

.rgpd-regle-titre[b-9jput6pot5] {
    font-weight: 700;
    color: var(--processio-couleur);
    margin-bottom: .4rem;
}

.rgpd-regle-suite[b-9jput6pot5] {
    font-size: .85rem;
    color: #6c7a89;
}

.rgpd-duree[b-9jput6pot5] {
    font-weight: 700;
    white-space: nowrap;
}

/* lignes cochables */
.ligne-cochable[b-9jput6pot5] {
    cursor: pointer;
}

.ligne-cochee td[b-9jput6pot5] {
    background-color: #fdecea;
}

/* liste des contacts : défilement dans le cadre */
.rgpd-defilement[b-9jput6pot5] {
    max-height: 60vh;
    overflow-y: auto;
}

    .rgpd-defilement thead th[b-9jput6pot5] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #fff;
    }

.rgpd-recherche[b-9jput6pot5] {
    width: 14rem;
}

/* pièce d'identité à effacer */
.rgpd-piece[b-9jput6pot5] {
    display: inline-block;
    margin: 0 .3rem .2rem 0;
    padding: .05rem .5rem;
    border-radius: 1rem;
    border: 1px solid #c9d3dd;
    font-size: .8rem;
    white-space: nowrap;
}

/* historique (comme Denier) : une ligne par traitement, icône colorée selon le type, date et auteur à droite */
.rgpd-historique[b-9jput6pot5] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #dee2e6;
    border-radius: .35rem;
}

.rgpd-historique-ligne[b-9jput6pot5] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .6rem .75rem;
    border-bottom: 1px solid #f1f3f5;
}

    .rgpd-historique-ligne:last-child[b-9jput6pot5] {
        border-bottom: 0;
    }

    .rgpd-historique-ligne:hover[b-9jput6pot5] {
        background-color: color-mix(in srgb, var(--processio-couleur) 4%, #fff);
    }

.rgpd-historique-icone[b-9jput6pot5] {
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: #fff;
}

.rgpd-historique-corps[b-9jput6pot5] {
    flex: 1 1 auto;
    min-width: 0;
}

.rgpd-historique-titre[b-9jput6pot5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.rgpd-historique-nombre[b-9jput6pot5] {
    display: inline-block;
    padding: 0 .45rem;
    border-radius: .25rem;
    color: #fff;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

.rgpd-historique-detail[b-9jput6pot5] {
    margin-top: .15rem;
    font-size: .8rem;
    color: #6c757d;
}

/* pèlerinages concernés */
.rgpd-commentaire[b-9jput6pot5] {
    margin: .2rem 0 0;
    padding-left: 1.1rem;
    font-size: .8rem;
    color: #495057;
}

.rgpd-historique-quand[b-9jput6pot5] {
    flex: 0 0 auto;
    text-align: right;
    font-size: .85rem;
    white-space: nowrap;
}

/* couleur d'un type de traitement : pastille ronde, nombre et bouton du filtre */
.rgpd-h-documents[b-9jput6pot5] {
    --couleur-h: #dc3545;
    background: var(--couleur-h);
}

.rgpd-h-sante[b-9jput6pot5] {
    --couleur-h: #8e44ad;
    background: var(--couleur-h);
}

.rgpd-h-aprevenir[b-9jput6pot5] {
    --couleur-h: #fd7e14;
    background: var(--couleur-h);
}

.rgpd-h-pieces[b-9jput6pot5] {
    --couleur-h: #2f6fa8;
    background: var(--couleur-h);
}

.rgpd-h-anonymisation[b-9jput6pot5] {
    --couleur-h: #28a745;
    background: var(--couleur-h);
}

.rgpd-h-reglage[b-9jput6pot5] {
    --couleur-h: #6c757d;
    background: var(--couleur-h);
}

.rgpd-h-comptabilite[b-9jput6pot5] {
    --couleur-h: #1a7f72;
    background: var(--couleur-h);
}

/* réglage de la base active, dans le texte de la règle */
.rgpd-select[b-9jput6pot5] {
    display: inline-block;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}

.rgpd-motif[b-9jput6pot5] {
    width: 13rem;
}

/* fiches écartées : repliées par défaut */
.rgpd-ecartees > summary[b-9jput6pot5] {
    cursor: pointer;
    list-style: none;
}

    .rgpd-ecartees > summary[b-9jput6pot5]::-webkit-details-marker {
        display: none;
    }

/* filtre par type : pilules au contour de la couleur du type, pleines si choisies ; après les .rgpd-h-* pour reprendre la main sur leur fond */
.rgpd-historique-filtres[b-9jput6pot5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
}

.filtre-historique[b-9jput6pot5] {
    display: inline-flex;
    align-items: center;
    padding: .15rem .6rem;
    border: 1px solid var(--couleur-h, #6c757d);
    border-radius: 1rem;
    background: #fff;
    color: var(--couleur-h, #6c757d);
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
}

    .filtre-historique:hover[b-9jput6pot5] {
        background: #f8f9fa;
    }

    .filtre-historique.actif[b-9jput6pot5] {
        background: var(--couleur-h, #6c757d);
        color: #fff;
    }

    .filtre-historique:focus[b-9jput6pot5] {
        outline: none;
        box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--processio-couleur) 25%, transparent);
    }

.filtre-historique-nombre[b-9jput6pot5] {
    margin-left: .4rem;
    padding: 0 .4rem;
    border-radius: 1rem;
    background: rgba(0, 0, 0, .08);
    font-size: .75rem;
}

@media (max-width: 575.98px) {
    .rgpd-historique-ligne[b-9jput6pot5] {
        flex-wrap: wrap;
    }

    .rgpd-historique-quand[b-9jput6pot5] {
        text-align: left;
        flex-basis: 100%;
        padding-left: 2.75rem;
    }
}

.rgpd-piece-expiree[b-9jput6pot5] {
    border-color: #f0b4ad;
    background-color: #fdecea;
    color: #b02a1f;
}
/* /Components/Pages/Pelerinages/PelerinageFiche.razor.rz.scp.css */
/* préinscription en ligne : bandeau avec interrupteur, vert quand elle est ouverte */
.preinscription-en-ligne[b-4v6mo4pj4i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    margin-bottom: 1rem;
    padding: .5rem .9rem;
    border: 1px solid #dee2e6;
    border-left: 4px solid #adb5bd;
    border-radius: .3rem;
    background-color: #f8f9fa;
}

    .preinscription-en-ligne.ouverte[b-4v6mo4pj4i] {
        border-left-color: #28a745;
        background-color: #eaf6ec;
    }
/* /Components/Parametres/PageParametre.razor.rz.scp.css */
/* grilles de paramétrage : présentation commune dans app.css (toutes les grilles) ; ici la première colonne en titre, la grille vide et le drapeau */

/* première colonne de données (après les cellules de regroupement) : le libellé */
.grille-parametres[b-upmxtg3n6x]  .k-grid tbody tr:not(.k-grouping-row) > td:first-child:not(.k-group-cell),
.grille-parametres[b-upmxtg3n6x]  .k-grid tbody tr:not(.k-grouping-row) > td.k-group-cell + td:not(.k-group-cell) {
    font-weight: 600;
    color: var(--processio-couleur);
}

/* grille vide : invitation centrée */
.grille-parametres[b-upmxtg3n6x]  .grille-vide {
    padding: 2rem 1rem;
    text-align: center;
    color: #6c757d;
}

.grille-parametres[b-upmxtg3n6x]  .grille-vide-icone {
    color: #c6d9ea;
    margin-bottom: .5rem;
}

.grille-parametres[b-upmxtg3n6x]  .grille-vide-titre {
    font-weight: 600;
    color: var(--processio-couleur);
}

/* drapeau devant le nom du pays */
.grille-parametres[b-upmxtg3n6x]  .drapeau {
    width: 20px;
    height: auto;
    margin-right: .4rem;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
    vertical-align: -1px;
}
/* /Components/Pelerinages/OngletArticles.razor.rz.scp.css */
/* une ligne d'article ouvre son panneau */
.ligne-article[b-z8x3pzghlu] {
    cursor: pointer;
}
/* /Components/Pelerinages/OngletHebergements.razor.rz.scp.css */
/* remplissage des lits (chiffres clés) : barre fine aux couleurs du menu */
.remplissage[b-psk0f7oqck] {
    height: .35rem;
    max-width: 10rem;
}

    .remplissage .progress-bar:not(.bg-danger):not(.bg-warning)[b-psk0f7oqck] {
        background-color: var(--processio-couleur);
    }

/* une ligne de type de chambre ouvre son panneau */
.ligne-type[b-psk0f7oqck] {
    cursor: pointer;
}

/* en-tête d'un hébergement : nom et responsable à gauche (coupés si trop longs), boutons à droite */
.entete-hebergement[b-psk0f7oqck] {
    min-width: 0;
}
/* /Components/Pelerinages/OngletRestauration.razor.rz.scp.css */
/* en-tête d'un lieu : nom et ville à gauche (coupés si trop longs), bouton à droite */
.entete-lieu[b-avgz4q9nlt] {
    min-width: 0;
}

/* repas réservés (chiffres clés) : barre fine aux couleurs du menu */
.remplissage[b-avgz4q9nlt] {
    height: .35rem;
    max-width: 10rem;
}

    .remplissage .progress-bar:not(.bg-danger):not(.bg-warning)[b-avgz4q9nlt] {
        background-color: var(--processio-couleur);
    }

/* une ligne de formule ouvre son panneau */
.ligne-formule[b-avgz4q9nlt] {
    cursor: pointer;
}
/* /Components/Pelerinages/OngletTransports.razor.rz.scp.css */
/* aller et retour (un onglet chacun) : une couleur par trajet (aller : celle du menu, retour : vert-bleu), reprise par la bande et l'en-tête */
.trajet-aller[b-w2qic0cfk2] {
    --couleur-trajet: var(--processio-couleur);
}

.trajet-retour[b-w2qic0cfk2] {
    --couleur-trajet: #1a7f72;
}

/* cadre d'un transport : bande de couleur à gauche, en-tête teinté */
.cadre-transport[b-w2qic0cfk2] {
    border-left: 4px solid var(--couleur-trajet);
}

    .cadre-transport .cadre-onglet-entete[b-w2qic0cfk2] {
        background-color: color-mix(in srgb, var(--couleur-trajet) 9%, transparent);
    }

    .cadre-transport .cadre-onglet-icone[b-w2qic0cfk2] {
        color: var(--couleur-trajet);
    }

/* en-tête d'un transport : libellé, horaires et responsable à gauche (coupés si trop longs), boutons à droite */
.entete-transport[b-w2qic0cfk2] {
    min-width: 0;
}

/* arrêts et catégories de placement côte à côte (sur grand écran), séparés par un trait */
.bloc-transport + .bloc-transport[b-w2qic0cfk2] {
    border-left: 1px solid #e9ecef;
}

@media (max-width: 1199.98px) {
    .bloc-transport + .bloc-transport[b-w2qic0cfk2] {
        border-left: 0;
        border-top: 1px solid #e9ecef;
    }
}

.sous-titre-transport[b-w2qic0cfk2] {
    padding: .5rem .75rem .25rem;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6c757d;
}

/* remplissage des places (chiffres clés) : barre fine aux couleurs du menu */
.remplissage[b-w2qic0cfk2] {
    height: .35rem;
    max-width: 10rem;
}

    .remplissage .progress-bar:not(.bg-danger):not(.bg-warning)[b-w2qic0cfk2] {
        background-color: var(--processio-couleur);
    }

/* transport rappelé en tête d'un panneau : icône du mode et trajet en pastille, à la couleur du trajet */
.designation-transport[b-w2qic0cfk2] {
    font-weight: 600;
}

.designation-icone[b-w2qic0cfk2] {
    color: var(--couleur-trajet);
}

.pastille-trajet[b-w2qic0cfk2] {
    display: inline-block;
    padding: .05rem .5rem;
    border-radius: 1rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--couleur-trajet);
    background-color: color-mix(in srgb, var(--couleur-trajet) 12%, transparent);
}

/* « Copier vers » : un titre par trajet à sa couleur */
.menu-copie-transport .dropdown-header[b-w2qic0cfk2] {
    color: var(--couleur-trajet);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .04em;
}

    .menu-copie-transport .dropdown-header:not(:first-child)[b-w2qic0cfk2] {
        border-top: 1px solid #e9ecef;
        margin-top: .25rem;
        padding-top: .5rem;
    }

/* une ligne d'arrêt ou de catégorie ouvre son panneau */
.ligne-cliquable-transport[b-w2qic0cfk2] {
    cursor: pointer;
}
/* /Components/Pelerinages/PelerinageInfos.razor.rz.scp.css */
/* durée calculée à partir des dates, à la hauteur d'un champ de saisie */
.duree-pelerinage[b-m1l4i3tujv] {
    padding: .375rem 0;
    font-weight: 600;
    color: var(--processio-couleur);
}

/* une prestation : icône, case à cocher et explication */
.prestation[b-m1l4i3tujv] {
    display: flex;
    align-items: flex-start;
    padding: .4rem 0;
}

    .prestation + .prestation[b-m1l4i3tujv] {
        border-top: 1px solid #f1f3f5;
    }

.prestation-icone[b-m1l4i3tujv] {
    margin: .2rem .75rem 0 0;
    font-size: 1.1rem;
    color: var(--processio-couleur);
}

    .prestation[b-m1l4i3tujv]  .form-group {
        margin-bottom: 0;
    }