@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/Pages/Adhesions/EditContratAdhesion.razor.rz.scp.css */
.editor-toggle[b-z3v50b5l5z] {
    margin-bottom: 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%;
}
/* /Components/Pages/Administration/DiagnosticPerformance.razor.rz.scp.css */
/* Grid layouts */
.diag-grid[b-6o15ue7pmc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
    width: 100%;
}

.diag-grid-2[b-6o15ue7pmc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 16px;
    width: 100%;
}

/* Key-value rows */
.diag-row[b-6o15ue7pmc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 36px;
    padding: 4px 0;
    gap: 12px;
}

/* Card status accent (left border) */
[b-6o15ue7pmc] .diag-card-ok {
    border-left: 4px solid #107c10 !important;
}

[b-6o15ue7pmc] .diag-card-warn {
    border-left: 4px solid #ff8c00 !important;
}

[b-6o15ue7pmc] .diag-card-error {
    border-left: 4px solid #d13438 !important;
}

[b-6o15ue7pmc] .diag-card-neutral {
    border-left: 4px solid #8a8886 !important;
}

/* Card header with status icon */
.diag-card-header[b-6o15ue7pmc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
}

.diag-card-header-status[b-6o15ue7pmc] {
    margin-left: auto;
}

/* GC compact horizontal layout */
.diag-gc-row[b-6o15ue7pmc] {
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 6px 0;
}

.diag-gc-item[b-6o15ue7pmc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.diag-gc-label[b-6o15ue7pmc] {
    font-size: 0.8em;
    color: var(--neutral-foreground-hint);
}

.diag-gc-value[b-6o15ue7pmc] {
    font-size: 1.1em;
    font-weight: 600;
}

/* Health check entries — 3-column grid */
.diag-health-entry[b-6o15ue7pmc] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 12px;
    align-items: center;
    min-height: 32px;
    padding: 2px 0;
}

/* Service entries with separator */
.diag-service-entry[b-6o15ue7pmc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 6px 0;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.diag-service-entry:last-of-type[b-6o15ue7pmc] {
    border-bottom: none;
}

/* API section */
.diag-api-grid[b-6o15ue7pmc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.diag-api-entry[b-6o15ue7pmc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Value hint text */
.diag-value[b-6o15ue7pmc] {
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
}

/* Footer */
.diag-footer[b-6o15ue7pmc] {
    color: var(--neutral-foreground-hint);
    font-size: 0.85em;
    padding-top: 4px;
}
/* /Components/Pages/Admin/DiagnosticExchange.razor.rz.scp.css */
/* Les trois cartes du bandeau gardent la hauteur de la plus haute. Grille plutôt que
   flex : les cellules d'une même rangée sont de hauteur égale par construction, et le
   height:100% est nécessaire car FluentCard ne se laisse pas étirer par align-items. */
.diagnostic-cards-row[b-cu9skkgf3g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 20px;
    width: 100%;
}

.diagnostic-cards-row[b-cu9skkgf3g]  fluent-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Erreur du rattrapage : visible aussi une fois le traitement arrêté. */
.backfill-alerte[b-cu9skkgf3g] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--error);
    border-left-width: 3px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--error) 8%, transparent);
    font-size: 13px;
    line-height: 1.45;
}

/* Compteurs du rattrapage : tuiles KPI sur une ligne. */
.kpi-row[b-cu9skkgf3g] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.kpi-tile[b-cu9skkgf3g] {
    flex: 1 1 130px;
    min-width: 110px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-left: 3px solid var(--accent-fill-rest);
    border-radius: 6px;
    background: var(--neutral-layer-2);
}

.kpi-tile-alerte[b-cu9skkgf3g] {
    border-left-color: var(--error);
}

.kpi-value[b-cu9skkgf3g] {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.kpi-label[b-cu9skkgf3g] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Aide/RechercheAide.razor.rz.scp.css */
.recherche-aide[b-3l9q1hwrio] {
    padding: 16px 24px 32px;
    max-width: 1000px;
}

.recherche-aide__sources[b-3l9q1hwrio] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 4px;
}

.recherche-aide__source[b-3l9q1hwrio] {
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-1);
    color: var(--neutral-foreground-rest);
    border-radius: 14px;
    padding: 3px 12px;
    font-size: 0.8rem;
    cursor: pointer;
}

