@import '_content/Perial.Blazor/Perial.Blazor.a3m1cyqz1w.bundle.scp.css';

/* /Components/Overlays/Modals/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-4oilzwth3r],
.components-reconnect-repeated-attempt-visible[b-4oilzwth3r],
.components-reconnect-failed-visible[b-4oilzwth3r],
.components-pause-visible[b-4oilzwth3r],
.components-resume-failed-visible[b-4oilzwth3r],
.components-rejoining-animation[b-4oilzwth3r] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-retrying[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-failed[b-4oilzwth3r],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-4oilzwth3r] {
    display: block;
}

#components-reconnect-modal[b-4oilzwth3r] {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: calc(var(--mud-default-borderradius) * 2);
    box-shadow: var(--mud-elevation-8);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-4oilzwth3r 0.5s both;

    &[open] {
        animation: components-reconnect-modal-slideUp-b-4oilzwth3r 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s,
                   components-reconnect-modal-fadeInOpacity-b-4oilzwth3r 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }
}

#components-reconnect-modal[b-4oilzwth3r]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-4oilzwth3r 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-4oilzwth3r {
    0%   { transform: translateY(30px) scale(0.95); }
    100% { transform: translateY(0); }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-4oilzwth3r {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-4oilzwth3r {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}

.components-reconnect-container[b-4oilzwth3r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-4oilzwth3r] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-4oilzwth3r] {
    border: 0;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    padding: 6px 24px;
    border-radius: var(--mud-default-borderradius);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s;
}

#components-reconnect-modal button:hover[b-4oilzwth3r] {
    background-color: var(--mud-palette-primary-darken);
}

#components-reconnect-modal button:active[b-4oilzwth3r] {
    background-color: var(--mud-palette-primary-lighten);
}

.components-rejoining-animation[b-4oilzwth3r] {
    position: relative;
    width: 80px;
    height: 80px;
}

.components-rejoining-animation div[b-4oilzwth3r] {
    position: absolute;
    border: 3px solid var(--mud-palette-primary);
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-4oilzwth3r 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-4oilzwth3r] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-4oilzwth3r {
    0%    { top: 40px; left: 40px; width: 0;    height: 0;    opacity: 0; }
    4.9%  { top: 40px; left: 40px; width: 0;    height: 0;    opacity: 0; }
    5%    { top: 40px; left: 40px; width: 0;    height: 0;    opacity: 1; }
    100%  { top: 0;    left: 0;    width: 80px; height: 80px; opacity: 0; }
}
/* /Components/Pages/Kyc/DocumentListSection.razor.rz.scp.css */
.kyc-doc-card[b-pn085sugk2] {
    overflow: hidden;
}

.kyc-doc-card__banner[b-pn085sugk2] {
    height: 4px;
    width: 100%;
}

.kyc-doc-card__banner--ok[b-pn085sugk2] {
    background-color: var(--mud-palette-success);
}

.kyc-doc-card__banner--warning[b-pn085sugk2] {
    background-color: var(--mud-palette-warning);
}

.kyc-doc-card__banner--error[b-pn085sugk2] {
    background-color: var(--mud-palette-error);
}

.kyc-doc-card__banner--pending[b-pn085sugk2] {
    background-color: var(--mud-palette-lines-default);
}
/* /Components/Pages/Kyc/KpiPage.razor.rz.scp.css */
.kyc-kpi-quality-bar[b-h60x1tmvgs] {
    display: flex;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: var(--mud-palette-action-disabled-background);
}

.kyc-kpi-quality-seg[b-h60x1tmvgs] {
    height: 100%;
}

.kyc-kpi-quality-ok[b-h60x1tmvgs] {
    background: var(--mud-palette-success);
}

.kyc-kpi-quality-review[b-h60x1tmvgs] {
    background: var(--mud-palette-warning);
}

.kyc-kpi-quality-none[b-h60x1tmvgs] {
    background: var(--mud-palette-action-disabled);
}
/* /Components/Pages/Kyc/UpdatesPage.razor.rz.scp.css */
/* Grouped KYC control columns (Statut, Identité, Coordonnées,
   Situation personnelle, Date de calcul).

   The band uses the same translucent primary tint as the co-subscriber
   "lien" column (`--mud-palette-primary-hover`). Because the tint is
   translucent (not an opaque fill), the row hover feedback can still read
   through it instead of being suppressed.

   At rest, the band shows the resting tint. On row hover, a dedicated rule
   deepens the tint so the hover state stays clearly perceptible on these
   cells, overriding MudSimpleTable's `.mud-table-hover tbody tr:hover td`
   repaint via the higher specificity of the scoped selector below. */

