@import '_content/LeafletForBlazor/LeafletForBlazor.bundle.scp.css';

/* _content/CreaEspaceClient/Components/Dialogs/ChangePasswordDialog.razor.rz.scp.css */
/* === ChangePasswordDialog : Conteneur principal === */
.change-password-dialog[b-xndx0adig4] {
    width: 100%;
    display: block;
}

.dialog-content[b-xndx0adig4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
    padding: 2rem 2.25rem 2.5rem;
    border-radius: 18px;
    color: #fff;
}

/* --- Header --- */
.dialog-header[b-xndx0adig4] {
    text-align: center;
}

.dialog-title[b-xndx0adig4] {
    margin: 0;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .2px;
}

.account-reminder-text[b-xndx0adig4] {
    margin: 10px auto;
    text-align: left;
    font-size: 1rem;
    opacity: .95;
}

/* --- Body --- */
.dialog-body[b-xndx0adig4] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.password-checker[b-xndx0adig4] {
    list-style: none;
    margin: 0;
    padding: .5rem .75rem .25rem;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    display: grid;
    row-gap: .35rem;
    color: rgba(255,255,255,.92);
}

    .password-checker li[b-xndx0adig4] {
        display: flex;
        align-items: center;
        gap: .5rem;
    }

    .password-checker .icon-check[b-xndx0adig4]::before {
        content: '\2713';
        color: #34c759;
        font-weight: 700;
    }

    .password-checker .icon-cross[b-xndx0adig4]::before {
        content: '\2715';
        color: rgba(255,255,255,.6);
        font-weight: 700;
    }

.form-group[b-xndx0adig4] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.field-label[b-xndx0adig4] {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255,255,255,.95);
}

[b-xndx0adig4] .form-control {
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,.35);
    padding: .65rem .75rem;
    font-size: 1rem;
    color: #1f2937;
}

/* --- Footer --- */
.dialog-footer[b-xndx0adig4] {
    display: flex;
    justify-content: flex-end;
}

.dialog-footer .btn[b-xndx0adig4] {
    min-width: 140px;
    padding: .65rem 1.5rem;
    font-weight: 600;
}

.loading-wrapper[b-xndx0adig4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.loading-wrapper .spinner[b-xndx0adig4] {
    border-color: rgba(255,255,255,.35);
    border-top-color: #fff;
}

.loading-text[b-xndx0adig4] {
    font-size: 1rem;
    color: #fff;
}

@media (max-width: 520px) {
    /* === ChangePasswordDialog : Conteneur principal === */
    .dialog-content[b-xndx0adig4] {
        padding: 1.5rem 1.25rem 2rem;
        border-radius: 0;
    }

    /* --- Header --- */
    .dialog-title[b-xndx0adig4] {
        font-size: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    /* === ChangePasswordDialog : Conteneur principal === */
    .dialog-content[b-xndx0adig4],
    /* --- Footer --- */
    .dialog-footer .btn[b-xndx0adig4] {
        transition: none !important;
    }
}
/* _content/CreaEspaceClient/Components/Icons/Burger.razor.rz.scp.css */
/* === Burger Icon : Conteneur principal === */
svg[b-2yk3i1ulzv] {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- États actifs --- */
.active svg[b-2yk3i1ulzv],
svg.active[b-2yk3i1ulzv] {
    transform: rotate(90deg);
}

/* --- Tracés --- */
path[b-2yk3i1ulzv] {
    transition:
        transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

path:nth-child(1)[b-2yk3i1ulzv] { transform-origin: 36% 40%; }
path:nth-child(2)[b-2yk3i1ulzv] { stroke-dasharray: 29 299; }
path:nth-child(3)[b-2yk3i1ulzv] { transform-origin: 35% 63%; }
path:nth-child(4)[b-2yk3i1ulzv] { stroke-dasharray: 29 299; }
path:nth-child(5)[b-2yk3i1ulzv] { transform-origin: 61% 52%; }
path:nth-child(6)[b-2yk3i1ulzv] { transform-origin: 62% 52%; }

/* --- Tracés actifs --- */
.active path:nth-child(1)[b-2yk3i1ulzv] {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}

.active path:nth-child(2)[b-2yk3i1ulzv] {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.active path:nth-child(3)[b-2yk3i1ulzv] {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(4)[b-2yk3i1ulzv] {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.active path:nth-child(5)[b-2yk3i1ulzv] {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(6)[b-2yk3i1ulzv] {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}
/* _content/CreaEspaceClient/Components/Icons/HelpFloating.razor.rz.scp.css */
/* _content/CreaEspaceClient/Components/Layout/LoginLayout.razor.rz.scp.css */
/* _content/CreaEspaceClient/Components/Layout/MainLayout.razor.rz.scp.css */
/* === MainLayout : Conteneur principal === */
.main-layout[b-178sxrbx7q] {
    display: flex;
    width: 100vw;
}

/* --- Structure secondaire --- */
.navbar-skeleton[b-178sxrbx7q] {
    background-color: #f0f0f0;
    animation: pulse-b-178sxrbx7q 1.2s ease-in-out infinite;
}

/* --- Animations --- */
@keyframes pulse-b-178sxrbx7q {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 1000px) {
    /* === MainLayout : Conteneur principal === */
    .main-layout[b-178sxrbx7q] {
        display: flex;
        min-height: 100vh;
        width: 100vw;
    }

    /* --- Structure secondaire --- */
    .navbar-container[b-178sxrbx7q] {
        position: absolute;
        top: 0;
        z-index: 99999;
    }
}
/* _content/CreaEspaceClient/Components/Layout/NavMenu.razor.rz.scp.css */

.navbar[b-is7fimju9v] {
    background-color: #000;
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 375px;
    max-width: 375px;
    height: 100dvh;
    position: sticky;
    left: 0;
    top: 0;
}

.statut[b-is7fimju9v] {
    color: #fff;
    font-size: 1.5rem;
    height: 5%;
    margin: 10px auto 0;
}

/* Bloc données (listes DGT/GM/SRV/Facture) */
.container-data[b-is7fimju9v] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 5px 0;
    padding: 5px;
    height: 55%;
    border-radius: 5px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,0.1);
}


    .container-data[b-is7fimju9v]::-webkit-scrollbar {
        width: 6px;
        margin: 6px auto;
    }

    .container-data[b-is7fimju9v]::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.2);
        border-radius: 3px;
    }

        .container-data[b-is7fimju9v]::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,0.3);
        }

    .container-data[b-is7fimju9v]::-webkit-scrollbar-track {
        background: transparent;
    }


.lowercase[b-is7fimju9v] {
    text-transform: lowercase;
}

    .lowercase > p[b-is7fimju9v]::first-letter {
        text-transform: uppercase;
    }

.category[b-is7fimju9v] {
    width: 100%;
}

    .category h3[b-is7fimju9v] {
        margin-top: 10px;
        font-weight: normal;
        padding-left: 10px;
    }

hr[b-is7fimju9v] {
    width: 90%;
    height: 1px;
    background-color: rgba(0,0,0,0.2);
    border: none;
    margin: 2px 20px 0 10px;
    padding-right: 20px;
}

ul > hr[b-is7fimju9v] {
    margin-left: 20px;
}

.category ul[b-is7fimju9v] {
    list-style: none;
    padding: 0;
    margin: 0 0 8px 0;
}

.category li[b-is7fimju9v] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 0;
    cursor: pointer;
}

.no-data[b-is7fimju9v] {
    margin: 10px 6px 2px 25px;
}


[b-is7fimju9v] .icon-folder {
    height: 25px;
    width: 25px;
    margin: 2px 6px 2px 15px;
    vertical-align: middle;
}
[b-is7fimju9v] #none {
    text-align: center;
  width:100%;
  display: block;
  padding:5px;
}

.menu[b-is7fimju9v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 35%;
    border-radius: 5px;
    width: 100%;
}


[b-is7fimju9v] a {
    text-decoration: none;
    width: 335px;
}

.link-society[b-is7fimju9v] {
    text-decoration: none;
    color: #fff;
}

.btn[b-is7fimju9v] {
    width: 335px;
    padding: .6rem;
    border-radius: 4px;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-top: 1.3rem;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn[aria-disabled="true"][b-is7fimju9v] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-premier[b-is7fimju9v] {
    margin-top: .5rem;
}
.container-burger[b-is7fimju9v] {
    display: none;
}
.loader-container[b-is7fimju9v] {
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

@media screen and (max-width: 1024px) {

    .navbar[b-is7fimju9v] {
        position: fixed;
        transform: translateX(-105vw);
        transition: transform .5s ease;
        padding: 10px;
        margin: auto;
        min-width: 375px;
        width: 100svw;
        z-index: 99;
        overflow: hidden;
        max-height: 100vh;
        left: 0;
        top: 0;
    }

        .navbar.active[b-is7fimju9v] {
            transform: translateX(0);
        }

    .statut[b-is7fimju9v] {
        color: #fff;
        font-size: 1.2rem;
        height: 6%;
        margin: 5px auto 15px;
    }

    .category h3[b-is7fimju9v] {
        padding-left: 8px;
    }

    .category li[b-is7fimju9v] {
        padding: 2px 0;
    }

    .container-data[b-is7fimju9v] {
        margin: auto;
        padding: 0;
        height: 68%;
        width: 90%;
    }
    .chargement[b-is7fimju9v], .livraison[b-is7fimju9v] {
        font-size: .8rem;
    }

    .password-modal-overlay[b-is7fimju9v] {
        padding: 1.25rem .75rem;
    }
    .menu[b-is7fimju9v] {
        margin-top: auto;
        width: 100%;
        padding: .3rem .5rem;
        height: 35%;
    }

    [b-is7fimju9v] .link {
        width: 90%;
    }

    .btn[b-is7fimju9v] {
        width: 100%;
        max-width: 330px;
        font-size: 1rem;
        padding: .3rem;
        margin-top: 1rem;
    }

    .background-image[b-is7fimju9v] {
        display: none;
    }

    .container-burger[b-is7fimju9v] {
        cursor: pointer;
        display: flex;
        position: absolute;
        top: 5px;
        left: 10px;
        width: 60px;
        height: 60px;
        z-index: 9999;
        align-items: center;
        justify-content: center;
    }

    .active[b-is7fimju9v] {
        overflow: auto;
    }
}


@media (pointer: coarse) and (orientation: landscape) and (max-width: 915px) {

    .navbar[b-is7fimju9v] {
        width: 100dvw;
        min-width: 100dvw;
        max-width: 100dvw;
        max-height: 100dvh;
        overflow: hidden;
    }

    .menu[b-is7fimju9v] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        column-gap: 10px;
        justify-content: center;
        height: 20%;
    }

    .link[b-is7fimju9v] {
        width: 45%;
        height: auto;
    }

        .link > .btn[b-is7fimju9v] {
            font-size: .8rem;
        }
}
.password-modal-overlay[b-is7fimju9v] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    background: rgba(17, 24, 39, 0.78);
    z-index: 12000;
    transition: opacity .25s ease;
}

    .password-modal-overlay.closing[b-is7fimju9v] {
        opacity: 0;
    }