.recherche-aide__source:hover[b-3l9q1hwrio] {
    background: var(--neutral-layer-2);
}

.recherche-aide__source--active[b-3l9q1hwrio] {
    border-color: var(--accent-fill-rest);
    color: var(--accent-fill-rest);
    font-weight: 600;
}

.recherche-aide__compte[b-3l9q1hwrio] {
    margin: 16px 0 8px;
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.recherche-aide__vide[b-3l9q1hwrio] {
    margin-top: 24px;
    padding: 20px;
    border-radius: 6px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-hint);
    font-size: 0.9rem;
}

.recherche-aide__groupe[b-3l9q1hwrio] {
    margin-bottom: 16px;
    padding: 16px;
}

.recherche-aide__resultat[b-3l9q1hwrio] {
    padding: 10px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.recherche-aide__resultat:last-child[b-3l9q1hwrio] {
    border-bottom: none;
}

.recherche-aide__titre[b-3l9q1hwrio] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.recherche-aide__badge[b-3l9q1hwrio] {
    color: #fff;
    border-radius: 10px;
    padding: 1px 8px;
    font-size: 0.7rem;
    font-weight: 600;
}

.recherche-aide__date[b-3l9q1hwrio] {
    color: var(--neutral-foreground-hint);
    font-size: 0.75rem;
    font-weight: 400;
}

.recherche-aide__extrait[b-3l9q1hwrio] {
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--neutral-foreground-rest);
    white-space: pre-wrap;
}

.recherche-aide__extrait[b-3l9q1hwrio]  mark,
.recherche-aide__titre[b-3l9q1hwrio]  mark {
    background: color-mix(in srgb, var(--accent-fill-rest) 28%, transparent);
    color: inherit;
    border-radius: 2px;
    padding: 0 1px;
}

.recherche-aide__actions[b-3l9q1hwrio] {
    display: flex;
    gap: 14px;
    margin-top: 6px;
}

.recherche-aide__lien[b-3l9q1hwrio] {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.78rem;
    color: var(--accent-fill-rest);
    cursor: pointer;
    text-decoration: none;
}

