/*
 * Repères des champs de « Nouvelle facture » (spec §5.9), posés sur le Class des champs MudBlazor (Variant.Outlined).
 * Classes de MudBlazor 9.10 : .mud-input.mud-input-outlined (zone de saisie), .mud-input-outlined-border (cadre),
 * .mud-input-helper-text (aide). Le cadre d'un champ désactivé (.mud-disabled) et celui de la saisie en cours
 * (:focus-within) restent ceux du thème. Les sélecteurs du cadre ont la spécificité de la règle de survol de MudBlazor
 * (:not(.mud-disabled):not(:focus-within):hover) : chargée après, cette feuille l'emporte aussi au survol.
 */

/* Lu dans le PDF (spec §10.2) : fond bleu pâle, cadre bleu, aide bleue. */
.champ-lu .mud-input.mud-input-outlined {
    background-color: #E6F1FB;
    border-radius: var(--mud-default-borderradius);
}

.champ-lu .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within) .mud-input-outlined-border {
    border-color: #85B7EB;
}

.champ-lu .mud-input-helper-text {
    color: #185FA5;
}

/* Légende de la carte « Facture » : un carré de la couleur du repère devant chaque texte. */
.legende-repere {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    vertical-align: middle;
}

.legende-lu {
    background-color: #E6F1FB;
    border: 1px solid #85B7EB;
}

.legende-a-remplir {
    background-color: #FFFFFF;
    border: 2px solid #EF9F27;
}

/* Attendu et encore vide : cadre ambre de 2 px, aide « à remplir ». */
.champ-a-remplir .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within) .mud-input-outlined-border {
    border-color: #EF9F27;
    border-width: 2px;
}

.champ-a-remplir .mud-input-helper-text {
    color: #854F0B;
}

/* Accueil, « Dans Chorus Pro » (spec §5.1) : destinataire et service exécutant sur plusieurs lignes, comme sur Chorus Pro ;
   montants et dates sur une seule. */
.colonne-etroite {
    width: 13rem;
    min-width: 9rem;
}

.sans-retour {
    white-space: nowrap;
}

/* Alignement des colonnes de tableau, titre compris : le style de MudSimpleTable (« text-align: start ») est plus précis qu'une
   classe seule, d'où le préfixe. Montants, statuts et dates centrés sous leur titre. */
.mud-simple-table .colonne-centree {
    text-align: center;
}

/* En-têtes de tableau (spec §5.11) : fond bleu pâle, titres bleu marine en gras, filet bleu dessous (thème « bleu
   institutionnel », §5.9). Feuille chargée après MudBlazor : à précision égale, elle l'emporte. */
.mud-simple-table table thead > tr > th {
    background-color: #E6F1FB;
    color: #0C447C;
    font-weight: 600;
    border-bottom: 2px solid #85B7EB;
}

/* Tableaux de l'accueil : largeur de leur contenu, sans dépasser la page (en pleine largeur, trop d'espace entre les
   colonnes). Destinataire et service exécutant gardent leur largeur de colonne étroite et passent à la ligne. */
.tableau-accueil {
    width: fit-content;
    max-width: 100%;
}

/* Titre sur une seule ligne (codes, n° d'engagement, montant, statut, dates). */
.mud-simple-table .colonne-serree {
    white-space: nowrap;
}

/* Statut : largeur fixe ; la mention « lu le … » d'une ligne du journal passe à la ligne au lieu d'élargir le tableau. */
.mud-simple-table .colonne-statut {
    width: 12rem;
}

/* « Dans Chorus Pro » : marges des cellules réduites (16 → 10 px de chaque côté) pour resserrer les colonnes. */
.mud-simple-table.mud-table-dense.tableau-accueil * tr > td,
.mud-simple-table.mud-table-dense.tableau-accueil * tr > th {
    padding-left: 10px;
    padding-right: 10px;
}