.password-modal[b-is7fimju9v] {
    width: min(460px, 96vw);
    max-height: 100vh;
    outline: none;
    border-radius: 18px;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    background: transparent;
}

    .password-modal.closing[b-is7fimju9v] {
        transform: scale(.98);
        opacity: .85;
        transition: transform .25s ease, opacity .25s ease;
    }

@media (max-width: 600px) {

    .navbar[b-is7fimju9v] {
        width: 100dvw;
        max-width: 100dvw;
    }
    .statut[b-is7fimju9v] {
        margin-top:5px;
        height: 6%;
    }



    .password-modal[b-is7fimju9v] {
        width: 100vw;
        border-radius: 0;
        max-height: 100vh;
    }
}

@media (prefers-reduced-motion: reduce) {
    .password-modal-overlay[b-is7fimju9v],
    .password-modal[b-is7fimju9v],
    .password-modal-overlay.closing[b-is7fimju9v],
    .password-modal.closing[b-is7fimju9v] {
        transition: none !important;
    }
}
/* _content/CreaEspaceClient/Components/Pages/Dashboard.razor.rz.scp.css */
/* ===========================
   DASHBOARD : LAYOUT PRINCIPAL
   =========================== */

.data-container[b-8nd5jbox24] {
    width: clamp(560px, 80%, 1500px);
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.etat-container[b-8nd5jbox24] {
    display: flex;
    border-radius: 5px;
    padding-bottom: 5px;
    margin: 20px 0;
    max-width: 100%;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.dash-container[b-8nd5jbox24] {
    width: clamp(365px, 50%, 515px);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 0 0 5px 5px;
    flex-grow: 1;
    max-height: auto;
}

.grow[b-8nd5jbox24]{
    flex-grow:3;
}

.grow-low[b-8nd5jbox24]{
    flex-grow: 0;
}

/* ===========================
   WELCOME CARD
   =========================== */

.welcome-card[b-8nd5jbox24] {
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    max-width: 600px;
    margin: 30px auto;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeSlideIn-b-8nd5jbox24 .8s ease-out forwards;
}

.dashboard-error-card[b-8nd5jbox24] {
    border-left: 5px solid #f76c6c;
    background: linear-gradient(135deg, rgba(247,108,108,.05), #fff);
}

.dashboard-error-context[b-8nd5jbox24] {
    color: #555;
    font-style: italic;
}

.dashboard-error-actions[b-8nd5jbox24] {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.dashboard-error-btn[b-8nd5jbox24] {
    border: none;
    border-radius: 6px;
    color: #fff;
    padding: 10px 18px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    transition: transform .2s ease, box-shadow .2s ease;
}

.dashboard-error-btn:hover[b-8nd5jbox24] {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0,0,0,.2);
}

.dashboard-error-btn:focus-visible[b-8nd5jbox24] {
    outline: 3px solid rgba(0,0,0,.3);
    outline-offset: 2px;
}

.chargement[b-8nd5jbox24] {
    padding: 3px;
}

.welcome-title[b-8nd5jbox24] {
    font-size: 1.6rem;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1b3556;
    position: relative;
}

.welcome-title-after[b-8nd5jbox24] {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg,#c0834f,#ffb96f);
    border-radius: 2px;
}

.welcome-text[b-8nd5jbox24] {
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    margin: 10px auto;
}

.welcome-guide-cta[b-8nd5jbox24] {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
}

.welcome-guide-btn[b-8nd5jbox24] {
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 10px 16px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
    transition: transform .2s ease, box-shadow .2s ease;
}

.welcome-guide-btn:hover[b-8nd5jbox24] {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
}

.welcome-guide-btn:focus-visible[b-8nd5jbox24] {
    outline: 3px solid rgba(0, 0, 0, 0.25);
    outline-offset: 3px;
}

@keyframes fadeSlideIn-b-8nd5jbox24 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===========================
   MON DÉMÉNAGEMENT (DGT) – NOUVEAU DESIGN
   =========================== */

/* Ancienne structure conservée pour compatibilité */
.data-demenagement[b-8nd5jbox24] {
    /* remplacée visuellement par .dgt-card + .dgt-grid */
    display: block;
}

/* Carte générale */
.dgt-card[b-8nd5jbox24] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
    border: 1px solid rgba(0,0,0,.06);
    overflow: hidden;
}

.dgt-card-header[b-8nd5jbox24] {
    padding: 10px 12px;
}

.dgt-card-body[b-8nd5jbox24] {
    padding: 14px 16px 28px 16px;
}

/* Grille principale : Trajet (1fr) | Metrics (320px) */
.dgt-grid[b-8nd5jbox24] {
    display: grid;
    grid-template-columns: 1fr 230px;
    gap: 16px;
    align-items: start;
}

/* Trajet */
.dgt-trajet[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Blocs d’information (chargement/livraison) */
.dgt-info[b-8nd5jbox24] {
    display: flex;
    gap: 6px;
    padding: 4px 14px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
    border: 1px solid rgba(0,0,0,.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .dgt-info:hover[b-8nd5jbox24] {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,0,0,.10);
    }

.dgt-info-icon[b-8nd5jbox24] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 2px;
    opacity: .9;
}

.dgt-info-content[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.dgt-info-title[b-8nd5jbox24] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .2px;
}

.dgt-info-lines[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    color: #333;
    line-height: 1.25rem;
    word-break: break-word;
}

.dgt-info-city[b-8nd5jbox24] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 600;
}

.dgt-info-empty[b-8nd5jbox24] {
    opacity: .85;
    border-left: 6px solid #d0d0d0 !important;
}

.dgt-info-empty-text[b-8nd5jbox24] {
    margin: 0;
    color: #666;
}

/* Liens Maps */
.link-dgt-detail[b-8nd5jbox24],
.dgt-link[b-8nd5jbox24] {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

    .link-dgt-detail:hover[b-8nd5jbox24],
    .dgt-link:hover[b-8nd5jbox24] {
        text-decoration: none;
    }

    .dgt-link:focus-visible[b-8nd5jbox24] {
        outline: 2px solid currentColor;
        outline-offset: 2px;
    }

/* Anciennes classes (compat) */
.dgt-data-trajet[b-8nd5jbox24],
.dgt-data-prestation[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    padding: 4px 10px;
    gap: 5px;
    width: 100%;
}

.dgt-data-trajet[b-8nd5jbox24] {
    gap: 20px;
}

/* Indicateurs (Catégorie / Km / m³) */
.dgt-metrics[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dgt-metric[b-8nd5jbox24] {
    background: #fff;
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
    border: 1px solid rgba(0,0,0,.06);
}

.dgt-metric-label[b-8nd5jbox24] {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .2px;
    opacity: .85;
}

.dgt-metric-value[b-8nd5jbox24] {
    margin: 6px 0 0 0;
    font-size: .95rem;
    font-weight: 700;
    word-break: break-word;
}

/* Badge catégorie (bordure en inline via ThemeService) */
.dgt-metric-category[b-8nd5jbox24] {
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Pills pour Distance / Volume */
.dgt-metric-pill[b-8nd5jbox24] {
    border-radius: 12px;
    color: #fff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 6px 18px rgba(0,0,0,.10);
    border: 1px solid rgba(255,255,255,.15);
}

.dgt-pill-line[b-8nd5jbox24] {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 8px;
    font-weight: 700;
    letter-spacing: .2px;
}

.dgt-volume-voiture[b-8nd5jbox24] {
    flex-direction: column;
    gap: 6px;
}

.dgt-pill-block[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    text-align: center;
    gap: 4px;
}

.dgt-pill-subtitle[b-8nd5jbox24] {
    font-size: .7rem; 
  
}

/* Anciennes vignettes (compat – toujours utilisées pour d’autres sections) */
.dgt-data-info[b-8nd5jbox24] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
    margin: 10px 10px 0 0;
    flex-wrap: wrap;
    width: 100%;
}

.declaration-text[b-8nd5jbox24] {
    padding: 10px;
}

.data-volume[b-8nd5jbox24], .data-distance[b-8nd5jbox24], .data-categorie[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    padding: 5px;
    text-align: center;
    font-size: 1.3rem;
    border-radius: 5px;
    min-width: 60px;
    min-height: 60px;
    line-height: 1.5rem;
    color: #fff;
}

.data-categorie[b-8nd5jbox24] {
    width: 220px;
    height: 70px;
    display: flex;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    align-self: flex-start;
}

    .data-categorie > span[b-8nd5jbox24] {
        position: absolute;
        top: 3px;
        right: 3px;
        font-size: .7rem;
        line-height: .7rem;
    }

.data-libele[b-8nd5jbox24] {
    display: flex;
    justify-content: center;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px 0;
    margin: 20px auto 0;
    min-height: 100%;
    text-align: center;
    font-size: .9rem;
    align-self: center;
}

/* Info lignes existantes */
.info-chargement[b-8nd5jbox24],
.info-livraison[b-8nd5jbox24],
.info-gm-date[b-8nd5jbox24],
.info-gm-conteneur[b-8nd5jbox24] {
    border: none;
    padding: 0 5px;
    border-left: 5px solid black;
    margin: 4px 0;
    transition: .3s all ease;
}

    .info-chargement:hover[b-8nd5jbox24],
    .info-livraison:hover[b-8nd5jbox24],
    .info-gm-date:hover[b-8nd5jbox24],
    .info-gm-conteneur:hover[b-8nd5jbox24] {
        transform: translateX(3px);
    }

/* ===========================
   GARDE-MEUBLES : LISTE
   =========================== */
.dash-gm-container[b-8nd5jbox24] {
    width: 90%;
    margin: 15px auto 0;
    overflow-y: auto;
    overflow-x: hidden;
}

    .dash-gm-container[b-8nd5jbox24]::-webkit-scrollbar {
        width: 6px;
    }

    .dash-gm-container[b-8nd5jbox24]::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.2);
        border-radius: 3px;
    }

        .dash-gm-container[b-8nd5jbox24]::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,.3);
        }

/* ===========================
   GARDE-MEUBLES : ACCORDÉON
   =========================== */