.recherche-aide__lien:hover[b-3l9q1hwrio] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .recherche-aide[b-3l9q1hwrio] {
        padding: 12px 12px 24px;
    }
}
/* /Components/Pages/Changelog.razor.rz.scp.css */
.changelog-content h1[b-ishtksw0c2] {
    font-size: 1.6em;
    border-bottom: 2px solid var(--accent-fill-rest);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.changelog-content h2[b-ishtksw0c2] {
    font-size: 1.3em;
    color: var(--accent-fill-rest);
    margin-top: 24px;
    margin-bottom: 8px;
}

.changelog-content h3[b-ishtksw0c2] {
    font-size: 1.1em;
    margin-top: 16px;
    margin-bottom: 6px;
}

.changelog-content ul[b-ishtksw0c2] {
    padding-left: 24px;
    margin: 8px 0;
}

.changelog-content li[b-ishtksw0c2] {
    margin-bottom: 4px;
    line-height: 1.5;
}

.changelog-content a[b-ishtksw0c2] {
    color: var(--accent-fill-rest);
}

[b-ishtksw0c2] .changelog-content h1 {
    font-size: 1.6em;
    border-bottom: 2px solid var(--accent-fill-rest);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

[b-ishtksw0c2] .changelog-content h2 {
    font-size: 1.3em;
    color: var(--accent-fill-rest);
    margin-top: 24px;
    margin-bottom: 8px;
}

[b-ishtksw0c2] .changelog-content h3 {
    font-size: 1.1em;
    margin-top: 16px;
    margin-bottom: 6px;
}

[b-ishtksw0c2] .changelog-content ul {
    padding-left: 24px;
    margin: 8px 0;
}

[b-ishtksw0c2] .changelog-content li {
    margin-bottom: 4px;
    line-height: 1.5;
}

[b-ishtksw0c2] .changelog-content a {
    color: var(--accent-fill-rest);
}
/* /Components/Pages/Communication/Dialogs/ExportColonnesDialog.razor.rz.scp.css */
.export-colonnes-outils[b-tc7y0yj1tg] {
    display: flex;
    align-items: center;
    gap: var(--espace-2);
    margin-bottom: var(--espace-3);
}

.export-colonnes-compteur[b-tc7y0yj1tg] {
    font-size: var(--taille-s);
    color: var(--texte-secondaire);
}

.export-colonnes-groupes[b-tc7y0yj1tg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espace-4);
}

.export-colonnes-groupe[b-tc7y0yj1tg] {
    display: flex;
    flex-direction: column;
    gap: var(--espace-1);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.export-colonnes-groupe legend[b-tc7y0yj1tg] {
    padding: 0;
    margin-bottom: var(--espace-1);
    font-size: var(--taille-s);
    font-weight: 600;
    color: var(--texte-principal);
}

.export-colonnes-aide[b-tc7y0yj1tg] {
    margin: var(--espace-3) 0 0;
    font-size: var(--taille-s);
    color: var(--texte-secondaire);
}

@media (max-width: 767.98px) {
    .export-colonnes-groupes[b-tc7y0yj1tg] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Communication/EditTemplate.razor.rz.scp.css */
.editor-toggle[b-9hsyglbh16] {
    margin-bottom: 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%;
}
/* /Components/Pages/Communication/EditTemplateDocument.razor.rz.scp.css */
.editor-toggle[b-pccd2r0jow] {
    margin-bottom: 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%;
}
/* /Components/Pages/Communication/EditTemplatePageWeb.razor.rz.scp.css */
.editor-toggle[b-dw277202dp] {
    margin-bottom: 0;
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%;
    padding: 4px 0;
    flex-shrink: 0;
}

/* Page container: full viewport height minus header/footer */
.tpw-page-container[b-dw277202dp] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 140px);
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

/* Identity row: single compact line */
.tpw-identity-row[b-dw277202dp] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-shrink: 0;
    padding: 6px 0;
    flex-wrap: wrap;
}

/* Variables row: always visible */
.tpw-variables-row[b-dw277202dp] {
    flex-shrink: 0;
    padding: 6px 8px;
    background: var(--neutral-layer-2);
    border-radius: 4px;
    margin-bottom: 4px;
}

/* Editor row: takes all remaining height, side by side */
.tpw-editor-row[b-dw277202dp] {
    display: flex;
    gap: 8px;
    flex: 1;
    min-height: 0;
}

/* Editor column: left half */
.tpw-editor-col[b-dw277202dp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

/* Preview column: right half */
.tpw-preview-col[b-dw277202dp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

/* Avertissements sur le HTML de la zone en cours d'édition : au-dessus de l'éditeur,
   hauteur libre pour ne pas rogner la surface de saisie. */
.tpw-zone-avertissements[b-dw277202dp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
    margin-bottom: 8px;
}

/* Editor content area: fills remaining space in column */
.tpw-editor-content[b-dw277202dp] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: visible;
    position: relative;
}

/* Radzen HTML editor: constrain to flex container */
.tpw-editor-content[b-dw277202dp]  .rz-html-editor {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.tpw-editor-content[b-dw277202dp]  .rz-html-editor-toolbar {
    overflow: visible;
    position: relative;
    z-index: 10;
}

.tpw-editor-content[b-dw277202dp]  .rz-html-editor-content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* Preview iframe: fills remaining space in column */
.tpw-preview-iframe[b-dw277202dp] {
    flex: 1;
    width: 100%;
    min-height: 0;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
}
/* /Components/Pages/Membres/EditMembre.razor.rz.scp.css */
.code-naf-large[b-f5s6l7n0sv]  fluent-autocomplete,
.code-naf-large[b-f5s6l7n0sv]  fluent-autocomplete::part(control),
.code-naf-large[b-f5s6l7n0sv]  fluent-autocomplete::part(selected-value),
.code-naf-large[b-f5s6l7n0sv]  input,
.code-naf-large[b-f5s6l7n0sv]  .fluent-autocomplete-selected-option {
    font-size: 0.9rem !important;
}

.code-naf-large[b-f5s6l7n0sv]  fluent-badge {
    font-size: 0.9rem !important;
    padding: 0.4rem 0.6rem !important;
}
/* /Components/Pages/Prospection/ProposerRdv.razor.rz.scp.css */
.composer-page[b-o1wu3me7aa] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.composer-grid[b-o1wu3me7aa] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 12px;
    align-items: start;
}

.composer-cal-card[b-o1wu3me7aa] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

/* RadzenScheduler exige une hauteur définie : la chaîne height:100% à travers
   un item de grille se réduit à zéro. On fixe une hauteur viewport explicite. */
.composer-cal-inner[b-o1wu3me7aa] {
    height: calc(100vh - 230px);
    min-height: 440px;
}

.composer-cal-inner[b-o1wu3me7aa]  .rz-scheduler {
    height: 100%;
}

.composer-legende[b-o1wu3me7aa] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    padding-top: 8px;
    font-size: 11.5px;
    color: var(--neutral-foreground-hint);
    flex-shrink: 0;
}

.composer-legende i[b-o1wu3me7aa] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    vertical-align: -2px;
    margin-right: 5px;
}

