@import '_content/MTDScan.Connecteurs.Blazor/MTDScan.Connecteurs.Blazor.xfin84jd95.bundle.scp.css';

/* /Pages/Aide.razor.rz.scp.css */
/* ---- mise en page 3 colonnes : sommaire | contenu | « Dans cette page » ---- */

.aide-layout[b-g9flja7hvq] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 2rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.5rem 0 3rem;
}

.aide-layout.avec-toc[b-g9flja7hvq] {
    grid-template-columns: 240px minmax(0, 1fr) 220px;
}

.aide-corps[b-g9flja7hvq] {
    max-width: 880px;
    min-width: 0;
}

/* ---- sommaire (volet gauche flottant) ---- */

.aide-nav[b-g9flja7hvq] {
    position: sticky;
    top: 1rem;
    align-self: start;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    padding-right: 0.75rem;
    border-right: 1px solid #ececef;
    font-size: 0.9rem;
}

.aide-nav-titre[b-g9flja7hvq] {
    display: block;
    font-weight: 650;
    font-size: 0.95rem;
    color: #1f2328;
    text-decoration: none;
    margin-bottom: 0.6rem;
}

.aide-nav-titre:hover[b-g9flja7hvq] {
    color: var(--bs-primary, #563d7c);
}

.aide-nav-recherche[b-g9flja7hvq] {
    width: 100%;
    font-size: 0.85rem;
    padding: 0.3rem 0.55rem;
    margin-bottom: 0.7rem;
    border: 1px solid #d6d6db;
    border-radius: 6px;
    outline: none;
}

.aide-nav-recherche:focus[b-g9flja7hvq] {
    border-color: var(--bs-primary, #563d7c);
    box-shadow: 0 0 0 3px rgba(86, 61, 124, 0.12);
}

.aide-nav[b-g9flja7hvq]  ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.aide-nav[b-g9flja7hvq]  ul ul {
    padding-left: 0.9rem;
    border-left: 2px solid #ececef;
    margin: 0.15rem 0 0.35rem 0.25rem;
}

.aide-nav[b-g9flja7hvq]  li {
    padding: 0.18rem 0;
}

.aide-nav[b-g9flja7hvq]  a {
    color: #374151;
    text-decoration: none;
    display: block;
    padding: 0.1rem 0.4rem;
    border-radius: 5px;
}

.aide-nav[b-g9flja7hvq]  a:hover {
    color: var(--bs-primary, #563d7c);
    background: #f4f4f5;
}

.aide-nav[b-g9flja7hvq]  a.actif {
    color: var(--bs-primary, #563d7c);
    background: rgba(86, 61, 124, 0.08);
    font-weight: 600;
}

.aide-nav[b-g9flja7hvq]  span {
    color: #6b7280;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Ligne d'une section de premier niveau (repliable) : libellé + chevron de bascule. */
.aide-nav[b-g9flja7hvq]  .aide-nav-section {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.aide-nav[b-g9flja7hvq]  .aide-nav-section > a,
.aide-nav[b-g9flja7hvq]  .aide-nav-section > span {
    flex: 1 1 auto;
    min-width: 0;
}

.aide-nav[b-g9flja7hvq]  .aide-nav-basculer {
    border: none;
    background: none;
    cursor: pointer;
    color: #9ca3af;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0 0.3rem;
    transition: transform 0.12s ease;
}

.aide-nav[b-g9flja7hvq]  .aide-nav-basculer.ouvert {
    transform: rotate(90deg);
}

.aide-nav[b-g9flja7hvq]  .aide-nav-basculer:hover {
    color: var(--bs-primary, #563d7c);
}

/* ---- fil d'Ariane ---- */

.aide-fil[b-g9flja7hvq] {
    font-size: 0.85rem;
    color: #6b7280;
    margin: 0.25rem 0 1.25rem;
}

.aide-fil a[b-g9flja7hvq] {
    color: var(--bs-primary, #563d7c);
    text-decoration: none;
}

.aide-fil a:hover[b-g9flja7hvq] {
    text-decoration: underline;
}

.aide-fil-separateur[b-g9flja7hvq] {
    margin: 0 0.45rem;
    color: #9ca3af;
}

.aide-fil-courant[b-g9flja7hvq] {
    color: #1f2328;
    font-weight: 600;
}

/* ---- « Dans cette page » (colonne droite flottante) ---- */

.aide-toc[b-g9flja7hvq] {
    position: sticky;
    top: 1rem;
    align-self: start;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    font-size: 0.85rem;
    border-left: 1px solid #ececef;
    padding-left: 1rem;
}

.aide-toc-titre[b-g9flja7hvq] {
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.4rem;
}

.aide-toc ul[b-g9flja7hvq] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aide-toc li[b-g9flja7hvq] {
    padding: 0.18rem 0;
}

.aide-toc a[b-g9flja7hvq] {
    color: #374151;
    text-decoration: none;
}

.aide-toc a:hover[b-g9flja7hvq] {
    color: var(--bs-primary, #563d7c);
    text-decoration: underline;
}

/* ---- résultats de recherche ---- */

.aide-resultat[b-g9flja7hvq] {
    padding: 0.7rem 0;
    border-bottom: 1px solid #ececef;
}

.aide-resultat-titre[b-g9flja7hvq] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--bs-primary, #563d7c);
    text-decoration: none;
}

.aide-resultat-titre:hover[b-g9flja7hvq] {
    text-decoration: underline;
}

.aide-resultat-route[b-g9flja7hvq] {
    font-size: 0.75rem;
    color: #9ca3af;
    font-family: Consolas, monospace;
    margin: 0.1rem 0 0.25rem;
}

.aide-resultat-extrait[b-g9flja7hvq] {
    font-size: 0.9rem;
    color: #374151;
    line-height: 1.5;
    margin: 0;
}

.aide-resultat-extrait mark[b-g9flja7hvq] {
    background: #ffe9a8;
    padding: 0 0.15rem;
    border-radius: 3px;
}

/* ---- écrans étroits : une colonne, sommaire replié en tête, TOC masquée ---- */

@media (max-width: 1100px) {
    .aide-layout[b-g9flja7hvq],
    .aide-layout.avec-toc[b-g9flja7hvq] {
        grid-template-columns: 1fr;
    }

    .aide-nav[b-g9flja7hvq] {
        position: static;
        max-height: none;
        border-right: none;
        border-bottom: 1px solid #ececef;
        padding: 0 0 0.75rem;
        margin-bottom: 0.75rem;
    }

    .aide-toc[b-g9flja7hvq] {
        display: none;
    }
}

/* ---- contenu markdown (::deep : le HTML vient de MarkupString, hors portée du CSS isolé) ---- */

.aide-contenu[b-g9flja7hvq]  h1 {
    font-size: 1.65rem;
    font-weight: 650;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ececef;
}

.aide-contenu[b-g9flja7hvq]  h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 1.75rem 0 0.6rem;
}

.aide-contenu[b-g9flja7hvq]  h3 {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 1.25rem 0 0.4rem;
}

.aide-contenu[b-g9flja7hvq]  p,
.aide-contenu[b-g9flja7hvq]  li {
    line-height: 1.55;
    color: #1f2328;
}

.aide-contenu[b-g9flja7hvq]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.75rem 0 1.25rem;
    font-size: 0.9rem;
}

.aide-contenu[b-g9flja7hvq]  th {
    text-align: left;
    background: #f8f9fa;
    border-bottom: 2px solid #e4e4e7;
    padding: 0.45rem 0.6rem;
}

.aide-contenu[b-g9flja7hvq]  td {
    border-bottom: 1px solid #ececef;
    padding: 0.45rem 0.6rem;
    vertical-align: top;
}

/* citation simple (>) : neutre — les niveaux typés passent par > [!NOTE] etc. */
.aide-contenu[b-g9flja7hvq]  blockquote {
    margin: 1rem 0;
    padding: 0.6rem 1rem;
    background: #f6f7f8;
    border-left: 4px solid #9ca3af;
    border-radius: 0 6px 6px 0;
    color: #4b5563;
}

.aide-contenu[b-g9flja7hvq]  blockquote p {
    margin: 0;
    color: inherit;
}

/* ---- encadrés à niveaux (> [!NOTE] / [!TIP] / [!IMPORTANT] / [!WARNING] / [!CAUTION]) ---- */

.aide-contenu[b-g9flja7hvq]  .aide-alerte {
    margin: 1rem 0;
    padding: 0.65rem 1rem;
    border-left: 4px solid;
    border-radius: 0 6px 6px 0;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte p {
    margin: 0 0 0.25rem;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-titre {
    font-weight: 650;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.3rem;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-info {
    background: #eef4fb;
    border-left-color: #3b82c4;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-info .aide-alerte-titre {
    color: #2b5d8f;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-astuce {
    background: #eefaf2;
    border-left-color: #2e9e5b;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-astuce .aide-alerte-titre {
    color: #227a46;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-important {
    background: #f3effb;
    border-left-color: #7c5cd6;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-important .aide-alerte-titre {
    color: #5c40b0;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-attention {
    background: #fbf7ef;
    border-left-color: #e0a800;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-attention .aide-alerte-titre {
    color: #8a6d00;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-danger {
    background: #fbefef;
    border-left-color: #d64545;
}

.aide-contenu[b-g9flja7hvq]  .aide-alerte-danger .aide-alerte-titre {
    color: #a83232;
}

.aide-contenu[b-g9flja7hvq]  code {
    background: #f4f4f5;
    border-radius: 4px;
    padding: 0.1rem 0.35rem;
    font-size: 0.85em;
}

.aide-contenu[b-g9flja7hvq]  pre {
    background: #f4f4f5;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    overflow-x: auto;
}

.aide-contenu[b-g9flja7hvq]  pre code {
    background: none;
    padding: 0;
}

.aide-contenu[b-g9flja7hvq]  img {
    max-width: 100%;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin: 0.5rem 0 1rem;
}

/* image cliquable : lightbox sur place — hack checkbox, CSS pur, AUCUNE navigation
   (une ancre #zoom serait résolue contre <base href="/"> et renverrait à l'accueil) */
.aide-contenu[b-g9flja7hvq]  label.aide-zoom {
    display: inline-block;
    cursor: zoom-in;
}

.aide-contenu[b-g9flja7hvq]  label.aide-zoom img {
    transition: box-shadow 0.12s ease;
}

.aide-contenu[b-g9flja7hvq]  label.aide-zoom:hover img {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}

.aide-contenu[b-g9flja7hvq]  .aide-zoom-case {
    display: none;
}

.aide-contenu[b-g9flja7hvq]  label.aide-zoom-voile {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(15, 17, 26, 0.82);
    align-items: center;
    justify-content: center;
    padding: 2rem;
    cursor: zoom-out;
}

.aide-contenu[b-g9flja7hvq]  .aide-zoom-case:checked + label.aide-zoom-voile {
    display: flex;
}

.aide-contenu[b-g9flja7hvq]  label.aide-zoom-voile img {
    max-width: 94vw;
    max-height: 92vh;
    margin: 0;
    border: none;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

/* ---- surbrillance des termes de recherche dans la page ouverte ---- */

.aide-surbrillance-bandeau[b-g9flja7hvq] {
    background: #fdf6dd;
    border: 1px solid #eeddad;
    border-radius: 6px;
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
    color: #6b5d20;
    margin-bottom: 1rem;
}

.aide-surbrillance-bandeau a[b-g9flja7hvq] {
    color: var(--bs-primary, #563d7c);
}

.aide-contenu[b-g9flja7hvq]  mark.aide-surbrillance {
    background: #ffe9a8;
    padding: 0 0.12rem;
    border-radius: 3px;
}

.aide-contenu[b-g9flja7hvq]  a {
    color: var(--bs-primary, #563d7c);
}
/* /Pages/ChorusActions/ChorusActionFiche.razor.rz.scp.css */
/* Feuille ISOLÉE de la fiche d'une action Chorus (Pages/ChorusActions/ChorusActionFiche.razor, INV-455) — classes
   préfixées cha-. Page routable distincte de la liste : l'isolation ne traverse pas deux pages, d'où sa propre feuille
   (les quelques règles communes sont recopiées, comme entre PortailRfe et FactureRfe). L'essentiel est du Bootstrap
   (charte §2, §3, §5, §6) ; ici la palette de la maquette : en-tête coloré par rôle d'étape, lettre en carré bleu Chorus,
   liste des documents à filets pointillés, boutons compacts. ⚠ Les DxPopup sont rendus hors de la racine : cette feuille
   ne les atteint pas (Bootstrap seul dedans). */

.cha-page[b-1bhmkji7zn] {
    font-size: 13px;
    line-height: 1.4;
}

/* Contenu sur fond gris clair (charte §2). */
.cha-fond[b-1bhmkji7zn] {
    background: #f5f6f8;
    min-height: 60vh;
}

.cha-badge-chorus[b-1bhmkji7zn] {
    background: #1f4e79;
    color: #fff;
}

.cha-barre-titre[b-1bhmkji7zn] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40vw;
}

.cha-barre-gauche[b-1bhmkji7zn] {
    min-width: 0;
}

/* Rappel « figé depuis l'activation » : ambre foncé lisible sur blanc (AA), jamais du jaune sur blanc. */
.cha-fige[b-1bhmkji7zn] {
    color: #997404;
}

.cha-dl dt[b-1bhmkji7zn] {
    font-weight: 400;
}

.cha-dl dd[b-1bhmkji7zn] {
    margin-bottom: .2rem;
}

/* Carte d'étape : en-tête coloré par rôle — A dépôt (ambre clair), B traitement (cyan clair), C arrivée (vert clair),
   E erreur (rouge clair) ; encre sombre partout pour le contraste. */
.cha-etape-entete[b-1bhmkji7zn] {
    color: #212529;
}

.cha-etape-A .cha-etape-entete[b-1bhmkji7zn] {
    background: #fff3cd;
}

.cha-etape-B .cha-etape-entete[b-1bhmkji7zn] {
    background: #cff4fc;
}

.cha-etape-C .cha-etape-entete[b-1bhmkji7zn] {
    background: #d1e7dd;
}

.cha-etape-E .cha-etape-entete[b-1bhmkji7zn] {
    background: #f8d7da;
}

.cha-lettre[b-1bhmkji7zn] {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #1f4e79;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-right: 6px;
    font-size: 13px;
}

.cha-stats-titre[b-1bhmkji7zn] {
    letter-spacing: .04em;
    margin-bottom: 4px;
}

/* Liste des documents d'une étape : un filet pointillé entre deux lignes, pas de puce. */
.cha-docs li[b-1bhmkji7zn] {
    padding: 4px 0;
    border-bottom: 1px dashed #eceef1;
    font-size: 12.5px;
}

.cha-docs li:last-child[b-1bhmkji7zn] {
    border-bottom: 0;
}

/* Bouton compact d'une ligne de document (plus petit que btn-sm, comme la maquette). */
.btn-xs[b-1bhmkji7zn] {
    padding: 0 6px;
    font-size: 11px;
    line-height: 1.6;
}

/* Glyphe d'état d'un élément du coffre : largeur fixe pour aligner la liste (patron RfeManifeste). */
.cha-glyphe[b-1bhmkji7zn] {
    min-width: 7.5em;
}
/* /Pages/ChorusActions/ChorusActionsListe.razor.rz.scp.css */
/* Feuille ISOLÉE de la liste des actions Chorus (Pages/ChorusActions/ChorusActionsListe.razor, INV-455) —
   classes préfixées cha-. L'essentiel est du Bootstrap (charte §3, §5, §8) ; ici seulement ce que la maquette
   ajoute : le badge « Chorus Pro », la ligne d'en-tête de groupe, les codes en monospace, les lignes archivées.
   ⚠ Les DxPopup sont rendus hors de la racine : cette feuille ne les atteint pas (Bootstrap seul dedans). */

.cha-page[b-kqrbm16d9u] {
    font-size: 13px;
    line-height: 1.4;
}

/* Badge « Chorus Pro » : bleu Chorus de la maquette (#1f4e79), texte blanc (contraste AA). */
.cha-badge-chorus[b-kqrbm16d9u] {
    background: #1f4e79;
    color: #fff;
}

/* Ligne d'en-tête d'un groupe de workflow : gris bleuté, plus discret qu'un en-tête de colonne. */
.cha-groupe th[b-kqrbm16d9u] {
    --bs-table-bg: #eef1f5;
    --bs-table-color: #33415c;
    font-weight: 600;
    font-size: 12.5px;
}

/* Une action archivée reste lisible mais en retrait. */
.cha-archivee td[b-kqrbm16d9u] {
    color: #6c757d;
    font-style: italic;
}

.cha-code[b-kqrbm16d9u] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 12px;
}

/* Charte §12 : colonnes de chiffres à droite, en tabular-nums. */
.cha-num[b-kqrbm16d9u] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cha-table td[b-kqrbm16d9u],
.cha-table th[b-kqrbm16d9u] {
    white-space: nowrap;
}

.cha-dl dt[b-kqrbm16d9u] {
    font-weight: 400;
}
/* /Pages/DiagnosticRfe/DiagnosticRfe.razor.rz.scp.css */
/* Cartes repliables de /diagnostic/rfe (même geste que la synthèse de /receptionv2) : le titre est le bouton,
   le chevron tourne quand la carte est repliée. Feuille isolée : un bloc style dans le .razor serait global. */
.rfe-repliable[b-5w7a2raysy] { cursor: pointer; user-select: none; }
.rfe-chev[b-5w7a2raysy] { display: inline-block; transition: transform .12s; }
.rfe-chev-ferme[b-5w7a2raysy] { transform: rotate(-90deg); }

@media (prefers-reduced-motion: reduce) {
    .rfe-chev[b-5w7a2raysy] { transition: none; }
}
/* /Pages/Index.razor.rz.scp.css */
/* =============================================================================
   Page d'accueil — « Nouveautés ».

   Feuille ISOLÉE (Blazor CSS isolation) : chaque sélecteur est automatiquement
   restreint aux éléments d'Index.razor. C'est volontaire et non négociable ici —
   la page redéfinit des éléments aussi génériques que p, h2 ou table, et un
   simple bloc <style> dans le .razor serait GLOBAL : il repeindrait toute
   l'application.

   Aucune police externe n'est chargée : l'application tourne sur site, parfois
   sans accès Internet, et un <link> vers un fournisseur de polices se dégraderait
   en silence. On s'appuie donc sur la pile système, et le caractère vient du
   poids, de l'approche et de la couleur.

   L'ambre est RÉSERVÉ au chapitre RFE, pour signaler la nouveauté. Ne pas le
   réemployer ailleurs : il perdrait son sens.
   ============================================================================= */

.nv[b-r8m78ywl1b] {
    --nv-paper: #ffffff;
    --nv-surface: #f6f8fa;
    --nv-surface-2: #eef2f6;
    --nv-line: #e3e9ef;
    --nv-line-soft: #edf1f5;
    --nv-ink: #0b1524;
    --nv-body: #33415c;
    --nv-muted: #64748b;
    --nv-faint: #94a3b8;

    --nv-accent: #0e7490;
    --nv-accent-d: #0b5b71;
    --nv-accent-soft: #e0f2f4;

    --nv-heat-1: #f59e0b;
    --nv-heat-2: #ef6c2e;
    --nv-heat-ink: #8a3d0b;
    --nv-heat-soft: #fff4e6;

    --nv-ok-ink: #067647;
    --nv-ok-soft: #ecfdf3;

    --nv-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

    --nv-ombre-douce: 0 1px 2px rgba(11,21,36,.05), 0 8px 24px -12px rgba(11,21,36,.14);
    --nv-ombre-pill: 0 1px 2px rgba(11,21,36,.08), 0 6px 16px -8px rgba(11,21,36,.22);

    font-family: var(--nv-sans);
    font-size: 15px;
    line-height: 1.62;
    color: var(--nv-body);
    background: var(--nv-surface);
    margin: -1rem;
    padding-bottom: 70px;
    min-height: calc(100vh - 4rem);
}

.nv *[b-r8m78ywl1b],
.nv *[b-r8m78ywl1b]::before,
.nv *[b-r8m78ywl1b]::after {
    box-sizing: border-box;
}

.nv-page[b-r8m78ywl1b] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 28px;
}

/* ---------- bandeau de tête ---------- */
.nv-tete[b-r8m78ywl1b] {
    position: relative;
    overflow: hidden;
    background: var(--nv-paper);
    border-bottom: 1px solid var(--nv-line);
}

/* trame de points : de la matière, sans bruit */
.nv-tete[b-r8m78ywl1b]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 1px 1px, rgba(14,116,144,.16) 1px, transparent 0);
    background-size: 22px 22px;
    -webkit-mask-image: radial-gradient(120% 90% at 78% 0%, #000 0%, transparent 62%);
    mask-image: radial-gradient(120% 90% at 78% 0%, #000 0%, transparent 62%);
    pointer-events: none;
}

.nv-tete-inner[b-r8m78ywl1b] {
    position: relative;
    padding: 40px 0 30px;
}

.nv-tete h1[b-r8m78ywl1b] {
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.035em;
    color: var(--nv-ink);
    margin: 0;
    text-wrap: balance;
}

/* ---------- menu des chapitres ---------- */
.nv-nav[b-r8m78ywl1b] {
    position: sticky;
    top: 0;
    z-index: 30;
    background: rgba(246,248,250,.92);
    -webkit-backdrop-filter: saturate(1.5) blur(10px);
    backdrop-filter: saturate(1.5) blur(10px);
    padding: 14px 0;
    box-shadow: 0 1px 0 rgba(227,233,239,.9);
}

.nv-segments[b-r8m78ywl1b] {
    position: relative;
    display: flex;
    gap: 3px;
    background: var(--nv-surface-2);
    border: 1px solid var(--nv-line);
    border-radius: 14px;
    padding: 7px;
    overflow-x: auto;
    scrollbar-width: none;
}

.nv-segments[b-r8m78ywl1b]::-webkit-scrollbar {
    display: none;
}

/* La pastille active est portée par le bouton lui-même, pas par un élément qui
   glisse : la page est pilotée en C#, sans JavaScript ni interopérabilité. La
   transition sur le fond suffit à donner le mouvement. */
.nv-seg[b-r8m78ywl1b] {
    position: relative;
    appearance: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: -.005em;
    color: var(--nv-muted);
    white-space: nowrap;
    padding: 11px 20px;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    transition: background-color .28s ease, box-shadow .28s ease, color .2s ease;
}

.nv-seg:hover[b-r8m78ywl1b] {
    color: var(--nv-ink);
}

.nv-seg.nv-actif[b-r8m78ywl1b] {
    color: var(--nv-ink);
    background: var(--nv-paper);
    box-shadow: var(--nv-ombre-pill);
}

.nv-seg:focus-visible[b-r8m78ywl1b] {
    outline: 2px solid #38bdf8;
    outline-offset: 2px;
}

/* --- la chaleur du chapitre RFE, et rien d'autre --- */
.nv-seg-rfe[b-r8m78ywl1b] {
    color: var(--nv-heat-ink);
}

.nv-seg-rfe:hover[b-r8m78ywl1b],
.nv-seg-rfe.nv-actif[b-r8m78ywl1b] {
    color: #6f2f06;
}

.nv-seg-rfe.nv-actif[b-r8m78ywl1b] {
    background: linear-gradient(135deg, #fff8ee 0%, #ffffff 62%);
    box-shadow: 0 1px 2px rgba(138,61,11,.14), 0 10px 26px -10px rgba(239,108,46,.5);
}

.nv-braise[b-r8m78ywl1b] {
    position: absolute;
    inset: -5px -20px;
    border-radius: 22px;
    z-index: -1;
    background: radial-gradient(62% 78% at 50% 52%, rgba(245,158,11,.5) 0%, rgba(239,108,46,.24) 44%, rgba(239,108,46,0) 74%);
    filter: blur(8px);
    animation: nv-chaleur-b-r8m78ywl1b 3.6s ease-in-out infinite;
    pointer-events: none;
}

@keyframes nv-chaleur-b-r8m78ywl1b {
    0%, 100% { opacity: .55; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.06); }
}

.nv-tag[b-r8m78ywl1b] {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 7px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--nv-heat-1), var(--nv-heat-2));
    box-shadow: 0 2px 8px -2px rgba(239,108,46,.7);
}

/* ---------- contenu ---------- */
.nv-chapitre[b-r8m78ywl1b] {
    animation: nv-entree-b-r8m78ywl1b .34s cubic-bezier(.22,.72,.16,1) both;
}

@keyframes nv-entree-b-r8m78ywl1b {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

.nv-chap-tete[b-r8m78ywl1b] {
    padding: 22px 0 8px;
}

.nv h2[b-r8m78ywl1b] {
    font-size: clamp(25px, 3vw, 33px);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -.03em;
    color: var(--nv-ink);
    margin: 0 0 10px;
    text-wrap: balance;
}

.nv h3[b-r8m78ywl1b] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--nv-ink);
    margin: 36px 0 14px;
}

.nv h4[b-r8m78ywl1b] {
    margin: 0;
}

.nv p[b-r8m78ywl1b] {
    max-width: 68ch;
    margin: 0 0 14px;
}

.nv strong[b-r8m78ywl1b] {
    color: var(--nv-ink);
    font-weight: 600;
}

.nv-meta[b-r8m78ywl1b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
}

.nv-jeton[b-r8m78ywl1b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--nv-surface-2);
    color: var(--nv-muted);
    border: 1px solid var(--nv-line);
}

.nv-jeton.nv-ok[b-r8m78ywl1b] {
    background: var(--nv-ok-soft);
    color: var(--nv-ok-ink);
    border-color: #c7ebd6;
}

.nv-jeton.nv-chaud[b-r8m78ywl1b] {
    background: var(--nv-heat-soft);
    color: var(--nv-heat-ink);
    border-color: #fbdcb4;
}

.nv-chapo[b-r8m78ywl1b] {
    font-size: 17px;
    color: var(--nv-body);
    max-width: 66ch;
    margin: 0 0 30px;
}

/* ---------- capture d'écran ---------- */
.nv-capture[b-r8m78ywl1b] {
    margin: 2px 0 26px;
    border: 1px solid var(--nv-line);
    border-radius: 14px;
    overflow: hidden;
    background: var(--nv-paper);
    box-shadow: var(--nv-ombre-douce);
}

.nv-capture img[b-r8m78ywl1b] {
    display: block;
    width: 100%;
    height: auto;
}

.nv-capture figcaption[b-r8m78ywl1b] {
    padding: 12px 18px;
    border-top: 1px solid var(--nv-line-soft);
    font-size: 13.5px;
    color: var(--nv-muted);
    background: var(--nv-surface);
}

.nv-capture figcaption b[b-r8m78ywl1b] {
    color: var(--nv-ink);
    font-weight: 600;
}

/* capture étroite, à côté d'un tableau */
.nv-capture-etroite[b-r8m78ywl1b] {
    max-width: 520px;
    margin-bottom: 0;
}

/* ---------- blocs ---------- */
.nv-grille[b-r8m78ywl1b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
    gap: 14px;
    margin-bottom: 8px;
}

.nv-bloc[b-r8m78ywl1b] {
    background: var(--nv-paper);
    border: 1px solid var(--nv-line);
    border-radius: 14px;
    padding: 20px 22px;
    box-shadow: var(--nv-ombre-douce);
}

.nv-bloc h4[b-r8m78ywl1b] {
    font-size: 15px;
    font-weight: 700;
    color: var(--nv-ink);
    margin: 0 0 7px;
    letter-spacing: -.01em;
}

.nv-bloc p[b-r8m78ywl1b] {
    font-size: 14px;
    color: var(--nv-muted);
    margin: 0;
    max-width: none;
}

.nv-cle[b-r8m78ywl1b] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--nv-accent);
    margin-bottom: 9px;
}

/* ---------- le parcours d'une facture : une vraie séquence ---------- */
.nv-rail[b-r8m78ywl1b] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 4px 0 8px;
}

.nv-pas[b-r8m78ywl1b] {
    position: relative;
    padding-right: 20px;
}

.nv-pas + .nv-pas[b-r8m78ywl1b] {
    padding-left: 20px;
}

.nv-pas + .nv-pas[b-r8m78ywl1b]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 4px;
    width: 1px;
    background: var(--nv-line);
}

.nv-n[b-r8m78ywl1b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 9px;
    margin-bottom: 10px;
    background: linear-gradient(135deg, var(--nv-heat-1), var(--nv-heat-2));
    color: #fff;
    font-size: 12.5px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 4px 12px -4px rgba(239,108,46,.6);
}

.nv-pas h4[b-r8m78ywl1b] {
    font-size: 14px;
    font-weight: 700;
    color: var(--nv-ink);
    margin: 0 0 5px;
    line-height: 1.32;
}

.nv-pas p[b-r8m78ywl1b] {
    font-size: 13.5px;
    color: var(--nv-muted);
    margin: 0;
    max-width: none;
}

.nv-pastille-info[b-r8m78ywl1b] {
    display: inline-block;
    margin-top: 10px;
    padding: 3px 11px;
    border-radius: 999px;
    background: var(--nv-heat-soft);
    color: var(--nv-heat-ink);
    border: 1px solid #fbdcb4;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.5;
}

/* ---------- règles ordonnées ---------- */
.nv-regles[b-r8m78ywl1b] {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: nvr;
}

.nv-regles li[b-r8m78ywl1b] {
    counter-increment: nvr;
    position: relative;
    padding-left: 46px;
    margin-bottom: 18px;
}

.nv-regles li:last-child[b-r8m78ywl1b] {
    margin-bottom: 0;
}

.nv-regles li[b-r8m78ywl1b]::before {
    content: counter(nvr);
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 29px;
    border-radius: 9px;
    background: var(--nv-accent-soft);
    color: var(--nv-accent-d);
    font-size: 13px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nv-regles b[b-r8m78ywl1b] {
    color: var(--nv-ink);
    font-size: 15px;
}

.nv-regles p[b-r8m78ywl1b] {
    margin: 3px 0 0;
    font-size: 14px;
    color: var(--nv-muted);
    max-width: 62ch;
}

/* ---------- encadrés ---------- */
.nv-encadre[b-r8m78ywl1b] {
    border-left: 3px solid var(--nv-accent);
    background: var(--nv-accent-soft);
    padding: 15px 20px;
    border-radius: 0 10px 10px 0;
    margin: 24px 0;
}

.nv-encadre p[b-r8m78ywl1b] {
    margin: 0;
    max-width: 66ch;
    color: var(--nv-ink);
    font-size: 14.5px;
}

.nv-encadre.nv-chaud[b-r8m78ywl1b] {
    border-left-color: var(--nv-heat-2);
    background: var(--nv-heat-soft);
}

.nv-encadre.nv-chaud p[b-r8m78ywl1b] {
    color: var(--nv-heat-ink);
}

/* ---------- pavé « Prochainement » ---------- */
.nv-avenir[b-r8m78ywl1b] {
    margin: 30px 0 4px;
    padding: 24px 26px;
    border-radius: 16px;
    background: linear-gradient(135deg, #fff6ea 0%, #fffaf3 55%, var(--nv-paper) 100%);
    border: 1px solid #f6dcbb;
}

.nv-avenir h3[b-r8m78ywl1b] {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--nv-heat-ink);
    margin: 0 0 16px;
}

.nv-avenir ul[b-r8m78ywl1b] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 13px;
}

.nv-avenir li[b-r8m78ywl1b] {
    position: relative;
    padding-left: 30px;
}

.nv-avenir li[b-r8m78ywl1b]::before {
    content: "\2192";
    position: absolute;
    left: 0;
    top: -1px;
    color: var(--nv-heat-2);
    font-weight: 800;
    font-size: 17px;
}

.nv-avenir b[b-r8m78ywl1b] {
    display: block;
    color: var(--nv-ink);
    font-weight: 600;
    font-size: 15.5px;
}

.nv-avenir span[b-r8m78ywl1b] {
    color: var(--nv-muted);
    font-size: 14px;
}

/* ---------- tableaux ---------- */
.nv-tab[b-r8m78ywl1b] {
    overflow-x: auto;
    border: 1px solid var(--nv-line);
    border-radius: 14px;
    background: var(--nv-paper);
    box-shadow: var(--nv-ombre-douce);
}

.nv table[b-r8m78ywl1b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin: 0;
}

.nv thead th[b-r8m78ywl1b] {
    text-align: left;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--nv-muted);
    font-weight: 800;
    padding: 12px 16px;
    background: var(--nv-surface-2);
    border-bottom: 1px solid var(--nv-line);
    white-space: nowrap;
}