.gm-acc[b-8nd5jbox24] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gm-acc-item[b-8nd5jbox24] {
    border-radius: 14px;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,.08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .gm-acc-item:focus[b-8nd5jbox24],
    .gm-acc-item:hover[b-8nd5jbox24] {
        box-shadow: 0 9px 4px rgba(0,0,0,.12);
    }

.gm-acc-toggle[b-8nd5jbox24] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .9rem 1.15rem;
    text-align: left;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

    .gm-acc-toggle:focus-visible[b-8nd5jbox24] {
        outline: 2px solid currentColor;
        outline-offset: 3px;
    }

.gm-acc-title[b-8nd5jbox24] {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: 100%;
}

    .gm-acc-title > span[b-8nd5jbox24] {
        flex: 1 1 auto;
        display: inline-flex;
        flex-wrap: wrap;
        gap: .35rem;
    }

.gm-acc-chevron[b-8nd5jbox24] {
    flex-shrink: 0;
    transition: transform .25s ease;
    transition: rotate ease .3s
}

.chevron-activate[b-8nd5jbox24] {
    transform: rotate(-180deg)
}

.gm-acc-toggle[aria-expanded="true"] .gm-acc-chevron[b-8nd5jbox24] {
    transform: rotate(180deg);
}

.gm-acc-panel[b-8nd5jbox24] {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .35s ease, opacity .35s ease;

}

    .gm-acc-panel.expanded[b-8nd5jbox24] {
        max-height: 1200px;
        opacity: 1;
        
    }

.gm-acc-body[b-8nd5jbox24] {

    display: flex;
    flex-direction: column; 
    background: rgba(0,0,0,.02);
}

/* ===========================
   GARDE-MEUBLES : DÉTAILS
   =========================== */

.data-gm[b-8nd5jbox24] {
    display: flex;
    width: 100%;
    margin: 10px auto;
    flex-wrap: wrap;
}

.gm-data[b-8nd5jbox24] {
    display: flex;
    width: 100%;
    padding: 0 30px;
    gap: 50px;
}

.info-gm-date[b-8nd5jbox24], .info-gm-conteneur[b-8nd5jbox24] {
    width: 50%;
}

    .info-gm-date:hover[b-8nd5jbox24], .info-gm-conteneur:hover[b-8nd5jbox24] {
        transform: translateX(3px);
        transition: .3s all ease;
        cursor: pointer;
    }

.gm-data-stockage[b-8nd5jbox24] {
    display: flex;
    width: 100%;
}

.info-gm[b-8nd5jbox24] {
    display: flex;
    gap: 20px;
    width: 100%;
    padding: 10px 20px;
    margin: 0 10px;
}

    .info-gm > *[b-8nd5jbox24] {
        flex: 1 1 0;
        min-width: 60px;
        min-height: 50px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .info-gm > *:hover[b-8nd5jbox24] {
            transform: translateY(3px);
            transition: .3s all ease;
            cursor: pointer;
        }

.data-gm-title[b-8nd5jbox24] {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: .7rem;
    line-height: .7rem;
}

.data-gm-libele[b-8nd5jbox24] {
    font-weight: bold;
}

.dash-gm-container > hr:last-child[b-8nd5jbox24] {
    display: none;
}

/* ===========================
   GARDE-MEUBLES : CARTES
   =========================== */

.gm-cards-grid[b-8nd5jbox24] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
    gap: 16px;
    width: 100%;
    margin-top: 12px;
}

.gm-card[b-8nd5jbox24] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
    border: 1px solid rgba(0,0,0,.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .gm-card:hover[b-8nd5jbox24] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(0,0,0,.12);
    }

/* Cartes GM : En-tête */
.gm-card-header[b-8nd5jbox24] {
    padding: 14px 16px 12px 16px;
    background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}

.gm-header-line[b-8nd5jbox24] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 4px 0;
}

.gm-header-label[b-8nd5jbox24] {
    font-size: .85rem;
    font-weight: 600;
}

.gm-header-value[b-8nd5jbox24] {
    font-size: .95rem;
    font-weight: 600;
    word-break: break-word;
}

/* Cartes GM : Métadonnées */
.gm-meta-row[b-8nd5jbox24] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
    gap: 10px;
    padding: 12px 16px 4px 16px;
}

.gm-meta-item[b-8nd5jbox24] {
    border-radius: 10px;
    padding: 10px 12px;
    background: rgba(0,0,0,.02);
}

.gm-meta-label[b-8nd5jbox24] {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .2px;
    opacity: .9;
}

.gm-meta-value[b-8nd5jbox24] {
    display: block;
    margin-top: 2px;
    font-size: .95rem;
    font-weight: 600;
    word-break: break-word;
}

/* Cartes GM : Spécifications */
.gm-spec-grid[b-8nd5jbox24] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px,1fr));
    gap: 10px;
    padding: 12px 16px 16px 16px;
}

.gm-spec-cell[b-8nd5jbox24] {
    background: #fff;
    border-radius: 10px;
    padding: 10px 12px;
    min-height: 66px;
}

.gm-spec-title[b-8nd5jbox24] {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin: 0;
    opacity: .9;
}

.gm-spec-value[b-8nd5jbox24] {
    margin: 2px 0 0 0;
    font-size: 1rem;
    font-weight: 600;
    word-break: break-word;
}

/* ===========================
   CONTENUS : LIENS / DOCUMENTS / FACTURES / SIGNATURES
   =========================== */

.dgt-data[b-8nd5jbox24],
.dgt-data-fact[b-8nd5jbox24] {
    padding: 4px 25px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    transition: .3s all ease;
}

.dgt-data[b-8nd5jbox24] {
    margin-top: 5px;
}

    .dgt-data:hover[b-8nd5jbox24],
    .dgt-data-fact:hover[b-8nd5jbox24] {
        transform: translateX(3px);
        background: rgba(128,128,128,.03);
        cursor: pointer;
    }

/* :deep compat Blazor */
[b-8nd5jbox24] .link {
    width: 90%;
    margin: auto;
}

.doc-container[b-8nd5jbox24],
.fact-container[b-8nd5jbox24],
.sign-container[b-8nd5jbox24] {
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 5px;
    padding-bottom: 5px;
    margin: 20px 0;
}

.signed-item[b-8nd5jbox24] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    align-items: center;
    padding: .75rem 1rem;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .75rem;
    margin-block: .5rem;
}

.signed-item__icon[b-8nd5jbox24] {
    font-size: 1.1rem;
}

.signed-item__title[b-8nd5jbox24] {
    font-weight: 600;
}

.signed-item__subtitle[b-8nd5jbox24] {
    font-size: .9rem;
    opacity: .8;
}

.signed-item--pending[b-8nd5jbox24] {
    background: rgba(0,0,0,.03);
    border-style: dashed;
}

.prestation-wrapper[b-8nd5jbox24] {
    display: flex;
    gap: 40px;
}

.list-prestation[b-8nd5jbox24] {
    flex: 1;
    list-style: none;
    max-height: 150px;
    overflow-y: auto;
    border-radius: 5px;
    margin: 6px auto;
    padding: 4px 10px 12px;
}

.sticky-header[b-8nd5jbox24] {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 3px 10px;
    outline: 3px #fff solid;
    font-weight: bold;
    z-index: 2;
    border-bottom: 1px solid #ddd;
}

.item-prestation[b-8nd5jbox24] {
    font-size: 1rem;
    padding: 4px;
    text-transform: lowercase;
}

    .item-prestation[b-8nd5jbox24]:first-letter {
        text-transform: uppercase;
    }

    .item-prestation:hover[b-8nd5jbox24] {
        background: rgba(0,0,0,.02);
    }

.list-prestation[b-8nd5jbox24]::-webkit-scrollbar {
    width: 6px;
}

.list-prestation[b-8nd5jbox24]::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    border-radius: 3px;
}

    .list-prestation[b-8nd5jbox24]::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.3);
    }

.etat-fact[b-8nd5jbox24] {
    width: 100px;
    text-align: right;
}

.etat-null[b-8nd5jbox24] {
    width: 15px;
}

.document-signe:last-child > hr[b-8nd5jbox24] {
    display: none;
}

