@import '_content/CridonIA-Blazor.UI/CridonIA-Blazor.UI.ka04dgaibp.bundle.scp.css';

/* /Components/Layout/DemandeLayout.razor.rz.scp.css */
#blazor-error-ui[b-qcbnc6wki7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-qcbnc6wki7] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-9jfpllpj3k] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9jfpllpj3k] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/QuestionnerLayout.razor.rz.scp.css */
#blazor-error-ui[b-0ugth6o8h5] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0ugth6o8h5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1ohkgb3o7q],
.components-reconnect-repeated-attempt-visible[b-1ohkgb3o7q],
.components-reconnect-failed-visible[b-1ohkgb3o7q],
.components-pause-visible[b-1ohkgb3o7q],
.components-resume-failed-visible[b-1ohkgb3o7q],
.components-rejoining-animation[b-1ohkgb3o7q] {
    display: none;
}

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


#components-reconnect-modal[b-1ohkgb3o7q] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-1ohkgb3o7q 0.5s both;
    &[open]

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

}

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

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

    100% {
        transform: translateY(0);
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-1ohkgb3o7q] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-1ohkgb3o7q] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-1ohkgb3o7q] {
        background-color: #6b9ed2;
    }

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

    .components-rejoining-animation div[b-1ohkgb3o7q] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-1ohkgb3o7q 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-1ohkgb3o7q {
    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: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Base/Base-article-bulletin.razor.rz.scp.css */
.document__sectionArticleBulletin[b-66zhbgbbv9] {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/* /Components/Pages/Base/QuestionsReponses-Direct.razor.rz.scp.css */
/* Page standalone (consultation directe, hors recherche) — styles scopés pour ne dépendre
   d'aucune règle partagée liée au layout 2 colonnes / à la recherche (.main-col, .main-content,
   .document-actions), qui supposent toutes une sidebar et une pagination absentes ici. */

.qr-direct[b-5oy0a0h045] {
    background-color: var(--color-clear-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-border);
    color: var(--color-body-text);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    margin-block: 0 var(--space-16);
    /* .qr-direct est aussi .site-content (flex:1 dans .wrapper, display:flex) — sans
       min-width:0, un item flex ne rétrécit jamais sous la taille intrinsèque de son contenu
       (ex: un tableau large hérité du document Word). Sur mobile, ça poussait toute la page
       plus large que l'écran au lieu de faire rétrécir/scroller le contenu localement. */
    min-width: 0;
    overflow-x: auto;
    padding: var(--space-8);
}

.qr-direct__actions[b-5oy0a0h045] {
    align-items: center;
    background-color: var(--color-clear-bg);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-border);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--fs-small);
    gap: var(--space-8);
    padding: var(--space-8) var(--space-12);
}

/* .results-breadcrumb (search-results.css, partagée) a sa propre marge basse — s'ajoute au
   gap de .qr-direct et donnait trop d'espace sous le fil d'ariane. La marge haute reste (elle
   correspond à l'espacement attendu au-dessus, confirmé) ; seule la basse est neutralisée,
   scopée à cette page. */
.qr-direct .results-breadcrumb[b-5oy0a0h045] {
    margin-block-end: var(--space-8);
    /* .qr-direct porte déjà 8px de padding ; 12px de plus ici = 20px au total entre le rond
       orange et le bord de la frame, comme sur la page originale. */
    padding-inline: var(--space-12);
}

/* .document (document-view.css, partagée) a sa propre marge — sur les autres pages elle sert
   à créer l'écart depuis un .main-content sans padding ; ici .qr-direct porte déjà le padding
   et le gap, donc cette marge s'additionnait en trop et rendait l'écart autour du document
   plus grand que celui de la barre de téléchargement. Neutralisée, scopée à cette page. */
.qr-direct .document[b-5oy0a0h045] {
    margin: 0;
}

/* Repris de .main-content:not(.home) .section-title (two-col.css), scopée à cette page
   uniquement puisque ce sélecteur exige d'être dans .main-content — qu'on n'utilise plus ici. */
.section-title[b-5oy0a0h045] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-family: var(--ff-headings);
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.025rem;
    line-height: 1.35;
    margin-block: 0;
    text-transform: uppercase;
}

.section-title[b-5oy0a0h045]::before {
    background-color: var(--color-accent);
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 9px;
    margin-inline-end: 0.4rem;
    width: 9px;
}