/*
 * 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;
}