.document-signe__label[b-8nd5jbox24] {
    flex: 1 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.document-signe__status[b-8nd5jbox24] {
    display: inline-flex;
    align-items: center;
    font-size: .9rem;
    opacity: .8;
    margin-left: 10px;
    white-space: nowrap;
}

.title-h3[b-8nd5jbox24] {
    color: #fff;
    padding: 5px 15px;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 5px 5px 0 0;
}

.link[b-8nd5jbox24] {
    margin: 20px auto;
}

.gm-link[b-8nd5jbox24] {
    display: flex;
    width: 90%;
    column-gap: 10px;
}

.fact-container > hr:last-child[b-8nd5jbox24],
.doc-container > hr:last-child[b-8nd5jbox24],
.sign-container > hr:last-child[b-8nd5jbox24] {
    display: none;
}

.number-fact[b-8nd5jbox24], .amount-fact[b-8nd5jbox24] {
    width: 140px;
}

/* ===========================
   RESPONSIVE
   =========================== */
/* <= 1024px : layout plus fluide */
@media (max-width:1024px) {
    .container[b-8nd5jbox24] {
        width: 100vw;
        padding: 0 15px;
        margin: 0 auto;
    }

    hr[b-8nd5jbox24] {
        width: auto;
    }

    .btn[b-8nd5jbox24] {
        width: 100%;
        max-width: 330px;
        font-size: 1rem;
        padding: .3rem;
    }

    .data-container[b-8nd5jbox24] {
        width: 100%;
        max-width: 900px;
        flex-direction: column;
        margin: 0 auto;
    }
}

/* <= 900px : Déménagement en 1 colonne */
@media (max-width:900px) {
    .dgt-grid[b-8nd5jbox24] {
        grid-template-columns: 1fr;
    }

    .dgt-metrics[b-8nd5jbox24] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .dgt-metric-category[b-8nd5jbox24] {
        flex: 1 1 100%;
    }

    .dgt-metric-pill[b-8nd5jbox24] {
        flex: 1 1 180px;
    }
}

/* <= 658px : compactage mobile + ajustements GM */
@media (max-width:658px) {
    .container[b-8nd5jbox24] {
        width: 100vw;
        max-width: 100vw;
        padding: 0 15px;
        margin: 0 auto;
    }

    .etat-container[b-8nd5jbox24] {
        width: 100%;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        height: auto;
    }

    .data-container[b-8nd5jbox24] {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .dash-container[b-8nd5jbox24] {
        max-width: 95dvw;
   
    }

    .gm-acc-toggle[b-8nd5jbox24] {
        padding: .85rem 1rem;
        flex-wrap: wrap;
        height: auto;
        max-height:none;
    }

    .gm-acc-title[b-8nd5jbox24] {
        align-items: flex-start;
    }

    .gm-acc-body[b-8nd5jbox24] {
        padding: 1rem 1.1rem 1.2rem;
    }

    .dgt-card-body[b-8nd5jbox24] {
        padding: 12px;
    }

    .dgt-info[b-8nd5jbox24] {
        padding: 10px 12px;
    }

    .dgt-info-title[b-8nd5jbox24] {
        font-size: .95rem;
    }

    .dgt-info-lines[b-8nd5jbox24] {
        line-height: 1.2rem;
    }

    .dgt-data-fact[b-8nd5jbox24] {
        display: flex;
        white-space: normal;
        column-gap: 5px;
    }

    .item-prestation[b-8nd5jbox24]{
        font-size:.9rem;
    }

    .dgt-data[b-8nd5jbox24], .dgt-data-fact[b-8nd5jbox24] {
        gap: 5px;
        align-items: center;
        width: 100%;
        padding: 15px 10px;
        height:auto;
    } 

    .amount-fact[b-8nd5jbox24] {
        margin-left: 10px;
    }

    .etat-fact[b-8nd5jbox24] {
        text-align: center;
    }

    .info-chargement[b-8nd5jbox24], .info-livraison[b-8nd5jbox24] {
        font-size: .9rem;
        max-width: 90%;
    }

    .prestation-wrapper[b-8nd5jbox24] {
        flex-direction: column;
    }

    .list-prestation[b-8nd5jbox24] {
        width: 100%;
        flex-grow: 1;
    }

    .number-fact[b-8nd5jbox24], .date-fact[b-8nd5jbox24], .amount-fact[b-8nd5jbox24], .etat-fact[b-8nd5jbox24] {
        font-size: .7rem;
        line-height: 10px;
        width:90px;
    }

    .number-fact[b-8nd5jbox24] {
        width: 125px;
    }
}


@media (max-width:640px) {
    .dgt-metric[b-8nd5jbox24] {
        padding: 8px 10px;
    }

    .dgt-pill-line[b-8nd5jbox24] {
        gap: 6px;
    }
}
/* _content/CreaEspaceClient/Components/Pages/DeclarationValeur.razor.rz.scp.css */
/* === DeclarationValeur : Conteneur principal === */
.data-container-mobilier[b-cblgbjrsq9] {
    width: 100%;
}

.dv-unauthorized-card[b-cblgbjrsq9] {
    background: #fff;
    border-radius: 12px;
    padding: 30px 28px;
    max-width: 640px;
    margin: 40px auto;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.welcome-title[b-cblgbjrsq9] {
    font-size: 1.6rem;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1b3556;
    position: relative;
}

.welcome-title-after[b-cblgbjrsq9] {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg,#c0834f,#ffb96f);
    border-radius: 2px;
}


.dv-unauthorized-card p[b-cblgbjrsq9] {
    font-size: 1rem;
    color: #4a4a4a;
    margin-bottom: 20px;
}

.dv-unauthorized-btn[b-cblgbjrsq9] {
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
}

.dv-unauthorized-btn:hover[b-cblgbjrsq9] {
    transform: translateY(-1px);
}

.dv-unauthorized-btn:focus-visible[b-cblgbjrsq9] {
    outline: 3px solid rgba(0,0,0,.3);
    outline-offset: 2px;
}

.dgt-data[b-cblgbjrsq9] {
    padding: 4px 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    position: relative;
    word-break: break-word;
}

/* Texte introductif */
.texte[b-cblgbjrsq9] {
    margin-bottom: 20px;
    width: 65%;
    word-break: normal;
    line-height: 1.5;
}

.garantie[b-cblgbjrsq9] {
    margin-bottom:0;
    line-height: 0;
}

.checkbox-label[b-cblgbjrsq9] {
    margin: 0;
    font-weight: 900;
}
/* Choix de garantie */
.garantie-bloc[b-cblgbjrsq9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Cartouche "Valeur totale" */
.valeur-total[b-cblgbjrsq9] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 220px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff; /* texte blanc, fond défini inline (ThemeService.Primary) */
    padding: 12px;
    border-radius: 10px;
    gap: 6px;
    text-align: center;
}

    .valeur-total > :nth-child(1)[b-cblgbjrsq9] {
        width: 100%;
    }

/* Message vide */
.p-align[b-cblgbjrsq9] {
    width: 100%;
    text-align: center;
}

/* --- Formulaire d'ajout --- */
[b-cblgbjrsq9] .declaration-form {
    width: 100%;
    display: flex;
    gap: 12px;
    margin: 20px auto;
    flex-wrap: wrap;
    justify-content: space-between;
}

[b-cblgbjrsq9] input[type="radio"],
[b-cblgbjrsq9] .radio-btn {
    appearance: none;
    -webkit-appearance: none; 
    width: 16px;
    height: 16px;
    border: 1px solid rgb(0, 0, 0); 
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
}

    [b-cblgbjrsq9] input[type="radio"]:checked::before,
    [b-cblgbjrsq9] .radio-btn:checked::before {
        content: "";
        position: absolute;
        inset: 2px; /* crée un point intérieur */
        border-radius: 50%;
        background: rgb(0, 0, 0); /* ta couleur "validée" */
    }

    [b-cblgbjrsq9] input[type="radio"]:disabled {
        opacity: .5;
        cursor: not-allowed;
    }

[b-cblgbjrsq9] input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0;
    padding: 8px 10px;
    border: none;
    border-bottom: 1px solid #aaa;
    flex: 1 1 160px;
    background: transparent;
    color: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}



    [b-cblgbjrsq9] input[type="number"]:focus {
        outline: none;
        border-bottom-color: currentColor;
    }

.form-control[b-cblgbjrsq9] {
    border: none;
    border-bottom: 1px solid #aaa;
    flex: 1 1 220px;
    padding: 8px 10px;
    background-color: transparent;
    min-width: 150px;
}

    .form-control:focus-visible[b-cblgbjrsq9] {
        outline: none;
        border-bottom: 1px solid currentColor;
    }

.suggestion-wrapper[b-cblgbjrsq9] {
    position: relative;
    width: 100%;
    margin-top: -10px;
    top:0;
}

.suggestion-list[b-cblgbjrsq9] {
    list-style: none;
    padding: 0;
    margin: 6px 0 0 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 1000;
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.add-declaration:disabled[b-cblgbjrsq9] {
    background: #EDEEF0 !important;
}

.warning-value[b-cblgbjrsq9] {
    text-align: center;
    font-weight: 800;
}

.suggestion-list li[b-cblgbjrsq9] {
    padding: 0.7rem 1rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    font-variant: small-caps;
    line-height: 1.25;
}

        .suggestion-list li.active[b-cblgbjrsq9],
        .suggestion-list li:hover[b-cblgbjrsq9],
        .suggestion-list li:focus-visible[b-cblgbjrsq9] {
            background-color: #f3f3f3;
            outline: none;
        }

/* =====================================================================
   NOUVEAU DESIGN (remplace l'ancien tableau) : LISTE EN CARTES
   ===================================================================== */

/* Conteneur des cartes */
.item-list[b-cblgbjrsq9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* centre les cartes sur desktop */
    gap: 1rem;
    margin-top: 0.5rem;
}

/* Carte individuelle */
.card-item[b-cblgbjrsq9] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px; /* léger adoucissement */
    padding: 1rem;
    flex: 1 1 340px; /* desktop-first : >= 300px par carte */
    max-width: 354px; 
    width:354px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    will-change: transform, box-shadow;
}

    .card-item:hover[b-cblgbjrsq9] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    }

/* En-tête de carte : titre + bouton supprimer */
.card-main[b-cblgbjrsq9] {
    display: flex;
    align-items: flex-start; /* utile si le titre passe sur 2 lignes */
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .5rem;
}

.card-title[b-cblgbjrsq9] {
    margin: 0;
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.3;
    color: currentColor; /* hérite de ThemeService.Primary via .dgt-data */
    /* Option de troncature si nécessaire :
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
    */
}

/* Bouton supprimer (icône) */
.btn-supprimer[b-cblgbjrsq9] {
    appearance: none;
    background: transparent;
    border: none;
    color: currentColor; /* hérite de la couleur de texte (ThemeService.Primary) */
    cursor: pointer;
    padding: .25rem;
    line-height: 0;
    border-radius: 6px;
    transition: transform 0.15s ease, background-color 0.15s ease, opacity 0.15s ease;
}

    .btn-supprimer:hover[b-cblgbjrsq9] {
        transform: scale(1.08);
        background-color: rgba(0,0,0,0.04); /* léger feedback, reste neutre */
    }

    .btn-supprimer:focus-visible[b-cblgbjrsq9] {
        outline: 2px solid currentColor;
        outline-offset: 2px;
    }

/* Détails de carte */
.card-details[b-cblgbjrsq9] {
    display: grid;
    grid-template-columns: 1fr; /* pile verticale par défaut */
    gap: .35rem;
    font-size: .95rem;
}

    .card-details div[b-cblgbjrsq9] {
        display: flex;
        align-items: baseline;
        gap: .35rem;
    }

    .card-details strong[b-cblgbjrsq9] {
        font-weight: 600;
    }

/* Barre d'actions (Aperçu / Signer) */
.actions[b-cblgbjrsq9] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

    .actions .btn-envoyer[b-cblgbjrsq9] {
        font-weight: 600;
        padding: .6rem 1rem;
        border: none;
        color: #fff; /* texte blanc, fond défini inline (ThemeService.Secondary) */
        cursor: pointer;
        border-radius: 8px;
        transition: opacity 0.2s ease, transform 0.1s ease;
    }

        .actions .btn-envoyer:hover[b-cblgbjrsq9] {
            opacity: .92;
        }

        .actions .btn-envoyer:active[b-cblgbjrsq9] {
            transform: scale(.98);
        }

/* =====================================================================
   Ancien tableau : neutralisé (on garde pour compat mais non utilisé)
   ===================================================================== */
.table-header[b-cblgbjrsq9],
.table-row[b-cblgbjrsq9] {
    display: none !important;
}

    .table-row span[b-cblgbjrsq9] { /* sécurité si du markup reste */
        padding: 0;
        text-align: left;
    }

/* Ancienne "card-row" : plus utilisée, cachée par défaut */
.card-row[b-cblgbjrsq9] {
    display: none !important;
}

/* --- Modale de confirmation --- */
.account-reminder-overlay[b-cblgbjrsq9] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4rem 1rem;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1200;
    animation: accountReminderOverlayFade-b-cblgbjrsq9 0.35s ease-out forwards;
}

    .account-reminder-overlay.closing[b-cblgbjrsq9] {
        animation: accountReminderOverlayFadeOut-b-cblgbjrsq9 0.35s ease-in forwards;
    }

.account-reminder-modal[b-cblgbjrsq9] {
    width: min(520px, 92vw);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.35);
    padding: 2rem 1.75rem 2.25rem;
    position: relative;
    animation: accountReminderModalIn-b-cblgbjrsq9 0.35s ease-out forwards;
}

    .account-reminder-modal.closing[b-cblgbjrsq9] {
        animation: accountReminderModalOut-b-cblgbjrsq9 0.35s ease-in forwards;
    }

.account-reminder-close[b-cblgbjrsq9] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    padding: .25rem;
}

    .account-reminder-close:focus-visible[b-cblgbjrsq9] {
        outline: 2px solid rgba(255,255,255,0.6);
        outline-offset: 2px;
    }

.account-reminder-title[b-cblgbjrsq9] {
    margin: 0 0 .5rem;
    text-align: center;
    font-size: 1.55rem;
    font-weight: 600;
}

.account-reminder-text[b-cblgbjrsq9] {
    margin: 0;
    text-align: center;
    font-size: .95rem;
    line-height: 1.5;
    opacity: .95;
}

.account-reminder-actions[b-cblgbjrsq9] {
    margin-top: 1.25rem;
    display: flex;
    gap: .75rem;
    justify-content: center;
    flex-wrap: wrap;
}