.kyc-grouped-col[b-u76qy1wa68] {
    background-color: var(--mud-palette-primary-hover);
}

tbody tr:hover .kyc-grouped-col[b-u76qy1wa68] {
    background-color: color-mix(in srgb, var(--mud-palette-primary-hover), var(--mud-palette-primary) 12%);
}

/* Clickable sortable column headers: show the pointer affordance and keep the
   label and sort arrow on a single baseline-aligned row. */
.kyc-sortable[b-u76qy1wa68] {
    cursor: pointer;
    user-select: none;
}

.kyc-sortable .kyc-th-content[b-u76qy1wa68] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.kyc-sortable:hover[b-u76qy1wa68] {
    background-color: color-mix(in srgb, var(--mud-palette-primary-hover), var(--mud-palette-primary) 8%);
}
/* /Components/Shared/Audit/Views/AuditReportView.razor.rz.scp.css */
/* "Rapport de contrôle AMF" — deliberately roomier than the dense Écarts grid: long-text
   columns (Extrait / Correction proposée / Commentaire de résolution) wrap in place instead of
   truncating behind a row-expand arrow, so rows are taller by design. The rules below dress up
   the resulting look (header hierarchy, row rhythm, toolbar alignment) rather than fight it. */

.audit-report-view[b-03zyhh6n68]  .audit-report-cell-wrap {
    display: block;
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
}

.audit-report-view[b-03zyhh6n68]  .mud-table-container table.mud-table-fixed-header thead th,
.audit-report-view[b-03zyhh6n68]  .mud-data-grid table thead th {
    padding-top: 12px;
    padding-bottom: 12px;
    background: var(--mud-palette-background-grey);
}

.audit-report-view[b-03zyhh6n68]  .mud-data-grid table thead th .mud-text,
.audit-report-view[b-03zyhh6n68]  .mud-data-grid table thead th .mud-checkbox {
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    font-size: .72rem;
}

.audit-report-view[b-03zyhh6n68]  .mud-data-grid table tbody td {
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: top;
}

.audit-report-view[b-03zyhh6n68]  .mud-data-grid table tbody tr:hover {
    background: var(--mud-palette-action-default-hover);
}

.audit-report-view[b-03zyhh6n68]  .audit-report-toolbar {
    gap: 12px;
    row-gap: 10px;
}

/* Gravité / Résolution filters: snug to their content instead of stretching to fill an
   arbitrary grid fraction — a select for a short value like "Toutes" shouldn't claim half the
   toolbar's width. Fixed width, side by side, normal gap — the standard compact filter-bar look. */
.audit-report-view .audit-report-filter-bar[b-03zyhh6n68] {
    gap: 12px;
    row-gap: 10px;
}

/* MudSelect's true flex item is its outer ".mud-select" wrapper, which MudBlazor gives
   "flex-grow: 1" by default — not the inner control that "audit-report-filter-select" below
   sizes. Left alone, each select's invisible outer box grows to fill half of this row, pushing
   the two visible fields apart even though their own width is fixed. Cancel that growth so the
   two selects sit adjacent instead of spread across the toolbar. */
.audit-report-view[b-03zyhh6n68]  .audit-report-filter-bar > .mud-select {
    flex-grow: 0;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-filter-select {
    width: 240px;
    max-width: 240px;
    flex: 0 0 auto;
}

/* "Personnalisé" custom date range: one bordered pill merging the icon, the two compact date
   pickers and the "Appliquer" button into a single visual unit, matching the rounded preset chips
   beside it instead of four loose full-width fields. Only rendered while the "Personnalisé"
   preset is active (see the @if in the .razor), so no reserved empty space appears otherwise. */
.audit-report-view .audit-report-custom-range[b-03zyhh6n68] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    margin-left: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    background: var(--mud-palette-background-grey);
    animation: audit-report-custom-range-in-b-03zyhh6n68 .15s ease-out;
}