.lg-occupe[b-o1wu3me7aa] { background: #9ca3af; }
.lg-propose[b-o1wu3me7aa] { background: #0f6cbd; }
.lg-autre[b-o1wu3me7aa] { background: #efe9fa; border: 1.5px dashed #7c3aed; }
.lg-astuce[b-o1wu3me7aa] { margin-left: auto; font-style: italic; }

.composer-side[b-o1wu3me7aa] {
    overflow-y: auto;
    padding: 14px;
}

.composer-side-inner[b-o1wu3me7aa] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.composer-ligne[b-o1wu3me7aa] {
    display: flex;
    gap: 10px;
}

.composer-ligne .composer-champ[b-o1wu3me7aa] {
    flex: 1;
    min-width: 0;
}

.composer-champ label[b-o1wu3me7aa] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    margin-bottom: 3px;
}

.composer-alerte[b-o1wu3me7aa] {
    display: block;
    font-size: 11.5px;
    color: var(--error, #b3261e);
    margin-top: 3px;
}

.composer-creneaux label[b-o1wu3me7aa] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
}

.composer-vide[b-o1wu3me7aa] {
    font-size: 12.5px;
    color: var(--neutral-foreground-hint);
    margin: 0 0 6px;
}

.composer-creneau-ligne[b-o1wu3me7aa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 4px 4px 4px 10px;
    margin-bottom: 6px;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.composer-note[b-o1wu3me7aa] {
    font-size: 11.5px;
    color: var(--neutral-foreground-hint);
    margin: 6px 0 0;
}

.composer-envoi[b-o1wu3me7aa] {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid var(--neutral-stroke-divider-rest, var(--neutral-stroke-rest));
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.composer-test-row[b-o1wu3me7aa] {
    display: flex;
    gap: 8px;
}

.composer-test-row[b-o1wu3me7aa]  .fluent-button {
    flex: 1;
}

/* Aperçu du mail — le corps est du HTML généré, on lui donne un cadre neutre */
[b-o1wu3me7aa] .apercu-meta {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    margin: 0 0 10px;
}

[b-o1wu3me7aa] .apercu-mail {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 18px 20px;
    background: #ffffff;
    color: #1b2530;
    font-size: 15px;
    line-height: 1.55;
    max-height: 55vh;
    overflow-y: auto;
}

[b-o1wu3me7aa] .apercu-sms {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 14px 16px;
    background: var(--neutral-layer-2, #eef1f5);
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .composer-page[b-o1wu3me7aa] {
        height: auto;
    }

    .composer-grid[b-o1wu3me7aa] {
        grid-template-columns: 1fr;
    }

    .composer-cal-inner[b-o1wu3me7aa] {
        height: 420px;
    }
}
/* /Components/Pages/Prospection/PropositionsRdvList.razor.rz.scp.css */
[b-h0dftfz4d8] .rdv-badge {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 700;
    border-radius: 999px;
    padding: 2px 10px;
    white-space: nowrap;
}
/* /Components/Pages/Prospection/PropositionsRdvProspectPanel.razor.rz.scp.css */
.panel-liste[b-nzw3oog7x2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.panel-ligne[b-nzw3oog7x2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 6px 6px 6px 10px;
}

.panel-infos[b-nzw3oog7x2] {
    min-width: 0;
}

.panel-detail[b-nzw3oog7x2] {
    font-size: 0.78rem;
    color: var(--neutral-foreground-hint);
}

[b-nzw3oog7x2] .rdv-badge {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    border-radius: 999px;
    padding: 1px 8px;
    margin-left: 6px;
    white-space: nowrap;
    vertical-align: 1px;
}
/* /Components/Pages/Public/PropositionRdvPublique.razor.rz.scp.css */
/* Page publique de choix de créneau — mobile-first, lien souvent ouvert depuis un SMS */

.rdv-page[b-puyloza86v] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 24px 12px;
    background: var(--neutral-layer-1, #f3f4f6);
}

.rdv-card[b-puyloza86v] {
    width: 100%;
    max-width: 460px;
    background: var(--neutral-layer-floating, #ffffff);
    border-radius: 12px;
    box-shadow: 0 2px 14px rgba(16, 24, 32, 0.10);
    overflow: hidden;
}

.rdv-entete[b-puyloza86v] {
    background: var(--accent-fill-rest, #0f6cbd);
    color: #ffffff;
    padding: 18px 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rdv-marque[b-puyloza86v] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.85;
}

.rdv-qui[b-puyloza86v] {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
}

.rdv-quoi[b-puyloza86v] {
    font-size: 13px;
    opacity: 0.9;
}

.rdv-corps[b-puyloza86v] {
    padding: 18px 20px 8px;
}

.rdv-centre[b-puyloza86v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding-bottom: 18px;
}

.rdv-titre[b-puyloza86v] {
    font-size: 18px;
    font-weight: 650;
    margin: 4px 0 0;
}

.rdv-texte-doux[b-puyloza86v] {
    color: var(--neutral-foreground-hint, #5a6675);
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.rdv-intro[b-puyloza86v] {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 12px;
    white-space: pre-line;
}

.rdv-consigne[b-puyloza86v] {
    font-size: 13px;
    font-weight: 600;
    color: var(--neutral-foreground-hint, #5a6675);
    margin: 0 0 10px;
}

.rdv-jour[b-puyloza86v] {
    margin-bottom: 14px;
}

.rdv-jour h5[b-puyloza86v] {
    margin: 0 0 6px;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--neutral-foreground-hint, #7a8894);
    font-weight: 700;
}

.rdv-creneau[b-puyloza86v] {
    display: flex;
    justify-content: center;
    width: 100%;
    border: 1.5px solid var(--accent-fill-rest, #0f6cbd);
    color: var(--accent-fill-rest, #0f6cbd);
    background: transparent;
    font-weight: 700;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    border-radius: 8px;
    padding: 11px 0;
    margin-bottom: 8px;
    cursor: pointer;
    transition: background-color 0.12s ease;
}

.rdv-creneau:hover:not(:disabled):not(.rdv-creneau-pris)[b-puyloza86v] {
    background: rgba(15, 108, 189, 0.08);
}

.rdv-creneau:focus-visible[b-puyloza86v] {
    outline: 2px solid var(--accent-fill-rest, #0f6cbd);
    outline-offset: 2px;
}

.rdv-creneau:disabled[b-puyloza86v] {
    opacity: 0.55;
    cursor: wait;
}

.rdv-creneau-pris[b-puyloza86v] {
    border-color: var(--neutral-stroke-rest, #d1d5db);
    color: var(--neutral-foreground-hint, #9aa2ad);
    font-weight: 500;
    text-decoration: line-through;
    cursor: default;
}

.rdv-bandeau[b-puyloza86v] {
    background: #fdf1de;
    color: #6b4a00;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13.5px;
    line-height: 1.45;
    margin-bottom: 14px;
}

.rdv-bandeau-ok[b-puyloza86v] {
    background: #e3f2e9;
    color: #0f5c31;
}

.rdv-note[b-puyloza86v] {
    font-size: 11.5px;
    color: var(--neutral-foreground-hint, #9aa2ad);
    text-align: center;
    margin: 10px 0 6px;
}

.rdv-pied[b-puyloza86v] {
    text-align: center;
    padding: 8px 0 14px;
}

.rdv-pied a[b-puyloza86v] {
    color: var(--accent-fill-rest, #0f6cbd);
    font-size: 13.5px;
    cursor: pointer;
    text-decoration: underline;
}

.rdv-formulaire[b-puyloza86v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 10px 0 16px;
    width: 100%;
}

.rdv-formulaire label[b-puyloza86v] {
    font-size: 13px;
    font-weight: 600;
    text-align: left;
}

.rdv-formulaire textarea[b-puyloza86v] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--neutral-stroke-rest, #d1d5db);
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
}

.rdv-actions[b-puyloza86v] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.rdv-principal[b-puyloza86v],
.rdv-secondaire[b-puyloza86v],
.rdv-danger[b-puyloza86v] {
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
}

.rdv-principal[b-puyloza86v] {
    background: var(--accent-fill-rest, #0f6cbd);
    color: #ffffff;
}

.rdv-principal:disabled[b-puyloza86v] {
    opacity: 0.5;
    cursor: default;
}

.rdv-secondaire[b-puyloza86v] {
    background: transparent;
    border-color: var(--neutral-stroke-rest, #d1d5db);
    color: inherit;
}

.rdv-danger[b-puyloza86v] {
    background: #b3261e;
    color: #ffffff;
}

.rdv-lien-bouton[b-puyloza86v] {
    display: inline-block;
    text-decoration: none;
    margin-top: 4px;
}

.rdv-coche[b-puyloza86v] {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    background: #e3f2e9;
    color: #107c41;
    display: grid;
    place-items: center;
    font-size: 22px;
    font-weight: 700;
    margin-top: 8px;
}

.rdv-date-confirmee[b-puyloza86v] {
    font-size: 16px;
    font-weight: 650;
    margin: 0;
}

.rdv-signature[b-puyloza86v] {
    text-align: center;
    font-size: 11px;
    color: var(--neutral-foreground-hint, #9aa2ad);
    padding: 10px 16px 16px;
}
/* /Components/Shared/ConsultationsJuridiquesCard.razor.rz.scp.css */
.consultations-vide[b-l6vyhjodzm] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-hint);
}

.consultations-liste[b-l6vyhjodzm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.consultation-ligne[b-l6vyhjodzm] {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.consultation-ligne:last-child[b-l6vyhjodzm] {
    padding-bottom: 0;
    border-bottom: none;
}

.consultation-ligne__meta[b-l6vyhjodzm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    color: var(--neutral-foreground-hint);
}

.consultation-ligne__sep[b-l6vyhjodzm] {
    opacity: 0.6;
}

.consultation-ligne__contenu[b-l6vyhjodzm] {
    margin-top: 4px;
    white-space: pre-wrap;
    color: var(--neutral-foreground-rest);
}

/* Couleurs fixes sur texte blanc : lisibles dans les deux thèmes. */
.consultation-statut[b-l6vyhjodzm] {
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.72rem;
    color: #ffffff;
    white-space: nowrap;
}

.consultation-statut--encours[b-l6vyhjodzm] {
    background-color: #0f6cbd;
}

.consultation-statut--termine[b-l6vyhjodzm] {
    background-color: #6b7280;
}
/* /Components/Shared/EmailsArchivesListe.razor.rz.scp.css */
/* La liste sert dans une carte de fiche (282 px de large à 1200 px de fenêtre) comme en pleine
   page : c'est sa propre largeur qui décide de la disposition, pas celle de la fenêtre. */
.emails-archives-liste[b-odw62mufvu] {
    width: 100%;
    font-size: 13px;
    container: emails-archives / inline-size;
}

.emails-archives-entete[b-odw62mufvu],
.emails-archives-ligne[b-odw62mufvu] {
    display: grid;
    grid-template-columns: 24px 110px 24px minmax(0, 1fr) minmax(0, 130px) 24px;
    align-items: center;
    gap: 8px;
    padding: 4px 6px;
}

.emails-archives-liste--expediteur .emails-archives-entete[b-odw62mufvu],
.emails-archives-liste--expediteur .emails-archives-ligne[b-odw62mufvu] {
    grid-template-columns: 24px 110px 24px minmax(0, 1fr) minmax(0, 180px) minmax(0, 130px) 24px;
}

/* Chaque cellule nomme sa zone, chaque disposition n'est plus qu'un gabarit. Le chevron (svg de
   FluentIcon, hors de portée du style isolé) prend la seule case libre de la première rangée. */
.emails-archives-ligne[b-odw62mufvu] {
    grid-template-areas: "chevron date sens sujet via nonlu";
}

.emails-archives-liste--expediteur .emails-archives-ligne[b-odw62mufvu] {
    grid-template-areas: "chevron date sens sujet expediteur via nonlu";
}

.emails-archives-date[b-odw62mufvu] {
    grid-area: date;
}

.emails-archives-sens[b-odw62mufvu] {
    grid-area: sens;
}

.emails-archives-sujet[b-odw62mufvu] {
    grid-area: sujet;
}

.emails-archives-expediteur[b-odw62mufvu] {
    grid-area: expediteur;
}

.emails-archives-via[b-odw62mufvu] {
    grid-area: via;
}

.emails-archives-nonlu[b-odw62mufvu] {
    grid-area: nonlu;
}

.emails-archives-entete[b-odw62mufvu] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--neutral-layer-1);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    font-size: 12px;
}

.emails-archives-ligne[b-odw62mufvu] {
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    cursor: pointer;
}

.emails-archives-ligne:hover[b-odw62mufvu] {
    background: var(--neutral-fill-stealth-hover);
}

.emails-archives-cellule[b-odw62mufvu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.emails-archives-secondaire[b-odw62mufvu] {
    color: var(--neutral-foreground-hint);
    font-size: 11px;
}

.emails-archives-detail[b-odw62mufvu] {
    padding: 10px 12px 12px 38px;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.emails-archives-contenu[b-odw62mufvu] {
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.5;
}

/* Liste étroite : le sujet garde la première rangée, la date et la boîte passent dessous.
   Sur une rangée, les pistes fixes, les gouttières et les marges prennent 234 px, puis Via ses
   130 px avant que Sujet ne reçoive quoi que ce soit : sous 364 px de liste il n'a plus rien
   (fiche à deux colonnes jusqu'à 1400 px de fenêtre, téléphone). Le seuil lui garde 156 px sur
   une rangée et reste sous les 570 px de la carte à 1920 px, dont le rendu ne change pas. */
@container emails-archives (max-width: 519.98px) {
    .emails-archives-entete[b-odw62mufvu] {
        display: none;
    }

    .emails-archives-ligne[b-odw62mufvu] {
        grid-template-columns: 24px 24px auto minmax(0, 1fr) 24px;
        grid-template-areas:
            "chevron sens sujet sujet nonlu"
            ".       .    date  via   .";
        row-gap: 0;
    }

    .emails-archives-date[b-odw62mufvu] {
        color: var(--neutral-foreground-hint);
        font-size: var(--taille-2xs);
    }

    /* Sans en-tête de colonnes, le nom seul ne dit plus ce qu'il désigne. \B7 : point médian. */
    .emails-archives-via[b-odw62mufvu]::before {
        content: "\B7  via ";
    }
}

/* Avec l'expéditeur, 188 px de plus partent avant Sujet. Le seuil monte sans atteindre les
   702 px de la page Activité à 768 px de fenêtre, qui garde ses colonnes. */
@container emails-archives (max-width: 679.98px) {
    .emails-archives-liste--expediteur .emails-archives-entete[b-odw62mufvu] {
        display: none;
    }

    .emails-archives-liste--expediteur .emails-archives-ligne[b-odw62mufvu] {
        grid-template-columns: 24px 24px auto minmax(0, 1fr) minmax(0, 1fr) 24px;
        grid-template-areas:
            "chevron sens sujet sujet      sujet nonlu"
            ".       .    date  expediteur via   .";
        row-gap: 0;
    }

    .emails-archives-liste--expediteur .emails-archives-date[b-odw62mufvu] {
        color: var(--neutral-foreground-hint);
        font-size: var(--taille-2xs);
    }

    .emails-archives-liste--expediteur .emails-archives-expediteur[b-odw62mufvu]::before {
        content: "\B7  de ";
    }

    .emails-archives-liste--expediteur .emails-archives-via[b-odw62mufvu]::before {
        content: "\B7  via ";
    }
}