.account-reminder-action[b-cblgbjrsq9] {
    appearance: none;
    border: none;
    padding: .6rem .9rem;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    background: rgba(255,255,255,0.12);
    color: #fff;
}

    .account-reminder-action:hover[b-cblgbjrsq9] {
        background: rgba(255,255,255,0.18);
    }

    .account-reminder-action:focus-visible[b-cblgbjrsq9] {
        outline: 2px solid rgba(255,255,255,0.6);
        outline-offset: 2px;
    }

    .account-reminder-action.primary[b-cblgbjrsq9] {
        /* le fond est géré inline via ThemeService.Secondary */
    }

/* Animations modale */
@keyframes accountReminderOverlayFade-b-cblgbjrsq9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes accountReminderOverlayFadeOut-b-cblgbjrsq9 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes accountReminderModalIn-b-cblgbjrsq9 {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes accountReminderModalOut-b-cblgbjrsq9 {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-12px);
    }
}

/* < 1204px : on réduit un peu la typographie héritée dans des spans */
@media screen and (max-width: 1204px) {
    .texte[b-cblgbjrsq9] {
        width: 60%;
    }
    /* ancien span tableau — laissé pour compat, inutile avec les cards */
    .table-row span[b-cblgbjrsq9] {
        font-size: .8rem;
    }
    .suggestion-list[b-cblgbjrsq9] {
        top: -20px;
    }
}
@media screen and (max-width: 1151px) {
    .suggestion-list[b-cblgbjrsq9] {
        top: -70px;
    }
}
/* < 1024px : calage du conteneur + confort de lecture */
@media screen and (max-width: 1024px) {
    .container[b-cblgbjrsq9] {
        width: 100vw;
        padding: 0 15px;
        margin: 0 auto;
    }

    .data-container[b-cblgbjrsq9] {
        width: 100%;
        max-width: 900px;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    .texte[b-cblgbjrsq9] {
        width: 60%;
    }

    .overflow[b-cblgbjrsq9] {
        height: auto;
    }

    /* cartes : on autorise plus de largeur par carte si besoin */
    .card-item[b-cblgbjrsq9] {
        flex: 1 1 280px;
        max-width: 100%;
    }
    .suggestion-list[b-cblgbjrsq9] {
        top: -20px;
    }

    .card-details[b-cblgbjrsq9] {
        grid-template-columns: 1fr; /* pile verticale */
    }
}
@media screen and (max-width: 703px) {
    .suggestion-list[b-cblgbjrsq9] {
        top: -70px;
    }
}

    /* Portrait mobile : 650px */
    @media screen and (max-width: 650px) and (orientation: portrait) {
        .container[b-cblgbjrsq9] {
            padding: 0 15px;
        }

        .data-container[b-cblgbjrsq9] {
            width: 100%;
            padding: 0;
        }

        .dgt-data[b-cblgbjrsq9] {
            padding: 4px 10px;
        }

        .texte[b-cblgbjrsq9] {
            width: 100%;
        }

        .valeur-total[b-cblgbjrsq9] {
            position: static;
            width: 100%;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 8px;
            text-align: left;
        }

        /* Formulaire d'ajout en pile */
        [b-cblgbjrsq9] .declaration-form {
            flex-direction: column;
            margin: 10px auto;
            gap: 10px;
        }

        [b-cblgbjrsq9] .form-control,
        .btn[b-cblgbjrsq9] {
            width: 100%;
            min-width: 100%;
            height: auto;
        }

        [b-cblgbjrsq9] input[type="number"], [b-cblgbjrsq9] input[type="text"] {
            padding: 2px 5px;
            flex: 1;
        }

        /* cartes en pile pleine largeur */
        .item-list[b-cblgbjrsq9] {
            justify-content: stretch;
        }

        .card-item[b-cblgbjrsq9] {
            flex: 1 1 100%;
            max-width: 100%;
        }

        /* suggestions : annule la marge négative */
        .suggestion-wrapper[b-cblgbjrsq9] {
            margin-top: 0;
        }

        .suggestion-list[b-cblgbjrsq9] {
            top: -240px;
        }

        /* Modale : plus compacte */
        .account-reminder-modal[b-cblgbjrsq9] {
            width: min(360px, 94vw);
            padding: 1.75rem 1.5rem 2rem;
        }
    }

    /* Paysage petit écran (~>= 550px) */
    @media screen and (max-width: 550px) and (orientation: landscape) {
        /* cartes : largeur flexible */
        .card-item[b-cblgbjrsq9] {
            flex: 1 1 260px;
            max-width: 100%;
        }
    }

    /* Accessibilité : motion réduit */
    @media (prefers-reduced-motion: reduce) {
        .account-reminder-overlay[b-cblgbjrsq9],
        .account-reminder-overlay.closing[b-cblgbjrsq9],
        .account-reminder-modal[b-cblgbjrsq9],
        .account-reminder-modal.closing[b-cblgbjrsq9],
        .card-item[b-cblgbjrsq9],
        .btn-supprimer[b-cblgbjrsq9],
        .actions .btn-envoyer[b-cblgbjrsq9] {
            animation: none !important;
            transition: none !important;
        }
    }
/* _content/CreaEspaceClient/Components/Pages/Document.razor.rz.scp.css */
/* === Document : Conteneur principal === */
.upload-form[b-qsajitrwjo] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding: 20px;
}

.upload-files-container[b-qsajitrwjo] {
    background-color: #ffffff;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;  
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 12px;
}

/* --- Zone drag & drop --- */
.drag-file-area[b-qsajitrwjo] {
    border-radius: 20px;
    margin: 10px 10px 15px;
    padding: 30px 20px;
    width: 60%;
    max-width: 60%;
    text-align: center;
    transition: 0.3s all ease;
    position: relative;
    overflow: hidden;
}

.drag-file-area:focus-within[b-qsajitrwjo] {
    outline: 2px solid rgba(0, 0, 0, 0.15);
    outline-offset: 4px;
}

.upload-icon[b-qsajitrwjo] {
    font-size: 40px;
}

.dynamic-message[b-qsajitrwjo] {
    font-size: 1rem;
    margin: 10px 0;
    font-weight: 500;
}

.label[b-qsajitrwjo] {
    font-size: 1.2rem;font-weight: bold;}

.browse-files[b-qsajitrwjo] {
    position: relative;
    top: -5px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.default-file-input[b-qsajitrwjo] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.cannot-upload-message[b-qsajitrwjo] {
    background-color: #ffe5e5;
    color: #c9184a;
    font-size: 0.95rem;
    padding: 5px;
    border-radius: 6px;
    display: none;
    align-items: center;
    gap: 10px;
}

.postman[b-qsajitrwjo] {  
    display: block;
    text-align: center; 
    font-size: 50px;

}

[b-qsajitrwjo] .default-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    display: block;
}


[b-qsajitrwjo] input[type=file]::file-selector-button {
    background-color: white;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 0;
    text-align: center;
    margin: auto 15px;
}


.file-block[b-qsajitrwjo] {
    color: white;
    width: 100%;
    border-radius: 15px;
    padding: 10px 15px;
    margin-top: 10px;
    display: none;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.file-info[b-qsajitrwjo] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
}

.remove-file-icon[b-qsajitrwjo] {
    cursor: pointer;
    font-size: 20px;
}

.progress-bar[b-qsajitrwjo] {
    height: 5px;
    background-color: #4BB543;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 3px;
}

.file-count[b-qsajitrwjo] {
    font-size: 0.95rem;
    color: #555;
    margin-top: 5px;
}

.upload-error[b-qsajitrwjo] {
    background-color: #ffe5e5;
    color: #c9184a;
    padding: 10px;
    margin-top: 10px;
    border-radius: 6px;
    font-weight: 500;
}

.upload-indicator[b-qsajitrwjo] {
    font-size: 0.9rem;
    color: #444;
    margin-top: 8px;
    font-style: italic;
}

.upload-indicator[b-qsajitrwjo] {
    max-width: 100%;
    overflow: hidden;
}