.nv tbody td[b-r8m78ywl1b] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--nv-line-soft);
    vertical-align: top;
}

.nv tbody tr:last-child td[b-r8m78ywl1b] {
    border-bottom: 0;
}

.nv td.nv-champ[b-r8m78ywl1b] {
    white-space: nowrap;
}

.nv td.nv-champ b[b-r8m78ywl1b] {
    display: block;
    color: var(--nv-ink);
    font-weight: 600;
}

.nv td.nv-sens[b-r8m78ywl1b] {
    color: var(--nv-body);
    min-width: 250px;
}

.nv-marque[b-r8m78ywl1b] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    background: var(--nv-accent-soft);
    color: var(--nv-accent-d);
}

.nv-marque.nv-gris[b-r8m78ywl1b] {
    background: var(--nv-surface-2);
    color: var(--nv-muted);
}

.nv-marque.nv-stop[b-r8m78ywl1b] {
    background: #fee4e2;
    color: #a5301f;
}

/* ---------- deux colonnes ---------- */
.nv-duo[b-r8m78ywl1b] {
    display: grid;
    grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.nv-duo h3:first-child[b-r8m78ywl1b] {
    margin-top: 0;
}

.nv-note-bas[b-r8m78ywl1b] {
    margin-top: 46px;
    padding-top: 20px;
    border-top: 1px solid var(--nv-line);
    font-size: 13px;
    color: var(--nv-muted);
    max-width: 76ch;
}

/* ---------- confort ---------- */
@media (prefers-reduced-motion: reduce) {
    .nv-chapitre[b-r8m78ywl1b] {
        animation: none;
    }

    .nv-braise[b-r8m78ywl1b] {
        animation: none;
        opacity: .8;
    }

    .nv-seg[b-r8m78ywl1b] {
        transition: none;
    }
}

@media (max-width: 900px) {
    .nv-rail[b-r8m78ywl1b] {
        grid-template-columns: 1fr 1fr;
        gap: 22px 0;
    }

    .nv-pas + .nv-pas[b-r8m78ywl1b]::before {
        display: none;
    }

    .nv-pas[b-r8m78ywl1b],
    .nv-pas + .nv-pas[b-r8m78ywl1b] {
        padding: 0 16px 0 0;
    }

    .nv-duo[b-r8m78ywl1b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .nv-rail[b-r8m78ywl1b] {
        grid-template-columns: 1fr;
    }

    .nv-page[b-r8m78ywl1b] {
        padding-left: 18px;
        padding-right: 18px;
    }
}
/* /Pages/InvoiceEdit/InvoiceEditV2.razor.rz.scp.css */
/* Aperçu PDF reciTAL : hauteur viewport DÉFINIE (le DxPdfViewer ne propage pas un height:100% chaîné). */
[b-yqcl4ouvql] .recital-pdf {
    height: 78vh;
    width: 100%;
}
/* /Pages/PortailRfe/FactureRfe.razor.rz.scp.css */
/* Feuille ISOLÉE de la page de détail du portail RFE (Pages/PortailRfe/FactureRfe.razor) — classes
   préfixées rfe-. Page routable distincte de PortailRfe.razor : l'isolation ne traverse pas deux pages,
   d'où sa propre feuille (courte : l'essentiel est du Bootstrap, comme InvoiceEditV2). */

.rfe-detail[b-wo81dm4mcu] {
    font-size: 13px;
    line-height: 1.4;
}

/* Contenu sur fond gris clair (charte §2). */
.rfe-fond[b-wo81dm4mcu] {
    background: #f5f6f8;
    min-height: 60vh;
}

.rfe-barre-titre[b-wo81dm4mcu] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60vw;
}

.rfe-barre-gauche[b-wo81dm4mcu] {
    min-width: 0;
}

/* Cartes libellé / valeur : le libellé en gris fin, la valeur dans la police courante. */
.rfe-dl dt[b-wo81dm4mcu] {
    font-weight: 400;
}

.rfe-dl dd[b-wo81dm4mcu] {
    margin-bottom: .2rem;
}

/* Charte §12 : chiffres en tabular-nums. */
.rfe-montants dd[b-wo81dm4mcu] {
    font-variant-numeric: tabular-nums;
}

/* Message du connecteur (cause du bac) : tel quel, retours à la ligne conservés. */
.rfe-message[b-wo81dm4mcu] {
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Pages/PortailRfe/MenuActionsRfe.razor.rz.scp.css */
/* Menu d'actions maison (Pages/PortailRfe/MenuActionsRfe.razor) — feuille ISOLÉE, classes préfixées ma-.
   Même mécanique que le menu BAP de ReceptionV2 : ancre relative, menu absolu, voile fixe qui ferme
   au clic n'importe où. Le menu s'ouvre calé à DROITE (le bouton est toujours en bout de ligne ou
   de barre : ouvert à gauche il déborderait). */

.ma-ancre[b-vch43ikwki] {
    position: relative;
    display: inline-block;
}

.ma-bouton[b-vch43ikwki] {
    line-height: 1.1;
    padding-top: .15rem;
    padding-bottom: .15rem;
}

.ma-menu[b-vch43ikwki] {
    position: absolute;
    right: 0;
    left: auto;
    top: 100%;
    z-index: 1050;
    min-width: 12rem;
    margin-top: 2px;
    font-size: 13px;
}

.ma-menu .dropdown-item[b-vch43ikwki] {
    padding: 5px 12px;
}

.ma-fond[b-vch43ikwki] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}
/* /Pages/PortailRfe/PortailRfe.razor.rz.scp.css */
/*
   Feuille ISOLÉE du portail RFE (Pages/PortailRfe/PortailRfe.razor + son composant EntrantesRfe) —
   classes préfixées rfe-. Toutes les règles sont en ::deep depuis la racine .rfe-page : le composant
   enfant EntrantesRfe et le rendu DevExpress des onglets ne portent pas l'attribut d'isolation de la page.
   Aucun <style> dans un .razor (un tel bloc serait global). La page de détail (FactureRfe.razor) est une
   autre page routable : elle a sa propre feuille, l'isolation ne traverse pas deux pages.

   ⚠ Les popups DevExpress sont rendus hors de la racine : leur contenu se stylise en Bootstrap ou en ligne.
*/

/* Tenue en 1080p (§5.1) : 25 lignes de table-sm en 13 px tiennent sans ascenseur vertical. */
.rfe-page[b-p2hvi4eaex] {
    font-size: 13px;
    line-height: 1.4;
    padding-bottom: 1.5rem;
}

.rfe-titre[b-p2hvi4eaex] {
    font-size: 1.35rem;
    margin: 0 0 .75rem;
}

/* Charte §4 : un onglet non courant ne porte aucun fond (le thème en pose un au survol / focus). */
[b-p2hvi4eaex] .rfe-onglets .dxbl-tabs-item:not(.dxbl-active) {
    background-color: transparent !important;
}

[b-p2hvi4eaex] .rfe-onglets .dxbl-tabs-item {
    font-size: .9rem;
}

/* Filtres : une ligne et demie de champs form-control-sm, largeurs fixées pour que la barre ne danse pas. */
[b-p2hvi4eaex] .rfe-filtres .form-label {
    margin-bottom: .15rem;
}

[b-p2hvi4eaex] .rfe-filtres .rfe-date {
    width: 9.5rem;
}

[b-p2hvi4eaex] .rfe-filtres .rfe-montant {
    width: 5.5rem;
    text-align: right;
}

[b-p2hvi4eaex] .rfe-filtres .rfe-texte {
    width: 13rem;
}

[b-p2hvi4eaex] .rfe-filtres .rfe-select {
    width: auto;
    min-width: 9rem;
}

[b-p2hvi4eaex] .rfe-filtres .rfe-select-court {
    width: auto;
    min-width: 7rem;
}

/* Liste : table-sm compacte ; le corps de page ne défile jamais horizontalement (§5.1) — c'est le
   conteneur .table-responsive qui prend l'ascenseur, en dessous de 1600 px. */
[b-p2hvi4eaex] .rfe-table {
    font-size: 13px;
    margin-bottom: .5rem;
}

[b-p2hvi4eaex] .rfe-table > :not(caption) > * > * {
    padding: .25rem .45rem;
}

[b-p2hvi4eaex] .rfe-table thead th {
    white-space: nowrap;
}

[b-p2hvi4eaex] .rfe-num {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

[b-p2hvi4eaex] .rfe-nowrap {
    white-space: nowrap;
}

[b-p2hvi4eaex] .rfe-fournisseur {
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Entête de groupe (§5.1) : bg-light + fw-semibold de Bootstrap, un peu d'air au-dessus. */
[b-p2hvi4eaex] .rfe-table tr.rfe-groupe > td {
    padding-top: .35rem;
    padding-bottom: .3rem;
}

/* Pendant un rechargement, la liste précédente reste visible mais estompée : moins de sauts qu'un vide. */
[b-p2hvi4eaex] .rfe-perimee {
    opacity: .55;
    pointer-events: none;
}

[b-p2hvi4eaex] .rfe-chargement {
    padding: .25rem .5rem .5rem;
}
/* /Pages/Rapprochement/ReceptionAnomalie.razor.rz.scp.css */
.alert[b-4175t6j2h6] {    
    /*margin-bottom: 1px;
    height: 25px;
    line-height: 25px;
    padding: 0px 15px;*/
}
/* /Pages/Rapprochement/ReceptionCommande.razor.rz.scp.css */
.alert[b-bzo383bmf2] {
    margin-bottom: 1px;
    height: 25px;
    line-height: 25px;
    padding: 0px 15px;
}
/* /Pages/ReceptionV2/CopieLigneV2.razor.rz.scp.css */
/* Popup « Copier la ligne » (/receptionv2) — feuille ISOLÉE, classes préfixées rv2-cp-. */

.rv2-cp-ligne[b-iqajo39kg3] {
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 4px;
}

.rv2-cp-desc[b-iqajo39kg3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rv2-cp-total[b-iqajo39kg3] {
    font-size: 12.5px;
    color: #6c757d;
    margin-bottom: 10px;
}

.rv2-cp-table[b-iqajo39kg3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.rv2-cp-table th[b-iqajo39kg3],
.rv2-cp-table td[b-iqajo39kg3] {
    padding: 6px 8px;
    border-bottom: 1px solid #dee2e6;
}

.rv2-cp-table th[b-iqajo39kg3] {
    font-size: 11.5px;
    color: #6c757d;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.rv2-cp-table tfoot td[b-iqajo39kg3] {
    font-weight: 600;
    border-bottom: 0;
}

.rv2-cp-input[b-iqajo39kg3] {
    width: 110px;
    display: inline-block;
    font-variant-numeric: tabular-nums;
}

.rv2-num[b-iqajo39kg3] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Pages/ReceptionV2/CoutsV2.razor.rz.scp.css */
/* Popup « Coûts additionnels » (/receptionv2) — feuille ISOLÉE, classes préfixées rv2-ca-.
   Les éditeurs DevExpress sont atteints par ::deep : leur racine porte la classe mais pas l'attribut de portée,
   le td parent le porte. */

.rv2-ca-table[b-xrtgw0lrla] {
    font-size: 13.5px;
}

.rv2-ca-table thead th[b-xrtgw0lrla] {
    background: #f8f9fa;
    color: #212529;
    font-weight: 600;
    padding: 8px;
    border-bottom: 1px solid #dee2e6;
    white-space: nowrap;
}

.rv2-ca-table tbody td[b-xrtgw0lrla] {
    padding: 8px;
    vertical-align: middle;
}

.rv2-ca-table[b-xrtgw0lrla]  .rv2-ca-compte,
.rv2-ca-table[b-xrtgw0lrla]  .rv2-ca-tva {
    min-width: 260px;
}

.rv2-ca-table[b-xrtgw0lrla]  .rv2-ca-ht {
    width: 140px;
}

.rv2-ca-money[b-xrtgw0lrla] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    text-align: right;
}

.rv2-ca-table tfoot tr.rv2-ca-total td[b-xrtgw0lrla] {
    border-top: 2px solid #dee2e6;
    border-bottom: 0;
    font-weight: 500;
    padding: 8px;
    vertical-align: middle;
}
/* /Pages/ReceptionV2/JournalV2Popup.razor.rz.scp.css */
/* Popup « Journal » (/receptionv2) — feuille ISOLÉE, classes préfixées rv2-jr-. */

.rv2-jr-scroll[b-wjnl32x4pr] {
    max-height: 70vh;
    overflow: auto;
}

.rv2-jr-table[b-wjnl32x4pr] {
    font-size: 12.5px;
}

.rv2-jr-table thead th[b-wjnl32x4pr] {
    position: sticky;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}

.rv2-jr-table tbody td[b-wjnl32x4pr] {
    vertical-align: top;
}

.rv2-jr-tab[b-wjnl32x4pr] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rv2-jr-action[b-wjnl32x4pr] {
    min-width: 180px;
}

/* Message du geste (texte du toast) : borne, le texte complet en infobulle. */
.rv2-jr-message[b-wjnl32x4pr] {
    max-width: 380px;
    white-space: normal;
}

.rv2-jr-btn[b-wjnl32x4pr] {
    white-space: nowrap;
    font-size: 12px;
    padding: 1px 8px;
}

/* Popup JSON possede : le bloc colore de WfJsonView (RCL, feuille isolee du RCL) defile dans une hauteur bornee. */
.rv2-jr-json[b-wjnl32x4pr] {
    max-height: 75vh;
    overflow: auto;
}

.rv2-jr-compteur[b-wjnl32x4pr] {
    margin-right: auto;
    font-size: 12.5px;
    color: #6c757d;
    align-self: center;
}
/* /Pages/ReceptionV2/LitigeV2.razor.rz.scp.css */
/* Litige / Bon à payer (/receptionv2) — feuille ISOLÉE, classes préfixées rv2-lt-.
   Les éditeurs DevExpress sont atteints par ::deep depuis le conteneur .rv2-lt. */

.rv2-lt-lbl[b-4bo5nc12db] {
    font-size: 12.5px;
    color: #6c757d;
    white-space: nowrap;
}

.rv2-lt[b-4bo5nc12db]  .rv2-lt-combo {
    width: 220px;
}

.rv2-lt[b-4bo5nc12db]  .rv2-lt-commentaire {
    width: 40ch;
    max-width: 100%;
}
/* /Pages/ReceptionV2/ReceptionV2.razor.rz.scp.css */
/*
   Feuille ISOLÉE de l'écran /receptionv2 (INV-382) — reprise fidèle de la maquette v12
   « rapprochements-faciles.html » (spec-rapprochement-auto §11.11), classes préfixées rv2-.

   Toutes les règles sont écrites avec ::deep : la racine .rv2-page (dans ReceptionV2.razor) porte
   l'attribut d'isolation, les composants enfants (BarreV2, CommandesV2, SyntheseV2Carte, GrilleV2Vue…)
   n'en portent pas — ::deep les atteint depuis la racine. Aucun <style> dans un .razor (un tel bloc
   serait global, cf. Index.razor). On n'emploie pas la classe Bootstrap .table (elle écrase les couleurs
   des cellules) : la grille a sa propre classe rv2-grille.

   ⚠ Les popups DevExpress (DxPopup, DxFlyout) sont rendus hors de la racine : cette feuille ne les atteint pas,
   leur habillage vient de la feuille commune wwwroot/css/charte.css (classes ch-*, déclarée par <CharteCss />,
   charteGraphique.md §14).
*/

.rv2-page[b-hlij4yiakf] {
    --rv2-ground: #f5f6f8;
    --rv2-card: #ffffff;
    --rv2-ink: #212529;
    --rv2-muted: #6c757d;
    --rv2-line: #dee2e6;
    --rv2-head: #f8f9fa;
    --rv2-primary: #5f368d;
    --rv2-primary-hover: #512e78;
    --rv2-primary-soft: #e7dff3;
    --rv2-success: #198754;
    --rv2-success-soft: #d1e7dd;
    --rv2-warning-soft: #fff3cd;
    --rv2-danger: #dc3545;
    --rv2-danger-soft: #f8d7da;
    --rv2-neutral-soft: #e9ecef;
    --rv2-hl: #fff59d;
    --rv2-hl-strong: #ffe066;
    --rv2-code: #495057;

    /* pleine largeur dans la zone .content du layout : padding-top 1.1rem (MainLayout.razor.css) et padding horizontal
       1.5rem imposé par la classe Bootstrap px-4 (!important) posée sur le DxGridLayoutItem de MainLayout.razor — pas 2rem,
       sinon 8 px de débordement et une barre de défilement horizontale permanente sur .content (C011) */
    margin: 0 -1.5rem 0;   /* plus de compensation verticale : MainLayout retire son padding haut pour cette page (:has) */
    padding: 0 16px 24px;
    min-height: 100%;
    background: var(--rv2-ground);
    color: var(--rv2-ink);
    font-size: 14px;
    line-height: 1.45;
}

[b-hlij4yiakf] .rv2-code {
    font-family: ui-monospace, Consolas, "Cascadia Mono", Menlo, monospace;
    font-size: 12.5px;
    color: var(--rv2-code);
}

[b-hlij4yiakf] .rv2-num {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

[b-hlij4yiakf] .rv2-muted { color: var(--rv2-muted); }
[b-hlij4yiakf] .rv2-small { font-size: 12.5px; }
[b-hlij4yiakf] .rv2-spacer { flex: 1; }

[b-hlij4yiakf] a.rv2-lienx { color: var(--rv2-primary); text-decoration: none; }
[b-hlij4yiakf] a.rv2-lienx:hover { text-decoration: underline; }

/* ---------- Barre d'actions sticky ---------- */
/* Conteneur figé : barre d'actions + carte fournisseur / commandes (2026-09-12). Le sticky est ici, plus sur la barre seule. */
[b-hlij4yiakf] .rv2-sticky {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: var(--rv2-card);
    margin: 0 -16px;
    padding: 0 16px;
    border-bottom: 1px solid var(--rv2-line);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
}

/* Un seul panneau (2026-09-12, 22:36) : dans le bloc figé, les cartes perdent bordure, arrondi, ombre et marge ; un trait les sépare. */
[b-hlij4yiakf] .rv2-sticky .rv2-card {
    margin: 0 -16px;
    border: 0;
    border-top: 1px solid var(--rv2-line);
    border-radius: 0;
    box-shadow: none;
}
[b-hlij4yiakf] .rv2-sticky .rv2-actionbar { border-bottom: 0; }
/* Synthèse dépliée dans le bloc figé : bornée et défilable, pour que la grille reste atteignable en dessous. */
[b-hlij4yiakf] .rv2-sticky .rv2-syn-body { max-height: 45vh; overflow: auto; }

[b-hlij4yiakf] .rv2-actionbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 10px;
    margin: 0 -16px;
    padding: 2px 16px;
    background: var(--rv2-card);
    border-bottom: 1px solid var(--rv2-line);
}

[b-hlij4yiakf] .rv2-fermer { font-weight: 700; padding-left: 8px; padding-right: 8px; }

[b-hlij4yiakf] .rv2-actionbar .rv2-ctx {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 380px;
    min-width: 0;
}

[b-hlij4yiakf] .rv2-actionbar .rv2-title {
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-hlij4yiakf] .rv2-badge {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.3;
    vertical-align: middle;
    white-space: nowrap;
}

[b-hlij4yiakf] .rv2-badge-bu { background: var(--rv2-ink); color: #fff; }
[b-hlij4yiakf] .rv2-badge-sec { background: var(--rv2-neutral-soft); color: var(--rv2-code); }
[b-hlij4yiakf] .rv2-badge-cond { background: #e2d9f3; color: #3d2a7a; }
[b-hlij4yiakf] .rv2-badge-ro { background: var(--rv2-warning-soft); color: #664d03; border: 1px solid #ffe69c; }
[b-hlij4yiakf] .rv2-badge-partielle { background: var(--rv2-warning-soft); color: #664d03; font-weight: 500; margin-left: 4px; }
/* Numéro de commande cliquable (détail /commandes/{code}) : même encre que la cellule, souligné au survol seulement. */
[b-hlij4yiakf] .rv2-lien-cmd { color: inherit; text-decoration: none; }
[b-hlij4yiakf] .rv2-lien-cmd:hover { color: var(--rv2-primary); text-decoration: underline; }

/* Pastille bleue du bouton Commentaires : nombre de commentaires de version (2026-09-12). */
[b-hlij4yiakf] .rv2-badge-info { background: #0d6efd; color: #fff; margin-left: 6px; }

/* Menu déroulant maison (bouton « BAP ») : ancre relative, menu absolu sous le bouton, fond transparent qui ferme au clic. */
[b-hlij4yiakf] .rv2-menu-ancre { position: relative; display: inline-block; }
[b-hlij4yiakf] .rv2-menu { position: absolute; left: 0; top: 100%; z-index: 1050; min-width: 12rem; margin-top: 2px; font-size: 13px; }
[b-hlij4yiakf] .rv2-menu .dropdown-item { padding: 5px 12px; }
[b-hlij4yiakf] .rv2-menu-fond { position: fixed; inset: 0; z-index: 1040; background: transparent; }

[b-hlij4yiakf] .rv2-pastille-rfe {
    display: inline-block;
    background: #fd7e14;
    color: var(--rv2-ink);   /* encre sur l'orange de la maquette v12 : ≈ 6,0:1 (blanc : 2,6:1, sous le seuil AA en 11 px gras — C066) */
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .06em;
    padding: 2px 7px;
    border-radius: 999px;
    vertical-align: middle;
    cursor: help;
}

[b-hlij4yiakf] .rv2-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

[b-hlij4yiakf] .rv2-btns .rv2-sep {
    width: 1px;
    height: 22px;
    background: var(--rv2-line);
    margin: 0 4px;
}

[b-hlij4yiakf] .rv2-btns .btn,
[b-hlij4yiakf] .rv2-sec-head .btn,
[b-hlij4yiakf] .rv2-geste .btn {
    white-space: nowrap;
}

[b-hlij4yiakf] .rv2-btns .btn-sm,
[b-hlij4yiakf] .rv2-sec-head .btn-sm,
[b-hlij4yiakf] .rv2-geste .btn-sm {
    padding: 2px 8px;
    font-size: 12.5px;
}

[b-hlij4yiakf] .rv2-lien-ancien {
    font-size: 12px;
    color: var(--rv2-muted);
    text-decoration: underline dotted;
    text-underline-offset: 3px;
    margin-left: 4px;
    white-space: nowrap;
}

[b-hlij4yiakf] .rv2-lien-ancien:hover { color: var(--rv2-primary); }

/* Bouton-lien (coûts additionnels de la synthèse) */
[b-hlij4yiakf] .rv2-lien {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: var(--rv2-primary);
    cursor: pointer;
    text-decoration: underline dotted;
    text-underline-offset: 3px;
    font-variant-numeric: tabular-nums;
}

[b-hlij4yiakf] .rv2-lien:hover { color: var(--rv2-primary-hover); text-decoration-style: solid; }
[b-hlij4yiakf] .rv2-lien:disabled { color: var(--rv2-muted); cursor: default; text-decoration: none; }

/* « S » vert de rebond vers Sage X3 */
[b-hlij4yiakf] a.rv2-sage {
    display: inline-block;
    margin-left: 4px;
    font-weight: 700;
    color: #008000;
    font-size: 12px;
    text-decoration: none;
    vertical-align: baseline;
}

[b-hlij4yiakf] a.rv2-sage:hover { text-decoration: underline; }

/* Crayon devant la description : ouvre la fiche de ligne sans gêner le clic-mot */
[b-hlij4yiakf] .rv2-crayon {
    appearance: none;
    background: none;
    border: 0;
    padding: 0 3px;
    cursor: pointer;
    color: var(--rv2-muted);
    font-size: 12px;
}

[b-hlij4yiakf] .rv2-crayon:hover { color: var(--rv2-primary); }

/* ---------- Cartes ---------- */
[b-hlij4yiakf] .rv2-card {
    background: var(--rv2-card);
    border: 1px solid var(--rv2-line);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    margin-top: 6px;
}

[b-hlij4yiakf] .rv2-card-header {
    padding: 5px 12px;
    border-bottom: 1px solid var(--rv2-line);
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
}

[b-hlij4yiakf] .rv2-card-header.rv2-repliable { cursor: pointer; user-select: none; }
[b-hlij4yiakf] .rv2-card-header .rv2-chev { display: inline-block; transition: transform .12s; }
[b-hlij4yiakf] .rv2-card-header.rv2-collapsed .rv2-chev { transform: rotate(-90deg); }
[b-hlij4yiakf] .rv2-card-header.rv2-collapsed { border-bottom: 0; }

/* ---------- Fournisseur + commandes ---------- */
[b-hlij4yiakf] .rv2-cmd-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 14px;
    padding: 3px 12px;
}

/* Mini-synthèse LIBELLÉE de l'en-tête de la carte Synthèse (§12.13 D2, INV-443) : Rapprochée · Coûts · Total HT · HT facture ·
   Écart (%) [· Remise], chaque terme = un libellé atténué suivi de son nombre (tabular-nums), l'écart coloré comme la cellule
   du corps (fond doux, jamais de pastille à côté d'un nombre — charte §12). */
[b-hlij4yiakf] .rv2-mini {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    margin-left: 10px;
}

[b-hlij4yiakf] .rv2-mini .rv2-mini-terme { white-space: nowrap; }
[b-hlij4yiakf] .rv2-mini .rv2-mini-lbl { color: var(--rv2-muted); font-size: 12px; }
[b-hlij4yiakf] .rv2-mini .rv2-mini-fort { font-weight: 600; }
[b-hlij4yiakf] .rv2-mini .rv2-mini-sep { color: var(--rv2-muted); opacity: .6; }
[b-hlij4yiakf] .rv2-mini .rv2-mini-ecart { padding: 0 5px; border-radius: 3px; }
[b-hlij4yiakf] .rv2-mini .rv2-mini-ecart.rv2-ok { background: var(--rv2-success-soft); color: #0a3622; }
/* Niveau faible : encre héritée (comme la cellule de la grille) — l'encre atténuée sur ce fond tombait sous le contraste AA (3,9:1). */
[b-hlij4yiakf] .rv2-mini .rv2-mini-ecart.rv2-e1 { background: var(--rv2-neutral-soft); }
[b-hlij4yiakf] .rv2-mini .rv2-mini-ecart.rv2-e2 { background: var(--rv2-warning-soft); color: #664d03; }
[b-hlij4yiakf] .rv2-mini .rv2-mini-ecart.rv2-e3 { background: var(--rv2-danger-soft); color: #842029; font-weight: 600; }
/* Compteurs + tag anomalies : calés à droite ensemble, y compris quand l'en-tête passe sur deux lignes. */
[b-hlij4yiakf] .rv2-mini-droite { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
[b-hlij4yiakf] .rv2-badge-danger { background: #f8d7da; color: #842029; border: 1px solid #f1aeb5; }
[b-hlij4yiakf] .rv2-badge-ok { background: #d1e7dd; color: #0f5132; border: 1px solid #a3cfbb; }

[b-hlij4yiakf] .rv2-lbl {
    font-size: 12.5px;
    color: var(--rv2-muted);
    white-space: nowrap;
}

[b-hlij4yiakf] .rv2-tagbox { min-width: 320px; max-width: 100%; flex: 1 1 320px; }

[b-hlij4yiakf] .rv2-alerte-cmd {
    margin: 0;
    padding: 4px 10px;
    font-size: 12.5px;
}

[b-hlij4yiakf] .rv2-notes {
    padding: 0 14px 8px;
    display: grid;
    gap: 4px;
}

[b-hlij4yiakf] .rv2-note {
    font-size: 12px;
    color: var(--rv2-muted);
    white-space: pre-wrap;
    border-left: 3px solid var(--rv2-line);
    padding-left: 8px;
}

/* ---------- Entête repliable ---------- */
[b-hlij4yiakf] .rv2-entete {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 4px 24px;
    padding: 8px 14px 10px;
    font-size: 13px;
}

[b-hlij4yiakf] .rv2-entete .rv2-champ {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 8px;
    align-items: baseline;
}

[b-hlij4yiakf] .rv2-entete .rv2-champ .rv2-lbl { font-size: 12px; }
[b-hlij4yiakf] .rv2-entete .rv2-champ .rv2-val { min-width: 0; overflow-wrap: anywhere; }

/* ---------- Synthèse + anomalies ---------- */
[b-hlij4yiakf] .rv2-syn-body {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr);
}

[b-hlij4yiakf] .rv2-syn-body > .rv2-tablewrap { padding: 4px 6px 6px 6px; }

[b-hlij4yiakf] table.rv2-syn {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

[b-hlij4yiakf] table.rv2-syn thead th {
    background: var(--rv2-card);
    color: var(--rv2-muted);
    font-weight: 500;
    text-align: left;
    border-bottom: 1px solid var(--rv2-line);
    padding: 4px 8px;
    white-space: nowrap;
}

[b-hlij4yiakf] table.rv2-syn thead th.rv2-num { text-align: right; }
[b-hlij4yiakf] table.rv2-syn tbody td { padding: 4px 8px; border-bottom: 1px solid #edf0f3; vertical-align: middle; }
[b-hlij4yiakf] table.rv2-syn tbody tr:last-child td { border-bottom: 0; }
[b-hlij4yiakf] table.rv2-syn td:first-child { white-space: nowrap; }
[b-hlij4yiakf] table.rv2-syn tr.rv2-proj td { color: #3d2a7a; }
[b-hlij4yiakf] table.rv2-syn .rv2-remise { width: 110px; display: inline-block; }
[b-hlij4yiakf] table.rv2-syn td.rv2-ecart { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
[b-hlij4yiakf] table.rv2-syn td.rv2-ecart.rv2-e0 { color: var(--rv2-muted); background: transparent; }
[b-hlij4yiakf] table.rv2-syn td[colspan].rv2-ecart { text-align: left; white-space: normal; }
[b-hlij4yiakf] table.rv2-syn td.rv2-ecart.rv2-ok { background: var(--rv2-success-soft); color: #0a3622; }

[b-hlij4yiakf] .rv2-anomalies {
    border-left: 1px solid var(--rv2-line);
    padding: 6px 12px 8px 14px;
    background: #fcfcfd;
}

[b-hlij4yiakf] .rv2-anomalies .rv2-ano-lbl {
    font-size: 12px;
    color: var(--rv2-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 4px;
}

[b-hlij4yiakf] .rv2-anomalies ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
    font-size: 12.5px;
}

[b-hlij4yiakf] .rv2-anomalies li {
    display: flex;
    gap: 8px;
    align-items: baseline;
    line-height: 1.35;
}

[b-hlij4yiakf] .rv2-anomalies li::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 4px;
    background: var(--rv2-muted);
}

[b-hlij4yiakf] .rv2-anomalies li.rv2-rouge::before { background: var(--rv2-danger); }
[b-hlij4yiakf] .rv2-anomalies li.rv2-orange::before { background: #fd7e14; }

@media (max-width: 900px) {
    [b-hlij4yiakf] .rv2-syn-body { grid-template-columns: 1fr; }
    [b-hlij4yiakf] .rv2-anomalies { border-left: 0; border-top: 1px solid var(--rv2-line); }
}

/* ---------- Filtre par mot (en-tête de la carte Rapprochement) ---------- */
[b-hlij4yiakf] .rv2-filtre {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-weight: 400;
}

[b-hlij4yiakf] .rv2-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 1px 8px 1px 10px;
    border-radius: 999px;
    background: var(--rv2-hl-strong);
    border: 1px solid #e0b900;
    font: inherit;
    font-size: 12.5px;
    cursor: pointer;
    color: var(--rv2-ink);
}

[b-hlij4yiakf] .rv2-chip b { font-weight: 600; }
[b-hlij4yiakf] .rv2-chip .rv2-x { font-weight: 700; color: var(--rv2-code); }

[b-hlij4yiakf] .rv2-filtre .rv2-count {
    font-size: 12.5px;
    color: var(--rv2-muted);
    font-variant-numeric: tabular-nums;
}

[b-hlij4yiakf] .rv2-filtre .rv2-clear {
    font-size: 12.5px;
    color: var(--rv2-primary);
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    font: inherit;
    text-decoration: underline;
}

/* ---------- La grille ---------- */
[b-hlij4yiakf] .rv2-tablewrap { overflow-x: auto; }

[b-hlij4yiakf] table.rv2-grille {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    color: var(--rv2-ink);
}

[b-hlij4yiakf] table.rv2-grille thead th {
    background: var(--rv2-head);
    color: var(--rv2-ink);
    font-weight: 600;
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid var(--rv2-line);
    white-space: nowrap;
}

[b-hlij4yiakf] table.rv2-grille thead th.rv2-num { text-align: right; }

[b-hlij4yiakf] table.rv2-grille thead tr.rv2-grp th {
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--rv2-muted);
    background: var(--rv2-card);
    border-bottom: 0;
    padding-bottom: 2px;
}

[b-hlij4yiakf] table.rv2-grille th.rv2-sep,
[b-hlij4yiakf] table.rv2-grille td.rv2-sep { border-left: 2px solid var(--rv2-line); }

/* Tri par en-tête : le th (columnheader, aria-sort) contient un vrai bouton — Entrée / Espace natifs, focus visible (C062).
   Le bouton hérite tout du th (font, couleur, alignement des colonnes .rv2-num) ; l'outline est sur le bouton, pas sur la
   cellule, dont le contour serait rogné par border-collapse. */
[b-hlij4yiakf] table.rv2-grille th.rv2-sortable { user-select: none; }
[b-hlij4yiakf] table.rv2-grille th.rv2-sortable .rv2-tri {
    all: unset;
    cursor: pointer;
    font: inherit;
    color: inherit;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    width: 100%;
}
[b-hlij4yiakf] table.rv2-grille th.rv2-num .rv2-tri { justify-content: flex-end; }
[b-hlij4yiakf] table.rv2-grille th.rv2-sortable .rv2-tri:hover { color: var(--rv2-primary); }
[b-hlij4yiakf] table.rv2-grille th.rv2-sortable .rv2-tri:focus-visible { outline: 2px solid var(--rv2-primary); outline-offset: 2px; }
[b-hlij4yiakf] table.rv2-grille th.rv2-sortable .rv2-dir { display: inline-block; width: 1em; color: var(--rv2-primary); font-size: 11px; }

[b-hlij4yiakf] table.rv2-grille tbody td {
    padding: 4px 8px;
    border-bottom: 1px solid var(--rv2-line);
    vertical-align: middle;
}

[b-hlij4yiakf] table.rv2-grille tbody tr.rv2-data:hover td { filter: brightness(.97); }

/* En-têtes de section */
[b-hlij4yiakf] table.rv2-grille tr.rv2-sec td {
    background: #eef0f3;
    border-top: 2px solid var(--rv2-line);
    border-bottom: 1px solid var(--rv2-line);
    padding: 6px 10px;
}

[b-hlij4yiakf] .rv2-sec-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

[b-hlij4yiakf] .rv2-sec-title {
    font-weight: 600;
    font-size: 13.5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    user-select: none;
}

[b-hlij4yiakf] .rv2-sec-title .rv2-chev { display: inline-block; transition: transform .12s; }
[b-hlij4yiakf] tr.rv2-collapsed .rv2-sec-title .rv2-chev { transform: rotate(-90deg); }
[b-hlij4yiakf] .rv2-sec-title .rv2-badge { font-size: 11px; }
[b-hlij4yiakf] .rv2-sec-head .rv2-hint { font-size: 12px; color: var(--rv2-muted); }
[b-hlij4yiakf] table.rv2-grille tr.rv2-sec-sugg td { border-top-color: #c9b8e8; }
[b-hlij4yiakf] table.rv2-grille tr.rv2-sec-prix td { border-top-color: #b8d4e8; }
[b-hlij4yiakf] table.rv2-grille tr.rv2-sec-rapp td { border-top-color: #b6d7c4; }

/* Champ « Marge » du pavé prix proche (§12.13.P) : libellé + combo à saisie libre, compact comme les éditeurs de la barre. */
[b-hlij4yiakf] .rv2-sec-head .rv2-marge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--rv2-muted);
    font-weight: 500;
}

[b-hlij4yiakf] .rv2-sec-head .rv2-marge label { margin: 0; cursor: default; }
[b-hlij4yiakf] .rv2-sec-head .rv2-marge-combo { width: 96px; }

/* Types de ligne */
[b-hlij4yiakf] table.rv2-grille tr.rv2-rapp td { background: var(--rv2-success-soft); }
[b-hlij4yiakf] table.rv2-grille tr.rv2-fact td { background: #fff; }
[b-hlij4yiakf] table.rv2-grille tr.rv2-rece td { background: #f6f7f9; }
[b-hlij4yiakf] table.rv2-grille tr.rv2-sugg td { background: #faf7fe; }
[b-hlij4yiakf] table.rv2-grille tr.rv2-prix td { background: #f5f9fd; }
[b-hlij4yiakf] table.rv2-grille tr.rv2-selected td { background: var(--rv2-primary-soft) !important; }

[b-hlij4yiakf] table.rv2-grille td.rv2-lib {
    max-width: 190px;
    min-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-hlij4yiakf] table.rv2-grille td.rv2-geste { white-space: nowrap; }
[b-hlij4yiakf] table.rv2-grille td.rv2-geste .rv2-badge { margin-right: 6px; }
[b-hlij4yiakf] table.rv2-grille td.rv2-motif { font-size: 12px; color: var(--rv2-muted); }

/* Écart PU : la CELLULE entière est colorée (charte §8), graduée en part du PU de commande */
[b-hlij4yiakf] table.rv2-grille td.rv2-ecart {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

[b-hlij4yiakf] table.rv2-grille td.rv2-ecart.rv2-e0 { color: var(--rv2-muted); }
[b-hlij4yiakf] table.rv2-grille tr td.rv2-ecart.rv2-e1 { background: var(--rv2-neutral-soft); }
[b-hlij4yiakf] table.rv2-grille tr td.rv2-ecart.rv2-e2 { background: var(--rv2-warning-soft); }
[b-hlij4yiakf] table.rv2-grille tr td.rv2-ecart.rv2-e3 { background: var(--rv2-danger-soft); font-weight: 600; }
[b-hlij4yiakf] table.rv2-grille tr td.rv2-ecart.rv2-fav { background: #bfe5cf; }

[b-hlij4yiakf] table.rv2-grille td.rv2-cpt { text-align: center; }

[b-hlij4yiakf] table.rv2-grille tr.rv2-empty td {
    color: var(--rv2-muted);
    text-align: center;
    padding: 10px;
    background: var(--rv2-card);
}

[b-hlij4yiakf] table.rv2-grille input[type=checkbox] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    vertical-align: middle;
}

[b-hlij4yiakf] table.rv2-grille input[type=checkbox]:disabled { cursor: not-allowed; }

/* Interrupteur « Cpt Ecart » */
[b-hlij4yiakf] .rv2-sw {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
    vertical-align: middle;
    margin: 0;
}

[b-hlij4yiakf] .rv2-sw input { opacity: 0; width: 0; height: 0; position: absolute; }

[b-hlij4yiakf] .rv2-sw span {
    position: absolute;
    inset: 0;
    background: #ccc;
    border-radius: 16px;
    transition: .12s;
    cursor: pointer;
}

[b-hlij4yiakf] .rv2-sw span::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 2px;
    top: 2px;
    background: #fff;
    border-radius: 50%;
    transition: .12s;
}

[b-hlij4yiakf] .rv2-sw input:checked + span { background: var(--rv2-primary); }
[b-hlij4yiakf] .rv2-sw input:checked + span::before { transform: translateX(14px); }
[b-hlij4yiakf] .rv2-sw input:disabled + span { opacity: .5; cursor: not-allowed; }
/* Focus clavier : sur le span visible, jamais sur l'input (opacity 0 = anneau invisible) — C063 */
[b-hlij4yiakf] .rv2-sw input:focus-visible + span { outline: 2px solid var(--rv2-primary); outline-offset: 2px; }

/* Article survolé (infobulle DxFlyout unique) */
[b-hlij4yiakf] .rv2-art { cursor: help; border-bottom: 1px dotted var(--rv2-muted); }

/* Mots cliquables (boutons natifs, C037) : filtre au clic, surbrillance au survol (JS receptionv2.js).
   Remise à zéro du bouton (comme .rv2-crayon) pour qu'il se fonde dans le texte de la cellule. */
[b-hlij4yiakf] .rv2-mot {
    appearance: none;
    background: none;
    border: 0;
    font: inherit;
    color: inherit;
    line-height: inherit;
    cursor: pointer;
    border-radius: 2px;
    padding: 0 1px;
}
[b-hlij4yiakf] .rv2-mot:focus-visible { outline: 2px solid var(--rv2-primary); outline-offset: 1px; }
[b-hlij4yiakf] .rv2-mot:hover { text-decoration: underline; text-decoration-color: var(--rv2-muted); }
[b-hlij4yiakf] .rv2-mot.rv2-hl { background: var(--rv2-hl); }
[b-hlij4yiakf] .rv2-mot.rv2-actif { background: var(--rv2-hl-strong); font-weight: 600; }

/* Chargement, erreur, facture déjà partie */
[b-hlij4yiakf] .rv2-chargement {
    padding: 24px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--rv2-muted);
}

[b-hlij4yiakf] .rv2-etat { margin-top: 16px; }

@media (prefers-reduced-motion: reduce) {
    [b-hlij4yiakf] .rv2-sec-title .rv2-chev,
    [b-hlij4yiakf] .rv2-card-header .rv2-chev,
    [b-hlij4yiakf] .rv2-sw span,
    [b-hlij4yiakf] .rv2-sw span::before { transition: none; }
}

@media (max-width: 700px) {
    [b-hlij4yiakf] .rv2-actionbar .rv2-ctx { flex-basis: 100%; }
    [b-hlij4yiakf] table.rv2-grille td.rv2-lib { max-width: 150px; }
    [b-hlij4yiakf] .rv2-entete .rv2-champ { grid-template-columns: 1fr; }
}
/* /Shared/ColonneTriable.razor.rz.scp.css */
/* En-tête triable (Shared/ColonneTriable.razor) — feuille ISOLÉE, classes préfixées ct-.
   Le bouton est dépouillé de son apparence pour se fondre dans l'en-tête du tableau ; il garde
   son focus visible, c'est ce qui le rend utilisable au clavier. */

th > .ct-tri[b-hgs1l8o1gy] {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: baseline;
    gap: .3rem;
    white-space: nowrap;
}

th > .ct-tri:hover[b-hgs1l8o1gy] {
    text-decoration: underline;
}

th > .ct-tri:focus-visible[b-hgs1l8o1gy] {
    outline: 2px solid var(--bs-primary, #0d6efd);
    outline-offset: 2px;
}

/* La colonne triée porte sa flèche en pleine encre ; les autres la montrent en creux, pour qu'on
   devine qu'elles sont cliquables sans qu'elles ne réclament l'attention. */
.ct-fleche[b-hgs1l8o1gy] {
    font-size: .75em;
}

.ct-inactive[b-hgs1l8o1gy] {
    opacity: .3;
}
/* /Shared/DashboardLayout.razor.rz.scp.css */
.page[b-4n9bcvv52x] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}
[b-4n9bcvv52x] .page-layout,
[b-4n9bcvv52x] .page-layout > .dxbl-gridlayout-root,
[b-4n9bcvv52x] .layout-item {
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

[b-4n9bcvv52x] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-4n9bcvv52x] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-4n9bcvv52x] .fit-width {
    max-width: 100%;
}

[b-4n9bcvv52x] .mw-1100 {
    max-width: 1100px;
}
/* /Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-r4g5cvrnst] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3.5rem;
    min-height: 3.5rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-r4g5cvrnst] {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
}

.header-navbar .navbar-toggler .navbar-toggler-icon[b-r4g5cvrnst] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 2rem;
    width: 2rem;
}

.title[b-r4g5cvrnst] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Versions coffre / site toujours visibles : gris discret quand elles concordent. */
.version-info[b-r4g5cvrnst] {
    font-size: 0.8rem;
    color: #6c757d;
    white-space: nowrap;
    align-self: center;
}

/* Écart de version site/coffre : signale sans crier (ambre discret, petite taille). */
.version-ecart[b-r4g5cvrnst] {
    font-size: 0.8rem;
    color: #b45309;
    white-space: nowrap;
    align-self: center;
}

@media (max-width: 350px) {
    .title[b-r4g5cvrnst] {
        font-size: inherit;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-9336yg2ywt] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}
[b-9336yg2ywt] .page-layout,
[b-9336yg2ywt] .page-layout > .dxbl-gridlayout-root,
[b-9336yg2ywt] .layout-item {
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

[b-9336yg2ywt] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

/* /receptionv2 (2026-09-12) : son bloc figé (barre d'actions, commandes, synthèse) doit toucher le bandeau. La page compensait
   le padding haut par une marge négative, que position: sticky neutralise (le bloc était repoussé d'autant) : ici, pas de
   padding haut quand la zone de contenu héberge cette page. :has() — Chrome/Edge 105+, Firefox 121+. */
[b-9336yg2ywt] .content:has(> .rv2-page) {
    padding-top: 0;
}

@media (max-width: 1199.98px) {
    [b-9336yg2ywt] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-9336yg2ywt] .fit-width {
    max-width: 100%;
}

[b-9336yg2ywt] .mw-1100 {
    max-width: 1100px;
}
/* /Shared/MenuUtilisateur.razor.rz.scp.css */
.menu-utilisateur[b-1regk5klgu] {
    position: relative;
    display: flex;
    align-items: center;
}

/* ---- avatar rond à initiales (bandeau + entête du panneau) ---- */

.mu-avatar-bouton[b-1regk5klgu] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    line-height: 0;
}

.mu-avatar-bouton:hover .mu-avatar[b-1regk5klgu],
.mu-avatar-bouton:focus-visible .mu-avatar[b-1regk5klgu] {
    box-shadow: 0 0 0 3px rgba(86, 61, 124, 0.25);
}

.mu-avatar[b-1regk5klgu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--bs-primary, #563d7c);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    user-select: none;
    transition: box-shadow 0.12s ease;
}

.mu-avatar-grand[b-1regk5klgu] {
    width: 48px;
    height: 48px;
    font-size: 1.05rem;
}

/* ---- panneau ---- */

/* Voile transparent plein écran : un clic hors du panneau le ferme (pattern WfWorkflow). */
.mu-voile[b-1regk5klgu] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.mu-panneau[b-1regk5klgu] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1050;
    width: 300px;
    max-height: 82vh;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
    padding: 0.4rem 0;
}

.mu-entete[b-1regk5klgu] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
}

.mu-identite[b-1regk5klgu] {
    min-width: 0;
}

.mu-nom[b-1regk5klgu] {
    font-weight: 600;
    font-size: 1rem;
    color: #1f2328;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mu-sous-titre[b-1regk5klgu] {
    font-size: 0.8rem;
    color: #6b7280;
}

.mu-separateur[b-1regk5klgu] {
    border-top: 1px solid #ececef;
    margin: 0.35rem 0;
}

/* ---- lignes du menu ---- */

.mu-item[b-1regk5klgu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.55rem 1rem;
    border: none;
    background: none;
    text-align: left;
    color: #1f2328;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.925rem;
}

.mu-item:hover[b-1regk5klgu] {
    background: #f4f4f5;
    color: #1f2328;
    text-decoration: none;
}

.mu-icone[b-1regk5klgu] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: #6b7280;
}

/* Ligne d'information (version du coffre) : même gabarit que les items, mais non cliquable. */
.mu-version[b-1regk5klgu] {
    color: #6b7280;
    font-size: 0.85rem;
    cursor: default;
}

.mu-version:hover[b-1regk5klgu] {
    background: none;
    color: #6b7280;
}

.mu-chevron[b-1regk5klgu] {
    margin-left: auto;
    color: #9ca3af;
    font-size: 1rem;
    line-height: 1;
    transition: transform 0.12s ease;
}

.mu-chevron-ouvert[b-1regk5klgu] {
    transform: rotate(90deg);
}

/* ---- sous-menus (Diagnostic / Habilitations) ---- */

.mu-sous-liste[b-1regk5klgu] {
    position: relative;
    padding: 0.15rem 0 0.3rem;
}

/* Trait de guidage vertical aligné sous le centre de la colonne d'icônes (1rem + 16px/2),
   en ::before pour laisser le hover des sous-items couvrir toute la largeur du panneau. */
.mu-sous-liste[b-1regk5klgu]::before {
    content: "";
    position: absolute;
    left: calc(1rem + 8px);
    top: 0.15rem;
    bottom: 0.3rem;
    width: 1px;
    background: #e4e4e7;
}

/* Le texte d'un item parent commence à ~2.75rem (padding 1rem + icône 16px + gap 0.75rem) :
   4rem donne un retrait réellement visible des sous-items. */
.mu-sous-item[b-1regk5klgu] {
    padding: 0.4rem 1rem 0.4rem 4rem;
    font-size: 0.875rem;
    color: #374151;
}

/* ---- anonyme ---- */

.mu-lien-connexion[b-1regk5klgu] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--bs-primary, #563d7c);
    font-weight: 600;
    font-size: 0.925rem;
    padding: 0.35rem 0.75rem;
}

.mu-lien-connexion:hover[b-1regk5klgu] {
    text-decoration: underline;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.sidebar[b-ac06dlwlsk] {
    min-width: 300px;
    max-width: 300px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

.sidebar.collapse[b-ac06dlwlsk] {
    display: none;
}

.sidebar.expand[b-ac06dlwlsk] {
    display: block;
}

@media (max-width: 1199.98px) {
    .sidebar[b-ac06dlwlsk] {
        display: none;
    }

    .sidebar.expand[b-ac06dlwlsk] {
        position: fixed;
        top: 3.5rem;
        left: 0;
        height: auto;
        min-width: 100%;
        z-index: 1050;
    }
}

[b-ac06dlwlsk] .app-sidebar {
    --dxbl-treeview-spacing-x: 0.5rem;
    --dxbl-treeview-spacing-y: 1rem;
}

[b-ac06dlwlsk] .app-sidebar > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-treeview-items-container > .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container {
    --dxbl-treeview-font-weight: 600;
}          

[b-ac06dlwlsk] .app-sidebar > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-treeview-items-container > .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-btn.dxbl-invisible {
    display: none;
}

@media (max-width: 1199.98px) {
    [b-ac06dlwlsk] .app-sidebar {
        padding-bottom: 0;
    }
}
/* /Shared/PaginationBandeau.razor.rz.scp.css */
/* Bandeau de pagination (Shared/PaginationBandeau.razor) — feuille ISOLÉE, classes préfixées pgb-.
   Le compte tient la gauche (c'est une information, pas une commande), les pages le centre,
   « Par page » la droite : la disposition de la maquette extranet-RFE.md §5. */

.pgb-bandeau[b-980bh0rqyi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    padding-top: .5rem;
    border-top: 1px solid #dee2e6;
    font-size: .84rem;
}

.pgb-compte[b-980bh0rqyi] {
    flex: 1 1 0;
    color: #212529;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.pgb-sur[b-980bh0rqyi] {
    color: #6c757d;
}

.pgb-pages[b-980bh0rqyi] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .2rem;
}

.pgb-pages .btn[b-980bh0rqyi] {
    min-width: 2.1rem;
    font-variant-numeric: tabular-nums;
}

/* Le rang courant garde la hauteur d'un bouton pour rester aligné, sans curseur ni survol. */
.pgb-courante[b-980bh0rqyi] {
    pointer-events: none;
    background-color: #e9ecef;
    color: #212529;
    font-weight: 600;
    opacity: 1;
}

.pgb-ellipse[b-980bh0rqyi] {
    padding: 0 .25rem;
    color: #6c757d;
}

.pgb-taille[b-980bh0rqyi] {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    margin-bottom: 0;
    color: #6c757d;
    white-space: nowrap;
}

.pgb-taille select[b-980bh0rqyi] {
    width: auto;
    font-size: .84rem;
}
/* /Shared/SourceFacturePastille.razor.rz.scp.css */
/* Pastille « RFE » du titre d'onglet : rouge « danger » de la charte, blanche en majuscules, petite —
   elle doit se voir sans écraser le libellé « Détail » à côté duquel elle est posée. */
.pastille-rfe[b-0qgyufve9i] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 10px;
    background: #dc3545;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    line-height: 1.4;
    vertical-align: middle;
    cursor: help;
}
/* /Shared/VerdieWidgetLayout.razor.rz.scp.css */
/* Widget iframe : compact, plein cadre, sans marges héritées. */
.verdie-widget[b-llpiknez56] {
    height: 100%;
    min-height: 100vh;
    padding: 0.5rem 0.75rem;
    background: #fff;
    overflow: auto;
}