@keyframes audit-report-custom-range-in-b-03zyhh6n68 {
    from {
        opacity: 0;
        transform: translateX(-4px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.audit-report-view .audit-report-custom-range-label[b-03zyhh6n68] {
    font-size: .8rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-arrow {
    color: var(--mud-palette-text-secondary);
    margin: 0 -2px;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date {
    width: 128px;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-input-slot {
    padding-top: 0;
    font-size: .8rem;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-input-adornment {
    margin: 0;
    padding-left: 2px;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-input-adornment .mud-icon-button-size-small {
    padding: 2px;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-icon-root {
    font-size: 1.1rem;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date input {
    font-size: .8rem;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-input-control-input-container,
.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-input {
    background: transparent;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-input:before,
.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-date .mud-input:after {
    display: none;
}

.audit-report-view[b-03zyhh6n68]  .audit-report-custom-range-apply {
    margin-left: 4px;
}
/* /Components/Shared/Audit/Views/IssuesView.razor.rz.scp.css */
.issues-view[b-j5zfp1pqs5] {
}

.issues-view[b-j5zfp1pqs5]  .resolution-filter-chip,
.issues-view[b-j5zfp1pqs5]  .resolution-group-chip {
    border-color: var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    transition: background-color 120ms ease, border-color 120ms ease;
}

.issues-view[b-j5zfp1pqs5]  .resolution-filter-chip.is-selected {
    border-color: var(--mud-palette-dark);
    background-color: rgba(0, 0, 0, 0.12);
}

.issues-view[b-j5zfp1pqs5]  .resolution-filter-chip:hover {
    background-color: rgba(0, 0, 0, 0.07);
}
/* /Components/Shared/Widgets/MarkdownRenderer.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   MarkdownRenderer — GitHub-flavored markdown styling
   Uses MudBlazor CSS variables for light/dark theme support.
   All child selectors use ::deep because MarkupString
   content does not receive the Blazor CSS-isolation attribute.
   ═══════════════════════════════════════════════════════ */

.markdown-body[b-nye333zr7u] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* ── Headings ─────────────────────────────────────────── */

[b-nye333zr7u] h1,
[b-nye333zr7u] h2,
[b-nye333zr7u] h3,
[b-nye333zr7u] h4,
[b-nye333zr7u] h5,
[b-nye333zr7u] h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--mud-palette-text-primary);
}

[b-nye333zr7u] h1 {
    font-size: 2em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] h2 {
    font-size: 1.5em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] h3 {
    font-size: 1.25em;
}

[b-nye333zr7u] h4 {
    font-size: 1em;
}

[b-nye333zr7u] h5 {
    font-size: 0.875em;
}

[b-nye333zr7u] h6 {
    font-size: 0.85em;
    color: var(--mud-palette-text-secondary);
}

[b-nye333zr7u] h1:first-child,
[b-nye333zr7u] h2:first-child,
[b-nye333zr7u] h3:first-child {
    margin-top: 0;
}

/* ── Paragraphs and block spacing ─────────────────────── */

[b-nye333zr7u] p {
    margin-top: 0;
    margin-bottom: 16px;
}

[b-nye333zr7u] p:last-child {
    margin-bottom: 0;
}

/* ── Links ────────────────────────────────────────────── */

[b-nye333zr7u] a {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

[b-nye333zr7u] a:hover {
    text-decoration: underline;
}

/* ── Emphasis and strikethrough ────────────────────────── */

[b-nye333zr7u] strong {
    font-weight: 600;
}

[b-nye333zr7u] del {
    text-decoration: line-through;
}

/* ── Inline code ──────────────────────────────────────── */

[b-nye333zr7u] code {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 85%;
    padding: 0.2em 0.4em;
    margin: 0;
    border-radius: 6px;
    background-color: var(--mud-palette-background-grey);
}

/* ── Code blocks (fenced / indented) ──────────────────── */

[b-nye333zr7u] pre {
    overflow-x: auto;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-background-grey);
    line-height: 1.45;
}

[b-nye333zr7u] pre code {
    display: block;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    font-size: 85%;
    white-space: pre;
    overflow-wrap: normal;
    word-break: normal;
    word-wrap: normal;
}

/* ── Blockquotes ──────────────────────────────────────── */

[b-nye333zr7u] blockquote {
    margin: 0 0 16px 0;
    padding: 0 1em;
    border-left: 0.25em solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
}

[b-nye333zr7u] blockquote > :first-child {
    margin-top: 0;
}

[b-nye333zr7u] blockquote > :last-child {
    margin-bottom: 0;
}

/* ── GitHub Alerts (> [!NOTE], > [!TIP], etc.) ────────── */

[b-nye333zr7u] blockquote p:first-child strong {
    display: inline;
}

/* ── Lists ────────────────────────────────────────────── */

[b-nye333zr7u] ul,
[b-nye333zr7u] ol {
    margin-top: 0;
    margin-bottom: 16px;
    padding-left: 2em;
}

[b-nye333zr7u] ul {
    list-style-type: disc;
}

[b-nye333zr7u] ol {
    list-style-type: decimal;
}

[b-nye333zr7u] li {
    margin-top: 0.25em;
}

[b-nye333zr7u] li + li {
    margin-top: 0.25em;
}

[b-nye333zr7u] li > p {
    margin-top: 16px;
    margin-bottom: 16px;
}

[b-nye333zr7u] li > p:only-child {
    margin-top: 0;
    margin-bottom: 0;
}

/* Nested lists — proper indentation like GitHub */
[b-nye333zr7u] ul ul,
[b-nye333zr7u] ul ol,
[b-nye333zr7u] ol ol,
[b-nye333zr7u] ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

[b-nye333zr7u] ul ul {
    list-style-type: circle;
}

[b-nye333zr7u] ul ul ul {
    list-style-type: square;
}

/* ── Task lists ───────────────────────────────────────── */

[b-nye333zr7u] ul.contains-task-list {
    list-style: none;
    padding-left: 0;
}

[b-nye333zr7u] ul.contains-task-list ul.contains-task-list {
    padding-left: 2em;
}

[b-nye333zr7u] li.task-list-item {
    position: relative;
    list-style-type: none;
}

[b-nye333zr7u] li.task-list-item input[type="checkbox"] {
    margin: 0 0.35em 0 -1.4em;
    vertical-align: middle;
    pointer-events: none;
}

/* ── Tables ───────────────────────────────────────────── */

[b-nye333zr7u] table {
    display: block;
    width: max-content;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: auto;
}

[b-nye333zr7u] table th {
    font-weight: 600;
    padding: 6px 13px;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-background-grey);
}

[b-nye333zr7u] table td {
    padding: 6px 13px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] table tr {
    border-top: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] table tr:nth-child(2n) {
    background-color: var(--mud-palette-background-grey);
}

[b-nye333zr7u] table img {
    background-color: transparent;
}

/* ── Horizontal rule ──────────────────────────────────── */

[b-nye333zr7u] hr {
    height: 0.25em;
    margin: 24px 0;
    padding: 0;
    border: 0;
    background-color: var(--mud-palette-lines-default);
    overflow: hidden;
}

/* ── Images ───────────────────────────────────────────── */

[b-nye333zr7u] img {
    max-width: 100%;
    height: auto;
    border-style: none;
    box-sizing: content-box;
}

/* ── Definition lists (Markdig advanced extension) ────── */

[b-nye333zr7u] dl {
    margin-bottom: 16px;
    padding: 0;
}

[b-nye333zr7u] dl dt {
    font-weight: 600;
    font-size: 1em;
    font-style: italic;
    margin-top: 16px;
    padding: 0;
}

[b-nye333zr7u] dl dd {
    margin-left: 0;
    margin-bottom: 16px;
    padding: 0 16px;
}

/* ── Footnotes ────────────────────────────────────────── */

[b-nye333zr7u] .footnotes {
    font-size: 0.875em;
    color: var(--mud-palette-text-secondary);
    border-top: 1px solid var(--mud-palette-lines-default);
    margin-top: 24px;
    padding-top: 16px;
}

[b-nye333zr7u] .footnote-ref {
    font-size: 0.75em;
    vertical-align: super;
    line-height: 0;
}

/* ── Subscript / Superscript ──────────────────────────── */

[b-nye333zr7u] sub,
[b-nye333zr7u] sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

[b-nye333zr7u] sub {
    bottom: -0.25em;
}

[b-nye333zr7u] sup {
    top: -0.5em;
}