.upload-status[b-qsajitrwjo] {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.45rem 1.1rem;
    border-radius: 999px;
    border: 1px solid var(--upload-status-color, #1f1f1f);
    background-color: rgba(255, 255, 255, 0.92);
    color: var(--upload-status-color, #1f1f1f);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    backdrop-filter: blur(6px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.upload-status--progress[b-qsajitrwjo] {
    animation: upload-status-pulse-b-qsajitrwjo 1.6s ease-in-out infinite;
}

.upload-status--success[b-qsajitrwjo] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
}

.upload-status--error[b-qsajitrwjo] {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.upload-status-spinner[b-qsajitrwjo] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: var(--upload-status-color, #1f1f1f);
    border-right-color: var(--upload-status-color, #1f1f1f);
    animation: upload-status-spin-b-qsajitrwjo 0.75s linear infinite;
    flex-shrink: 0;
}

.upload-status-text[b-qsajitrwjo] {
    display: inline-block;
}

@keyframes upload-status-spin-b-qsajitrwjo {
    to {
        transform: rotate(360deg);
    }
}

@keyframes upload-status-pulse-b-qsajitrwjo {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(-2px);
        opacity: 0.92;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* --- Aperçu du fichier téléchargé --- */
.uploaded-preview[b-qsajitrwjo] {
    margin-top: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.file-preview[b-qsajitrwjo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-radius: 5px;
    background-color: rgba(66, 66, 66, 0.03);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}

    .file-preview .file-icon[b-qsajitrwjo] {
        font-size: 24px;
        margin-right: 12px;
        color: #555;
    }

.file-meta[b-qsajitrwjo] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-width: 80%;
}

.file-name[b-qsajitrwjo] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-info-text[b-qsajitrwjo] {
    font-size: 0.9rem;
    color: #666;
}

.remove-button[b-qsajitrwjo] {
    background: none;
    border: none;
    color: #c9184a;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s ease;
}

/* --- Formulaire nature --- */
.nature[b-qsajitrwjo] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 20px;
    padding: 5px;
    border: none; 

}

[b-qsajitrwjo] #nature{
    width: 100%;
}

[b-qsajitrwjo] #nature {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
   gap: 20px;
   width: 100%;
   padding: 5px;
   border: none;
   border-bottom: 1px solid #000;
   margin: 20px auto 0;
}

.informations[b-qsajitrwjo] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.suggestion-wrapper[b-qsajitrwjo] {
    position: relative;
    transform: translateY(-50px);
    width: 100%;
}

.suggestion-list[b-qsajitrwjo] {
    list-style: none;
    padding: 0;
    margin-top: -0.5rem;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    max-height: 150px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 1000;
    position: absolute;
    bottom: 50%;
    width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

    .suggestion-list li[b-qsajitrwjo] {
        padding: 0.75rem 1rem;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out;
        font-variant: small-caps;
    }

        .suggestion-list li:hover[b-qsajitrwjo] {
            background-color: #f0f0f0;
        }

.small[b-qsajitrwjo] {
    margin: 0 0 20px;
}

.nature-error[b-qsajitrwjo] {
    color: #c9184a;
    font-size: 0.85rem;
    margin-top: 0.25rem;
    text-align: left;
}

/* --- Actions --- */
.upload-button[b-qsajitrwjo] {
    width: 100%;
    padding: .6rem;
    border-radius: 4px;
    border: none;
    color: white;
    cursor: pointer;
    margin: auto;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    /* === Document : Conteneur principal === */
    .container[b-qsajitrwjo] {
        width: 100vw;
        padding: 0 15px;
        margin: 0 auto;
    }

    /* --- Marque --- */


    #nature[b-qsajitrwjo] {
        gap: 20px;
        max-width: 100%;
    }

    .data-container[b-qsajitrwjo] {
        width: 100%;
        max-width: 900px;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    /* --- Zone drag & drop --- */
    .upload-files-container[b-qsajitrwjo] {
        max-width: 100%;
        padding: 20px;
        flex-direction: column;
    }

    /* --- Aperçu du fichier téléchargé --- */
    .uploaded-preview[b-qsajitrwjo]{
        width:100%;
    }
}

@media screen and (max-width: 768px) {
    /* === Document : Conteneur principal === */
    .container[b-qsajitrwjo] {
        padding: 0 15px;
    }

    .upload-form[b-qsajitrwjo], .upload-files-container[b-qsajitrwjo] {
        padding: 10px;
    }

    /* --- Zone drag & drop --- */
    .drag-file-area[b-qsajitrwjo], .nature[b-qsajitrwjo] {
        padding: 10px;
        width: 100%;
        max-width: 100%;
    }

   
}
/* _content/CreaEspaceClient/Components/Pages/Login.razor.rz.scp.css */

.flexbox-login[b-k1nnenxi52] {
    display: flex;
    min-height: 100vh;
    max-height: 100vh;
    min-width: 100vw;
}


.container-left[b-k1nnenxi52] {
    width: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-right[b-k1nnenxi52] {
    width: 50dvw;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.login-warning[b-k1nnenxi52] {
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    background: #fff8e1;
    color: #5d4037;
    border-radius: 8px;
    font-size: 0.95rem;
    width: min(420px, 90%);
    text-align: center;
}

.form-error[b-k1nnenxi52] {
    margin: 1rem auto 0 auto;
    color: #ef5350;
    font-size: 0.9rem;
    text-align: center;
    max-width: 300px;
}


/* --- Branding --- */
.logo-societe[b-k1nnenxi52] {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin-bottom: 1rem;
}

.log[b-k1nnenxi52]{
    max-width:400px;
}

.img-container-mobile[b-k1nnenxi52] {
    display: none;
}


.connexion[b-k1nnenxi52] {
    color: white;
    font-size: 4rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}

/* --- Formulaire connexion --- */
[b-k1nnenxi52] .form {
    display: flex;
    flex-direction: column;
}

.form-group[b-k1nnenxi52] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.identifiant[b-k1nnenxi52] {
    margin-bottom: 1.5rem;
}

.label[b-k1nnenxi52] {
    color: white;
    font-size: .8rem;
    margin-bottom: .3rem;
    letter-spacing: 1px;
}

[b-k1nnenxi52] .form-control {
    width: 400px;
    padding: .7rem;
    border: 1px solid #ccc;
    font-size: 1.2rem;
}

.password-container[b-k1nnenxi52] {
    position: relative;
    display: flex;
    align-items: center;
}

    .password-container .form-control[b-k1nnenxi52] {
        width: 100%;
        padding-right: 40px; /* espace pour l'icône */
    }

.toggle-password[b-k1nnenxi52] {
    position: absolute;
    top: 4px;
    right: 10px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.transition-icon[b-k1nnenxi52] {
    position: absolute;
    font-size: 2rem;
    color: #ccc;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

    .transition-icon.hidden[b-k1nnenxi52] {
        opacity: 0;
        transform: scale(0.8);
        pointer-events: none;
    }

.password-forgot[b-k1nnenxi52] {
    color: white;
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: .8rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.password-forgot-button[b-k1nnenxi52] {
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-decoration: underline;
}

    .password-forgot-button:focus[b-k1nnenxi52] {
        outline: none;
        border: none;
    }

.btn-submit[b-k1nnenxi52] {
    width: 400px;
    padding: .6rem;
    border-radius: 4px;
    border: none;
    color: white;
    cursor: pointer;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}

/* --- Modal mot de passe oublié --- */
.forgot-password-modal-overlay[b-k1nnenxi52] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4rem 1rem;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    animation: forgotModalOverlayFade-b-k1nnenxi52 0.3s ease-out;
    animation-fill-mode: forwards;
}

    .forgot-password-modal-overlay.closing[b-k1nnenxi52] {
        animation: forgotModalOverlayFade-b-k1nnenxi52 0.3s ease-in reverse forwards;
    }

.forgot-password-modal.closing[b-k1nnenxi52] {
    animation: forgotModalSlideDown-b-k1nnenxi52 0.35s ease-in reverse forwards;
}

.forgot-password-modal[b-k1nnenxi52] {
    position: relative;
    width: min(420px, 92vw);
    color: #ffffff;
    border-radius: 12px;
    padding: 2rem 2.5rem 2.25rem;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
    animation: forgotModalSlideDown-b-k1nnenxi52 0.35s ease-out;
    animation-fill-mode: forwards;
}

.forgot-password-close[b-k1nnenxi52] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.25rem;
}

    .forgot-password-close:focus[b-k1nnenxi52] {
        outline: 2px solid rgba(255, 255, 255, 0.6);
        outline-offset: 2px;
    }

.forgot-password-title[b-k1nnenxi52] {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: .5rem;
}

.forgot-password-subtitle[b-k1nnenxi52] {
    font-size: .95rem;
    text-align: center;
    margin: 0;
    opacity: 0.9;
}

.forgot-password-form[b-k1nnenxi52] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.75rem;
}

[b-k1nnenxi52] .forgot-password-input {
    width: 100%;
    padding: 0.75rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: white;
    color: black;
    font-size: 1rem;
}

.forgot-password-input[b-k1nnenxi52]::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.forgot-password-input:focus[b-k1nnenxi52] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.forgot-password-submit[b-k1nnenxi52] {
    width: 100%;
    padding: 0.7rem;
    border: none;
    border-radius: 6px;
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .forgot-password-submit:disabled[b-k1nnenxi52] {
        opacity: 0.75;
        cursor: not-allowed;
    }

    .forgot-password-submit:not(:disabled):hover[b-k1nnenxi52] {
        transform: translateY(-2px);
        box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
    }

@keyframes forgotModalSlideDown-b-k1nnenxi52 {
    0% {
        opacity: 0;
        transform: translateY(-40px);
    }

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

@keyframes forgotModalOverlayFade-b-k1nnenxi52 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* --- Animations générales --- */
@keyframes spin-b-k1nnenxi52 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeIn-b-k1nnenxi52 {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

/* --- Messages & liens --- */
[b-k1nnenxi52] .error {
    padding: 5px;
    color: red;
    text-align: center;
}

.help[b-k1nnenxi52] {
    color: white;
    margin: auto auto 20px auto;
    font-size: 0.8rem;
}

.link-society[b-k1nnenxi52] {
    color: white;
    text-decoration: none;
}

    .link-society:hover[b-k1nnenxi52] {
        text-shadow: #fff 1px 0 10px;
    }

.inherit[b-k1nnenxi52] {
    color: black;
}

@media screen and (max-width: 1024px) {
    /* === Login : Layout === */
    .flexbox[b-k1nnenxi52] {
        flex-direction: column;
        min-height: 100dvh;
        max-height: 100dvh;
    }

    .container-left[b-k1nnenxi52] {
        display: none
    }

    .container-right[b-k1nnenxi52] {
        justify-content: flex-start;
    }

    @media screen and (orientation: portrait) {
        .flexbox[b-k1nnenxi52] {
            overflow: hidden;
        }

        .container-right[b-k1nnenxi52] {
            min-width: 100vw;
            min-height: 100svh;
            max-height: 100svh;
            overflow: hidden;
        }
    }

    @media screen and (orientation: landscape) {

        .flexbox[b-k1nnenxi52] {
            height: auto;
        }

        .container-right[b-k1nnenxi52] {
            min-width: 100svw;
            min-height: 100svh;
            overflow: auto;
        }

        .help[b-k1nnenxi52] {
            margin: auto auto 20px auto;
        }
    }

    /* --- Branding --- */
    .img-container-mobile[b-k1nnenxi52] {
        display: flex;
        justify-content: center;
        width: 100svw;
        background: white;
        margin-top: 3vh;
    }

    .logo-societe-mobile[b-k1nnenxi52] {
        padding: 5px 0;
        max-height: 80px;
        object-fit: scale-down;
    }

    .connexion[b-k1nnenxi52] {
        font-size: 2.5rem;
    }

    .title-h1[b-k1nnenxi52] {
        margin-top: calc(3svh);
        font-size: 1.8rem;
    }

    .logo-societe[b-k1nnenxi52] {
        max-width: 250px;
        margin-top: 2rem;
    }

    /* --- Messages & liens --- */
    [b-k1nnenxi52] span.error {
        width: 85%;
        margin: auto;
        font-size: .7rem;
        text-align: center;
    }

    .help[b-k1nnenxi52] {
/*        margin-bottom: 2rem;*/
    }
}

@media screen and (max-width: 768px) {
    /* === Login : Layout === */
    @media screen and (orientation: portrait) {
        .flexbox[b-k1nnenxi52] {
            height: 100dvh;
        }
    }

    @media screen and (orientation: landscape) {
        .flexbox[b-k1nnenxi52] {
            min-height: 100dvh;
        }
    }

    /* --- Formulaire connexion --- */
    [b-k1nnenxi52] .form-control {
        width: 330px;
        padding: .7rem;
        border: 1px solid #ccc;
        font-size: 1rem;
    }

    .btn-submit[b-k1nnenxi52] {
        width: 330px;
        padding: .6rem;
        border-radius: 4px;
        border: none;
        color: white;
        cursor: pointer;
        margin-top: 1.5rem;
        font-size: 1rem;
        font-weight: 600;
    }

    /* --- Messages & liens --- */
    .help[b-k1nnenxi52] {
        color: white;
        font-size: .6rem;
        text-align: center;
        width: 90%;
        margin: auto auto 20px auto;
    }
}

@media screen and (max-width: 768px) {
    /* --- Modal mot de passe oublié --- */
    .forgot-password-modal[b-k1nnenxi52] {
        width: min(360px, 94vw);
        padding: 1.75rem 1.5rem 2rem;
    }

    .forgot-password-title[b-k1nnenxi52] {
        font-size: 1.3rem;
    }

    .forgot-password-subtitle[b-k1nnenxi52] {
        font-size: 0.85rem;
    }

    .forgot-password-form[b-k1nnenxi52] {
        gap: 0.75rem;
    }

    .forgot-password-input[b-k1nnenxi52] {
        font-size: 0.95rem;
    }

    .forgot-password-submit[b-k1nnenxi52] {
        font-size: 0.95rem;
    }
}

.disabled-wrapper[b-k1nnenxi52] {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.5rem, 6vw, 4rem);
    background-color: #f5f5f6;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;
}

.disabled-card[b-k1nnenxi52] {
    width: min(100%, 640px);
    padding: clamp(2rem, 6vw, 3rem);
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    box-shadow: 0 28px 60px -40px rgba(15, 23, 42, 0.35);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 3vw, 1.5rem);
}

.disabled-title[b-k1nnenxi52] {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
    font-weight: 600;
    color: #1f2933;
}

.disabled-message[b-k1nnenxi52] {
    margin: 0;
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    color: #444;
    line-height: 1.6;
}
/* _content/CreaEspaceClient/Components/Pages/LoginToken.razor.rz.scp.css */
/* === LoginToken : Layout === */
.flexbox-login[b-4kj5s30v36],
.flexbox[b-4kj5s30v36] {
    display: flex;
    min-height: 100vh;
    max-height: 100vh;
    min-width: 100vw;
}

.container-left[b-4kj5s30v36] {
    width: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-right[b-4kj5s30v36] {
    width: 50dvw;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/* --- Branding --- */
.logo-societe[b-4kj5s30v36] {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin-bottom: 1rem;
}

.img-container-mobile[b-4kj5s30v36] {
    display: none;
}

.title-h1[b-4kj5s30v36] {
    color: white;
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: .5rem;
    margin-top: auto;
}

.title-h2[b-4kj5s30v36] {
    color: white;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.connexion[b-4kj5s30v36] {
    color: white;
    font-size: 4rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}

/* --- Formulaire --- */
[b-4kj5s30v36] .form {
    display: flex;
    flex-direction: column;
}

.form-group[b-4kj5s30v36] {
    width: 100%;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
}

.label[b-4kj5s30v36] {
    color: white;
    font-size: .8rem;
    margin-bottom: .3rem;
    letter-spacing: 1px;
}

[b-4kj5s30v36] .form-control {
    width: 400px;
    padding: .7rem;
    border: 1px solid #ccc;
    font-size: 1.2rem;
}

.form-error[b-4kj5s30v36] {
    margin: 1rem auto 0 auto;
    color: #ef5350;
    font-size: 0.9rem;
    text-align: center;
    max-width: 300px;
}

.btn-submit[b-4kj5s30v36] {
    width: 400px;
    padding: .6rem;
    border-radius: 4px;
    border: none;
    color: white;
    cursor: pointer;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}

/* --- Messages & liens --- */

.link-society[b-4kj5s30v36] {
    color: white;
    text-decoration: none;
}

    .link-society:hover[b-4kj5s30v36] {
        text-shadow: #fff 1px 0 10px;
    }

.inherit[b-4kj5s30v36] {
    color: black;
}

.link-home[b-4kj5s30v36] {
    text-decoration: none;
    color: white;
}

[b-4kj5s30v36] .error {
    padding: 5px;
    color: red;
    text-align: center;
}

.help[b-4kj5s30v36] {
    color: white;
    margin: auto auto 20px auto;
    font-size: 0.8rem;
}

@media screen and (max-width: 1024px) {
    /* === LoginToken : Layout === */
    .flexbox-login[b-4kj5s30v36],
    .flexbox[b-4kj5s30v36] {
        flex-direction: column;
        min-height: 100dvh;
        max-height: 100dvh;
    }

    .container-left[b-4kj5s30v36] {
        display: none;
    }

    .container-right[b-4kj5s30v36] {
        width: 100vw;
        min-height: 100svh;
        max-height: 100svh;
        justify-content: flex-start;
    }

    /* --- Branding --- */
    .img-container-mobile[b-4kj5s30v36] {
        display: flex;
        justify-content: center;
        width: 100svw;
        background: white;
        margin-top: 3vh;
    }

    .logo-societe-mobile[b-4kj5s30v36] {
        padding: 5px 0;
        max-height: 80px;
        object-fit: scale-down;
    }

    .connexion[b-4kj5s30v36] {
        font-size: 2.5rem;
    }

    .title-h1[b-4kj5s30v36] {
        margin-top: auto;
        font-size: 1.8rem;
    }

    .logo-societe[b-4kj5s30v36] {
        max-width: 250px;
        margin-top: 2rem;
    }

    /* --- Messages & liens --- */
    [b-4kj5s30v36] span.error {
        width: 85%;
        margin: auto;
        font-size: .7rem;
        text-align: center;
    }

    .help[b-4kj5s30v36] {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 768px) {
    /* --- Formulaire --- */
    [b-4kj5s30v36] .form-control {
        width: 330px;
        padding: .7rem;
        border: 1px solid #ccc;
        font-size: 1rem;
    }

    .btn-submit[b-4kj5s30v36] {
        width: 330px;
        padding: .6rem;
        border-radius: 4px;
        border: none;
        color: white;
        cursor: pointer;
        margin-top: 1.5rem;
        font-size: 1rem;
        font-weight: 600;
    }

    /* --- Messages & liens --- */
    .help[b-4kj5s30v36] {
        color: white;
        margin: auto auto 20px auto;
        font-size: 0.8rem;
        text-align: center;
    }

    help[b-4kj5s30v36] {
        font-size: .7rem;
    }
}

.disabled-wrapper[b-4kj5s30v36] {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.5rem, 6vw, 4rem);
    background-color: #f5f5f6;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;
}

.disabled-card[b-4kj5s30v36] {
    width: min(100%, 640px);
    padding: clamp(2rem, 6vw, 3rem);
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    box-shadow: 0 28px 60px -40px rgba(15, 23, 42, 0.35);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 3vw, 1.5rem);
}

.disabled-title[b-4kj5s30v36] {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
    font-weight: 600;
    color: #1f2933;
}

.disabled-message[b-4kj5s30v36] {
    margin: 0;
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    color: #444;
    line-height: 1.6;
}

.login-warning[b-4kj5s30v36] {
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    background: #fff8e1;
    color: #5d4037;
    border-radius: 8px;
    font-size: 0.95rem;
    width: min(420px, 90%);
    text-align: center;
}

.login-alert[b-4kj5s30v36] {
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border: 1px solid #ddd;
    border-left: 4px solid #b00020;
    background: #fff;
    color: #222;
    border-radius: 6px;
    font-size: 0.95rem;
    line-height: 1.4;
}

.form-error[b-4kj5s30v36] {
    margin: 1rem auto 0 auto;
    color: #ef5350;
    font-size: 0.9rem;
    text-align: center;
}
/* _content/CreaEspaceClient/Components/Pages/MonCompte.razor.rz.scp.css */
/* === MonCompte : Informations personnelles === */
.dgt-data[b-gqcrvqhjnt] {
    padding: 4px 25px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    transition: .3s all ease;
}

    .dgt-data:hover[b-gqcrvqhjnt] {
        transform: translateX(3px);
        background: rgba(128, 128, 128,0.03);
    }

.perso-container > hr:last-child[b-gqcrvqhjnt] {
    display: none;
}

.data-perso[b-gqcrvqhjnt] {
    text-transform: lowercase;
}

    .data-perso:not(.no-first-letter)[b-gqcrvqhjnt]::first-letter {
        text-transform: uppercase;
    }

@media screen and (max-width: 1024px) {
    /* === MonCompte : Conteneur principal === */
    .overflow[b-gqcrvqhjnt] {
        height: auto;
    }

    .container[b-gqcrvqhjnt] {
        width: 100vw;
        padding: 0 15px;
        margin: 0 auto;
    }

    .data-container[b-gqcrvqhjnt] {
        width: 100%;
        max-width: 900px;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        align-self: flex-start;
    }
}

@media screen and (max-width: 525px) {
    /* === MonCompte : Conteneur principal === */
    /* (Aucune règle spécifique à ce palier) */
}
/* _content/CreaEspaceClient/Components/Pages/NoticeEspaceClient.razor.rz.scp.css */
.notice-wrapper[b-b3a46u4cov] {
    width: clamp(560px, 80%, 1500px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-inline: clamp(8px, 1.6vw, 18px);
}

.notice-header[b-b3a46u4cov] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 0 6px;
}

.notice-kicker[b-b3a46u4cov] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.78rem;
}

.notice-title[b-b3a46u4cov] {
    font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    margin: 0;
    color: #003567;
}

.notice-subtitle[b-b3a46u4cov] {
    margin: 0;
    color: #4b5563;
    font-size: 1.02rem;
}

.notice-tabs[b-b3a46u4cov] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.notice-tab[b-b3a46u4cov] {
    border: 1px solid #003567;
    background: #ffffff;
    color: #003567;
    border-radius: 12px;
    padding: 10px 14px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    transition: transform .2s ease, box-shadow .2s ease;
}

.notice-tab:hover[b-b3a46u4cov] {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.notice-tab:focus-visible[b-b3a46u4cov] {
    outline: 3px solid rgba(0, 53, 103, 0.25);
    outline-offset: 2px;
}

.tab-active[b-b3a46u4cov] {
    color: #fff;
}

.tab-index[b-b3a46u4cov] {
    background: rgba(255, 255, 255, 0.18);
    color: inherit;
    border-radius: 10px;
    padding: 4px 8px;
    font-weight: 700;
    font-size: 0.9rem;
    min-width: 34px;
    text-align: center;
}

.tab-label[b-b3a46u4cov] {
    white-space: nowrap;
}

.notice-body[b-b3a46u4cov] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: stretch;
    margin-bottom:20px;
}

.notice-visual[b-b3a46u4cov] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Centre les popups hotspots de cette page au milieu de l'image */
.notice-root[b-b3a46u4cov]  .hotspot-popup {
    top: 50% !important;
    left: 50% !important;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
}

.notice-root[b-b3a46u4cov]  .hotspot-popup.popup-visible {
    animation: notice-popup-in-b-b3a46u4cov .24s ease forwards;
}

.notice-root[b-b3a46u4cov]  .hotspot-popup.popup-closing {
    animation: notice-popup-out-b-b3a46u4cov .18s ease forwards;
}

@keyframes notice-popup-in-b-b3a46u4cov {
    from {
        opacity: 0;
        transform: translate(-50%, -46%) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes notice-popup-out-b-b3a46u4cov {
    from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        opacity: 0;
        transform: translate(-50%, -46%) scale(0.97);
    }
}

@media (max-width: 1024px) {
    .container[b-b3a46u4cov], .notice-root[b-b3a46u4cov] {
        max-width: 100%;
        width: 100%;
       
    }
    .notice-wrapper[b-b3a46u4cov] {
        width: 90%;
        margin: auto;
    }

}

    @media (max-width: 768px) {
        .notice-root[b-b3a46u4cov]  .hotspot-popup {
            top: 50% !important;
            left: 40% !important;
            bottom: auto !important;
            transform: translate(-50%, -50%);
        }
    }

.notice-title[b-b3a46u4cov] {
    font-size: 1rem;
}

.notice-subtitle[b-b3a46u4cov], .tab-index[b-b3a46u4cov], .tab-label[b-b3a46u4cov] {
    font-size: 0.8rem;
}

    .notice-info[b-b3a46u4cov] {
        order: -1;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 14px;
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
        padding: 16px 18px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        position: relative;
        top: 0;
        width: 100%;
        margin: 0 auto;
    }

    .panel-title[b-b3a46u4cov] {
        margin: 0;
        color: #003567;
        font-size: 1rem;
    }

    .panel-text[b-b3a46u4cov] {
        margin: 0;
        color: #374151;
        line-height: 1.5;
        font-size: 0.8rem;
    }

    .panel-help[b-b3a46u4cov] {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #4b5563;
    }

    .panel-dot[b-b3a46u4cov] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-flex;
    }

    .notice-nav[b-b3a46u4cov] {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
        margin-top: auto;
        justify-content: flex-start;
    }

    .notice-nav-btn[b-b3a46u4cov] {
        border: none;
        border-radius: 4px;
        padding: 0.6rem 1rem;
        font-weight: 600;
        font-size:.8rem;
        color: #fff;
        cursor: pointer;
        box-shadow: none;
        transition: transform .2s ease, opacity .2s ease;
        min-width: 180px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .notice-nav-btn:hover[b-b3a46u4cov] {
            transform: translateY(-1px);
        }

        .notice-nav-btn:disabled[b-b3a46u4cov] {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .notice-nav-btn.ghost[b-b3a46u4cov] {
            background: #fff;
            box-shadow: inset 0 0 0 1px currentColor;
        }

        .notice-nav-btn:focus-visible[b-b3a46u4cov] {
            outline: 3px solid rgba(0, 53, 103, 0.25);
            outline-offset: 3px;
        }

    @media (max-width: 720px) {
        .notice-tabs[b-b3a46u4cov] {
            gap: 8px;
        }

        .notice-tab[b-b3a46u4cov] {
            padding: 9px 12px;
        }

        .tab-label[b-b3a46u4cov] {
            font-size: 0.8rem;
        }

        .notice-nav[b-b3a46u4cov] {
            flex-direction: column;
        }

        .notice-nav-btn[b-b3a46u4cov] {
            width: 100%;
        }
    }
/* _content/CreaEspaceClient/Components/Pages/PolitiqueCookies.razor.rz.scp.css */
/* === PolitiqueCookies : Conteneur principal === */
.container[b-x77rs763y5] {
    max-width: 900px;
    margin: 4rem auto;
    padding: 2rem;
    background-color: #ffffff;
    color: #111111;
    font-family: 'Segoe UI', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
}

/* --- Titres --- */
.container h1[b-x77rs763y5] {
    font-weight: bold;
    margin-bottom: 1.5rem;
    color: #000;
    text-align: center;
}

.container h2[b-x77rs763y5] {
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #111;
    border-left: 4px solid #111;
    padding-left: 0.5rem;
}

/* --- Texte et listes --- */
.container p[b-x77rs763y5] {
    margin-bottom: 1rem;
}

.container ul[b-x77rs763y5] {
    list-style-type: disc;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.container li[b-x77rs763y5] {
    margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
    /* === PolitiqueCookies : Conteneur principal === */
    .container[b-x77rs763y5] {
        padding: 1rem;
        margin: 2rem 1rem;
    }

    /* --- Titres --- */
    /* --- Texte et listes --- */
}
/* _content/CreaEspaceClient/Components/Shared/GlobalAlertBar.razor.rz.scp.css */
/* === GlobalAlertBar : Conteneur principal === */
.alert[b-73wdg17tm4] {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: .8rem 1.2rem;
    min-width: 280px;
    max-width: 520px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.25);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99999;
    font-size: .95rem;
}

/* --- Variantes --- */
.alert.success[b-73wdg17tm4] {
    background: #198754;
}

.alert.warning[b-73wdg17tm4] {
    background: #ffc107;
    color: #212529;
}

.alert.error[b-73wdg17tm4] {
    background: #dc3545;
}

.alert.info[b-73wdg17tm4] {
    background: #0dcaf0;
}

/* --- Actions --- */
.close-btn[b-73wdg17tm4] {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.1rem;
    cursor: pointer;
    margin-left: 1rem;
}
/* _content/CreaEspaceClient/Components/Shared/GuidedScreenshot.razor.rz.scp.css */
.guided-screenshot[b-sgnxw8l1st] {
    width: 100%;
    display: flex;
    justify-content: center;

}

.screenshot-frame[b-sgnxw8l1st] {
    position: relative;
    width: 100%;
    border: 1px solid #e3e8f0;
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.guided-image[b-sgnxw8l1st] {
    width: 100%;
    height: auto;
    display: block;
}

.hotspot-dot[b-sgnxw8l1st] {
    scale:0.5;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 53, 103, 0.94);
    border: 2px solid #fff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    cursor: pointer;

}

.hotspot-dot:hover[b-sgnxw8l1st] {
    transform: scale(1.06);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.26);
}

.hotspot-dot.is-active[b-sgnxw8l1st] {
    animation: none;
    background: #c68f67;
}

.hotspot-dot:focus-visible[b-sgnxw8l1st] {
    outline: 3px solid rgba(0, 53, 103, 0.3);
    outline-offset: 3px;
}

.hotspot-icon[b-sgnxw8l1st] {
    font-size: 2rem;
    line-height: 1;
    pointer-events: none;
}

.hotspot-popup[b-sgnxw8l1st] {
    position: absolute;
/*    transform: translate(-50%, -108%);*/
    top: 100%;
    left: 50%;
    background: #fff;
    color: #1f2937;
    border-radius: 14px;
    border: 1px solid #e4e7eb;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);
    width: min(420px, 88vw);
    max-width: 420px;
    min-width: 230px;
    padding: 14px 16px 12px;
    z-index: 4;
    opacity: 0;
    pointer-events: none;
}

.popup-visible[b-sgnxw8l1st] {
    animation: popupIn-b-sgnxw8l1st .26s ease forwards;
    pointer-events: auto;
}

.popup-closing[b-sgnxw8l1st] {
    animation: popupOut-b-sgnxw8l1st .18s ease forwards;
}

.popup-header[b-sgnxw8l1st] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.popup-title[b-sgnxw8l1st] {
    font-weight: 700;
    color: #003567;
}

.popup-close-icon[b-sgnxw8l1st] {
    border: none;
    background: transparent;
    color: #5b6b7a;
    font-size: 18px;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: background-color .2s ease, color .2s ease;
}

.popup-close-icon:hover[b-sgnxw8l1st] {
    background: #f2f4f7;
    color: #1f2937;
}

.popup-close-icon:focus-visible[b-sgnxw8l1st] {
    outline: 2px solid rgba(0, 53, 103, 0.35);
    outline-offset: 3px;
}

.popup-text[b-sgnxw8l1st] {
    margin: 0 0 10px;
    line-height: 1.45;
    font-size: 1rem;
}

.popup-actions[b-sgnxw8l1st] {
    display: flex;
    justify-content: flex-end;
}

.popup-close-btn[b-sgnxw8l1st] {
    border: none;
    background: #003567;
    color: #fff;
    border-radius: 10px;
    padding: 8px 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 8px 18px rgba(0, 53, 103, 0.24);
}

.popup-close-btn:hover[b-sgnxw8l1st] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0, 53, 103, 0.28);
}

.popup-close-btn:focus-visible[b-sgnxw8l1st] {
    outline: 3px solid rgba(0, 53, 103, 0.3);
    outline-offset: 3px;
}

@keyframes hotspotPulse-b-sgnxw8l1st {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 53, 103, 0.35);
    }
    70% {
        transform: scale(1.08);
        box-shadow: 0 0 0 12px rgba(0, 53, 103, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 53, 103, 0);
    }
}

@keyframes popupIn-b-sgnxw8l1st {
    from {
        opacity: 0;
        transform: translate(-50%, -90%) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -108%) scale(1);
    }
}

@keyframes popupOut-b-sgnxw8l1st {
    from {
        opacity: 1;
        transform: translate(-50%, -108%) scale(1);
    }
    to {
        opacity: 0;
        transform: translate(-50%, -94%) scale(0.97);
    }
}

@media (max-width: 900px) {
    .screenshot-frame[b-sgnxw8l1st] {
        border-radius: 14px;
    }
}

@media (max-width: 768px) {
    .hotspot-popup[b-sgnxw8l1st] {
        top: 50% !important;
        left: 40% !important;
        scale: 0.8;
        right: auto;
        bottom: 14px;
        transform: translateX(-50%);
        width: min(92vw, 520px);
    }

    .popup-visible[b-sgnxw8l1st] {
        animation: popupInMobile-b-sgnxw8l1st .24s ease forwards;
    }

    .popup-closing[b-sgnxw8l1st] {
        animation: popupOutMobile-b-sgnxw8l1st .18s ease forwards;
    }

    .popup-visible[b-sgnxw8l1st] {
  
   
    }
    .popup-title[b-sgnxw8l1st], .popup-text[b-sgnxw8l1st], .popup-close-btn[b-sgnxw8l1st] {
        font-size: 0.7rem;
    }

    .hotspot-dot[b-sgnxw8l1st] {
        scale: 0.3;
    }

@keyframes popupInMobile-b-sgnxw8l1st {
    from {
        opacity: 0;
        transform: translate(-50%, 10%) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0) scale(1);
    }
}

@keyframes popupOutMobile-b-sgnxw8l1st {
    from {
        opacity: 1;
        transform: translate(-50%, 0) scale(1);
    }
    to {
        opacity: 0;
        transform: translate(-50%, 10%) scale(0.97);
    }
}
/* _content/CreaEspaceClient/Components/Shared/LoaderLinear.razor.rz.scp.css */
/* === LoaderLinear : Barre de progression === */
.loader-linear[b-gk8wnms3u4] {
    width: 100%;
    height: 8px;
    accent-color: var(--primary,#003567);
    border-radius: 4px;
}
/* _content/CreaEspaceClient/Components/Shared/LoaderSpinner.razor.rz.scp.css */

.loader-spinner[b-cb0ojhpdzw] {
    width: 48px;
    height: 48px;
    border: 6px solid #e6e6e6;
    border-top-color: #003567;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
/* _content/CreaEspaceClient/Components/Shared/LoadingBar.razor.rz.scp.css */
/* === LoadingBar : Conteneur principal === */
.loading-bar-container[b-79wg9jwac1] {
    width: 100%;
    height: 5px;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 10;
}

/* --- Barre animée --- */
.loading-bar[b-79wg9jwac1] {
    width: 100%;
    height: 100%;
    background-color: #009100;
    animation: loading-b-79wg9jwac1 1.5s infinite;
}

/* --- Animations --- */
@keyframes loading-b-79wg9jwac1 {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}