/* /Components/Layout/MainLayout.razor.rz.scp.css */
.terrain-shell[b-dq78ev4urx] {
    width: min(100%, 680px);
    min-height: 100dvh;
    margin: 0 auto;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: #f4f7fb;
    box-shadow: 0 0 0 1px rgba(15, 31, 56, 0.04),
                0 24px 70px rgba(15, 31, 56, 0.12);
}

.terrain-header[b-dq78ev4urx] {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 82px;
    padding: calc(14px + env(safe-area-inset-top)) 20px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background:
        linear-gradient(135deg, #0b1e39 0%, #112b4d 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.brand-block[b-dq78ev4urx] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-mark[b-dq78ev4urx] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background:
        linear-gradient(145deg, #4f8cff 0%, #2f6fed 58%, #2054c9 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 7px 18px rgba(47, 111, 237, 0.32);
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.06em;
}

.brand-copy[b-dq78ev4urx] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.brand-name[b-dq78ev4urx] {
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.065em;
}

.brand-product[b-dq78ev4urx] {
    margin-top: 5px;
    color: #8eb6ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.24em;
}

.header-action[b-dq78ev4urx] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.07);
}

.header-action svg[b-dq78ev4urx] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: #dbe8ff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.terrain-content[b-dq78ev4urx] {
    min-width: 0;
}

.terrain-bottom-nav[b-dq78ev4urx] {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    gap: 8px;
    padding: 9px 14px calc(9px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid #dde5ef;
    box-shadow: 0 -10px 28px rgba(18, 38, 66, 0.07);
    backdrop-filter: blur(14px);
}

[b-dq78ev4urx] .terrain-nav-link {
    flex: 1 1 0;
    min-height: 56px;
    padding: 8px 10px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 14px;
    color: #708096;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    transition:
        background 140ms ease,
        color 140ms ease,
        transform 140ms ease;
}

[b-dq78ev4urx] .terrain-nav-link.active {
    color: #245ed6;
    background: #edf4ff;
}

[b-dq78ev4urx] .terrain-nav-link:active {
    transform: scale(0.985);
}

.nav-icon[b-dq78ev4urx] {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
}

.nav-icon svg[b-dq78ev4urx] {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#blazor-error-ui[b-dq78ev4urx] {
    display: none;
}

@media (max-width: 720px) {
    .terrain-shell[b-dq78ev4urx] {
        width: 100%;
        box-shadow: none;
    }
}


button.header-action[b-dq78ev4urx] {
    padding: 0;
    cursor: pointer;
    font: inherit;
}
/* /Components/Pages/Connexion.razor.rz.scp.css */
.connexion-page[b-dblxt2wwrd] {
    min-height: 100dvh;
    padding: max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at top, #f9fbff 0%, #edf2f7 68%);
}

.connexion-card[b-dblxt2wwrd] {
    width: min(100%, 430px);
    padding: 26px;
    border: 1px solid #dce5f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 22px 60px rgba(18, 38, 66, 0.12);
}

.connexion-brand[b-dblxt2wwrd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.connexion-mark[b-dblxt2wwrd] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #ffffff;
    background: linear-gradient(145deg, #4f8cff 0%, #2f6fed 58%, #2054c9 100%);
    box-shadow: 0 9px 22px rgba(47, 111, 237, 0.25);
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.06em;
}

.connexion-name[b-dblxt2wwrd] {
    color: #10233f;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.065em;
}

.connexion-product[b-dblxt2wwrd] {
    margin-top: 5px;
    color: #2f6fed;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.24em;
}

.connexion-copy[b-dblxt2wwrd] {
    margin-top: 32px;
}

.connexion-copy span[b-dblxt2wwrd] {
    display: block;
    margin-bottom: 5px;
    color: #75869d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.connexion-copy h1[b-dblxt2wwrd] {
    margin: 0;
    color: #10233f;
    font-size: 31px;
    letter-spacing: -0.035em;
}

.connexion-error[b-dblxt2wwrd] {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid #f1c9c9;
    border-radius: 13px;
    background: #fff3f3;
    color: #9d2f2f;
    font-size: 13px;
    font-weight: 700;
}

.connexion-form[b-dblxt2wwrd] {
    margin-top: 24px;
    display: grid;
    gap: 16px;
}

.connexion-form label[b-dblxt2wwrd] {
    display: grid;
    gap: 7px;
}

.connexion-form label > span[b-dblxt2wwrd] {
    color: #31465f;
    font-size: 12px;
    font-weight: 800;
}

.connexion-form input[b-dblxt2wwrd] {
    min-height: 50px;
    width: 100%;
    padding: 0 14px;
    border: 1px solid #ced9e7;
    border-radius: 13px;
    outline: none;
    background: #fbfcfe;
    color: #10233f;
    font-size: 16px;
}

.connexion-form input:focus[b-dblxt2wwrd] {
    border-color: #6b99ed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.12);
}

.connexion-form button[b-dblxt2wwrd] {
    min-height: 52px;
    margin-top: 3px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    box-shadow: 0 10px 24px rgba(47, 111, 237, 0.23);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
}
/* /Components/Pages/FichesPaletteImpression.razor.rz.scp.css */
.print-toolbar[b-keld7ntbqr] {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(245, 248, 252, 0.96);
    border-bottom: 1px solid #dce4ed;
    backdrop-filter: blur(8px);
}

.print-toolbar a[b-keld7ntbqr],
.print-toolbar button[b-keld7ntbqr] {
    min-height: 42px;
    padding: 0 16px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #ced9e7;
    border-radius: 12px;
    background: #ffffff;
    color: #17304f;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.print-toolbar button[b-keld7ntbqr] {
    border-color: #2f6fed;
    background: #2f6fed;
    color: #ffffff;
}

.print-state[b-keld7ntbqr] {
    width: min(92vw, 760px);
    margin: 40px auto;
    padding: 18px;
    border: 1px solid #dce5f0;
    border-radius: 16px;
    background: #ffffff;
    color: #60748d;
    font-size: 14px;
    font-weight: 750;
}

.print-error[b-keld7ntbqr] {
    border-color: #f0c8c8;
    background: #fff4f4;
    color: #9c3030;
}

.palette-sheet[b-keld7ntbqr] {
    width: 210mm;
    min-height: 297mm;
    box-sizing: border-box;
    margin: 12mm auto;
    padding: 20mm 18mm;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: #10233f;
    box-shadow: 0 18px 48px rgba(16, 35, 63, 0.13);
    page-break-after: always;
    break-after: page;
}

.palette-sheet:last-child[b-keld7ntbqr] {
    page-break-after: auto;
    break-after: auto;
}

.sheet-brand[b-keld7ntbqr] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-mark[b-keld7ntbqr] {
    width: 18mm;
    height: 18mm;
    display: grid;
    place-items: center;
    border-radius: 5mm;
    background: #2f6fed;
    color: #ffffff;
    font-size: 10mm;
    font-weight: 900;
    letter-spacing: -0.08em;
}

.sheet-brand > div:last-child[b-keld7ntbqr] {
    display: grid;
    gap: 1.5mm;
}

.sheet-brand strong[b-keld7ntbqr] {
    font-size: 7mm;
    letter-spacing: 0.06em;
}

.sheet-brand span[b-keld7ntbqr] {
    color: #2f6fed;
    font-size: 3.4mm;
    font-weight: 900;
    letter-spacing: 0.22em;
}

.sheet-meta[b-keld7ntbqr] {
    margin-top: 20mm;
    padding: 8mm 0;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 8mm;
    border-top: 0.4mm solid #dfe6ef;
    border-bottom: 0.4mm solid #dfe6ef;
}

.sheet-meta > div[b-keld7ntbqr] {
    min-width: 0;
    display: grid;
    gap: 2mm;
}

.sheet-meta span[b-keld7ntbqr] {
    color: #718198;
    font-size: 2.8mm;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.sheet-meta strong[b-keld7ntbqr] {
    overflow: hidden;
    color: #10233f;
    font-size: 5mm;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.palette-number[b-keld7ntbqr] {
    margin-top: 28mm;
    text-align: center;
    color: #10233f;
    font-size: 16mm;
    font-weight: 950;
    letter-spacing: 0.06em;
}

.barcode[b-keld7ntbqr] {
    width: 160mm;
    margin: 14mm auto 0;
}

.barcode svg[b-keld7ntbqr] {
    width: 100%;
    height: 42mm;
    display: block;
    fill: #000000;
}

.barcode-value[b-keld7ntbqr] {
    margin-top: 5mm;
    text-align: center;
    color: #10233f;
    font-size: 6mm;
    font-weight: 850;
    letter-spacing: 0.16em;
}

@media print {
    @page {
        size: A4 portrait;
        margin: 0;
    }

    .print-toolbar[b-keld7ntbqr] {
        display: none !important;
    }

    .palette-sheet[b-keld7ntbqr] {
        margin: 0;
        box-shadow: none;
    }
}

@media screen and (max-width: 900px) {
    .palette-sheet[b-keld7ntbqr] {
        width: min(100%, 210mm);
        min-height: auto;
        margin: 0 auto 18px;
        padding: 28px 22px;
    }

    .sheet-meta[b-keld7ntbqr] {
        margin-top: 28px;
        padding: 20px 0;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .palette-number[b-keld7ntbqr] {
        margin-top: 38px;
        font-size: clamp(42px, 12vw, 64px);
    }

    .barcode[b-keld7ntbqr] {
        width: 100%;
        margin-top: 28px;
    }

    .barcode svg[b-keld7ntbqr] {
        height: 120px;
    }
}
/* /Components/Pages/InfoColis.razor.rz.scp.css */
.info-page[b-77rtedcls1] {
    padding: 22px 20px 42px;
}

.back-link[b-77rtedcls1] {
    width: fit-content;
    min-height: 38px;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #60748d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    -webkit-tap-highlight-color: transparent;
}

.back-link svg[b-77rtedcls1] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading[b-77rtedcls1] {
    margin-bottom: 18px;
}

.eyebrow[b-77rtedcls1] {
    display: block;
    margin-bottom: 5px;
    color: #6f7f94;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.18em;
}

h1[b-77rtedcls1] {
    margin: 0;
    color: #10233f;
    font-size: clamp(29px, 7.6vw, 37px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.page-heading p[b-77rtedcls1] {
    margin: 8px 0 0;
    color: #708197;
    font-size: 13px;
    line-height: 1.45;
}

.scan-card[b-77rtedcls1],
.result-card[b-77rtedcls1] {
    border: 1px solid #dce5f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
}

.scan-card[b-77rtedcls1] {
    padding: 17px;
}

.scan-field[b-77rtedcls1] {
    display: grid;
    gap: 7px;
}

.scan-field > span[b-77rtedcls1] {
    color: #31465f;
    font-size: 12px;
    font-weight: 800;
}

.scan-field input[b-77rtedcls1] {
    width: 100%;
    min-height: 52px;
    box-sizing: border-box;
    padding: 0 14px;
    border: 1px solid #ced9e7;
    border-radius: 13px;
    outline: none;
    background: #fbfcfe;
    color: #10233f;
    font: inherit;
    font-size: 17px;
    font-weight: 750;
}

.scan-field input:focus[b-77rtedcls1] {
    border-color: #6b99ed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.12);
}

.search-button[b-77rtedcls1] {
    width: 100%;
    min-height: 50px;
    margin-top: 14px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    box-shadow: 0 10px 24px rgba(47, 111, 237, 0.22);
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

.search-button:disabled[b-77rtedcls1] {
    opacity: 0.58;
    cursor: default;
}

.matches-banner[b-77rtedcls1] {
    margin-top: 12px;
    padding: 10px 13px;
    border-radius: 12px;
    background: #eef4ff;
    color: #2f6fed;
    font-size: 12px;
    font-weight: 850;
}

.result-card[b-77rtedcls1] {
    margin-top: 14px;
    overflow: hidden;
}

.result-head[b-77rtedcls1] {
    padding: 17px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    border-bottom: 1px solid #e2e9f2;
}

.result-type[b-77rtedcls1] {
    display: block;
    margin-bottom: 4px;
    color: #71849b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.result-code[b-77rtedcls1] {
    color: #10233f;
    font-size: 20px;
    letter-spacing: -0.02em;
}

.position-badge[b-77rtedcls1] {
    max-width: 45%;
    padding: 8px 10px;
    border-radius: 10px;
    background: #2f6fed;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.info-section[b-77rtedcls1] {
    padding: 16px 17px;
    border-bottom: 1px solid #e6ecf3;
}

.info-section:last-child[b-77rtedcls1] {
    border-bottom: 0;
}

.info-section h2[b-77rtedcls1] {
    margin: 0 0 12px;
    color: #62758d;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.info-grid[b-77rtedcls1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid #e1e8f1;
    border-radius: 14px;
    background: #e1e8f1;
}

[b-77rtedcls1] .info-line {
    min-width: 0;
    min-height: 66px;
    padding: 11px 12px;
    box-sizing: border-box;
    display: grid;
    align-content: start;
    gap: 5px;
    background: #ffffff;
}

[b-77rtedcls1] .info-line span {
    color: #78899e;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

[b-77rtedcls1] .info-line strong {
    min-height: 17px;
    color: #17304f;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.info-grid-wide[b-77rtedcls1] {
    grid-template-columns: 1fr;
}

.unknown-backdrop[b-77rtedcls1] {
    position: fixed;
    z-index: 1500;
    inset: 0;
    padding: 22px;
    display: grid;
    place-items: center;
    background: rgba(7, 21, 40, 0.48);
    backdrop-filter: blur(4px);
}

.unknown-modal[b-77rtedcls1] {
    width: min(100%, 360px);
    box-sizing: border-box;
    padding: 24px 20px 20px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 28px 80px rgba(7, 21, 40, 0.28);
    text-align: center;
}

.unknown-icon[b-77rtedcls1] {
    width: 48px;
    height: 48px;
    margin: 0 auto 13px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef4ff;
    color: #2f6fed;
    font-size: 22px;
    font-weight: 900;
}

.unknown-modal h2[b-77rtedcls1] {
    margin: 0;
    color: #10233f;
    font-size: 20px;
}

.unknown-modal p[b-77rtedcls1] {
    margin: 8px 0 18px;
    color: #718198;
    font-size: 13px;
}

.unknown-modal button[b-77rtedcls1] {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 13px;
    background: #2f6fed;
    color: #ffffff;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

@media (max-width: 420px) {
    .info-page[b-77rtedcls1] {
        padding-inline: 15px;
    }

    .info-grid[b-77rtedcls1] {
        grid-template-columns: 1fr 1fr;
    }

    .result-head[b-77rtedcls1] {
        padding: 15px;
    }

    .info-section[b-77rtedcls1] {
        padding: 15px;
    }
}

@media (max-width: 340px) {
    .info-grid[b-77rtedcls1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Inventaire.razor.rz.scp.css */
.inventory-page[b-gs7040wzyl] {
    width: min(1180px, 100%);
    max-width: 100%;
    margin: 0 auto;
    padding: 24px 18px 56px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.inventory-page *[b-gs7040wzyl],
.inventory-page *[b-gs7040wzyl]::before,
.inventory-page *[b-gs7040wzyl]::after {
    box-sizing: border-box;
}

.back-link[b-gs7040wzyl] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 18px;
    color: #64748b;
    text-decoration: none;
    font-weight: 700;
}

.back-link svg[b-gs7040wzyl] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.page-heading[b-gs7040wzyl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    min-width: 0;
}

.page-heading > div:first-child[b-gs7040wzyl] {
    min-width: 0;
}

.eyebrow[b-gs7040wzyl] {
    display: block;
    margin-bottom: 4px;
    color: #2563eb;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.page-heading h1[b-gs7040wzyl] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1;
}

.page-heading p[b-gs7040wzyl] {
    margin: 9px 0 0;
    color: #64748b;
    font-size: .98rem;
    overflow-wrap: anywhere;
}

.heading-count[b-gs7040wzyl] {
    flex: 0 0 auto;
    min-width: 94px;
    padding: 12px 16px;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #eff6ff;
    text-align: center;
}

.heading-count strong[b-gs7040wzyl] {
    display: block;
    color: #1d4ed8;
    font-size: 1.6rem;
    line-height: 1;
}

.heading-count span[b-gs7040wzyl] {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.inventory-toolbar[b-gs7040wzyl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin-bottom: 18px;
    min-width: 0;
}

.search-field[b-gs7040wzyl] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.search-field > span[b-gs7040wzyl] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.search-field input[b-gs7040wzyl] {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    outline: none;
}

.search-field input:focus[b-gs7040wzyl] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .12);
}

.refresh-button[b-gs7040wzyl] {
    align-self: end;
    min-height: 48px;
    padding: 0 18px;
    border: 0;
    border-radius: 14px;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.refresh-button:disabled[b-gs7040wzyl] {
    opacity: .55;
    cursor: default;
}

.inventory-list[b-gs7040wzyl] {
    display: grid;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.inventory-row[b-gs7040wzyl] {
    display: grid;
    grid-template-columns: 100px 125px minmax(0, 1fr);
    gap: 12px;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(15, 23, 42, .045);
    overflow: hidden;
}

.position-block[b-gs7040wzyl] {
    display: grid;
    align-content: center;
    justify-items: center;
    min-width: 0;
    min-height: 76px;
    padding: 10px;
    border-radius: 14px;
    background: #0f172a;
    color: #fff;
    text-align: center;
}

.position-block span[b-gs7040wzyl] {
    color: #94a3b8;
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.position-block strong[b-gs7040wzyl] {
    max-width: 100%;
    margin-top: 4px;
    font-size: 1.12rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.palette-block[b-gs7040wzyl] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.palette-badge[b-gs7040wzyl],
.manual-badge[b-gs7040wzyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 8px 9px;
    border-radius: 12px;
    font-size: .78rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.palette-badge[b-gs7040wzyl] {
    background: #dbeafe;
    color: #1d4ed8;
}

.manual-badge[b-gs7040wzyl] {
    background: #f1f5f9;
    color: #64748b;
}

.inventory-data[b-gs7040wzyl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px 14px;
    align-items: start;
    min-width: 0;
}

.inventory-data div[b-gs7040wzyl] {
    min-width: 0;
}

.inventory-data span[b-gs7040wzyl] {
    display: block;
    margin-bottom: 4px;
    color: #94a3b8;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.inventory-data strong[b-gs7040wzyl] {
    display: block;
    max-width: 100%;
    color: #0f172a;
    font-size: .88rem;
    line-height: 1.28;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.designation-cell[b-gs7040wzyl] {
    grid-column: span 2;
}

.message[b-gs7040wzyl],
.empty-state[b-gs7040wzyl] {
    width: 100%;
    max-width: 100%;
    padding: 24px 18px;
    border-radius: 16px;
    text-align: center;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.message-error[b-gs7040wzyl] {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #b91c1c;
}

.empty-state[b-gs7040wzyl] {
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    color: #64748b;
}

@media (max-width: 1100px) {
    .inventory-row[b-gs7040wzyl] {
        grid-template-columns: 96px 120px minmax(0, 1fr);
    }

    .inventory-data[b-gs7040wzyl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .designation-cell[b-gs7040wzyl] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 800px) {
    .inventory-row[b-gs7040wzyl] {
        grid-template-columns: 94px minmax(0, 1fr);
    }

    .palette-block[b-gs7040wzyl] {
        justify-content: stretch;
    }

    .inventory-data[b-gs7040wzyl] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: 4px;
    }

    .client-cell[b-gs7040wzyl],
    .designation-cell[b-gs7040wzyl] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .inventory-page[b-gs7040wzyl] {
        padding: 18px 10px 42px;
    }

    .page-heading[b-gs7040wzyl] {
        align-items: flex-start;
        gap: 10px;
    }

    .heading-count[b-gs7040wzyl] {
        min-width: 78px;
        padding: 10px 8px;
    }

    .inventory-toolbar[b-gs7040wzyl] {
        grid-template-columns: 1fr;
    }

    .refresh-button[b-gs7040wzyl] {
        width: 100%;
    }

    .inventory-row[b-gs7040wzyl] {
        grid-template-columns: 82px minmax(0, 1fr);
        padding: 10px;
        gap: 9px;
        border-radius: 15px;
    }

    .position-block[b-gs7040wzyl] {
        min-height: 66px;
        padding: 8px 6px;
    }

    .position-block strong[b-gs7040wzyl] {
        font-size: 1rem;
    }

    .palette-badge[b-gs7040wzyl],
    .manual-badge[b-gs7040wzyl] {
        min-height: 38px;
        padding: 7px 8px;
        font-size: .73rem;
    }

    .inventory-data[b-gs7040wzyl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 9px;
    }

    .client-cell[b-gs7040wzyl],
    .designation-cell[b-gs7040wzyl] {
        grid-column: 1 / -1;
    }

    .inventory-data strong[b-gs7040wzyl] {
        font-size: .84rem;
    }
}

@media (max-width: 390px) {
    .inventory-row[b-gs7040wzyl] {
        grid-template-columns: 74px minmax(0, 1fr);
    }

    .inventory-data[b-gs7040wzyl] {
        grid-template-columns: 1fr;
    }

    .client-cell[b-gs7040wzyl],
    .designation-cell[b-gs7040wzyl] {
        grid-column: auto;
    }
}
/* /Components/Pages/Livraison.razor.rz.scp.css */
.terrain-page[b-hu7ihn8y8k] {
    padding: 26px 20px 34px;
}

.page-heading[b-hu7ihn8y8k] {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.eyebrow[b-hu7ihn8y8k] {
    display: block;
    margin-bottom: 5px;
    color: #6f7f94;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

h1[b-hu7ihn8y8k] {
    margin: 0;
    color: #10233f;
    font-size: clamp(28px, 7vw, 36px);
    line-height: 1.04;
    letter-spacing: -0.035em;
}

.heading-icon[b-hu7ihn8y8k] {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #2f6fed;
    background: #eaf2ff;
    border: 1px solid #d7e5fb;
}

.heading-icon svg[b-hu7ihn8y8k],
.delivery-icon svg[b-hu7ihn8y8k] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.delivery-card[b-hu7ihn8y8k] {
    min-height: 98px;
    margin-bottom: 14px;
    padding: 17px 18px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 15px;
    border: 1px solid #dce5f0;
    border-radius: 19px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
}

.delivery-card-primary[b-hu7ihn8y8k] {
    border-color: #d3e2fb;
}

.delivery-icon[b-hu7ihn8y8k] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #2f6fed;
    background: #edf4ff;
    border: 1px solid #dbe8fb;
}

.delivery-icon-primary[b-hu7ihn8y8k] {
    color: #ffffff;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    border: 0;
    box-shadow: 0 9px 22px rgba(47, 111, 237, 0.25);
}

.card-kicker[b-hu7ihn8y8k] {
    display: block;
    margin-bottom: 4px;
    color: #7990ad;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.delivery-card strong[b-hu7ihn8y8k] {
    color: #132945;
    font-size: 18px;
    letter-spacing: -0.015em;
}

.card-arrow[b-hu7ihn8y8k] {
    color: #7f91a8;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}

@media (max-width: 380px) {
    .terrain-page[b-hu7ihn8y8k] {
        padding-inline: 15px;
    }

    .delivery-card[b-hu7ihn8y8k] {
        padding-inline: 14px;
    }
}
/* /Components/Pages/Preparation.razor.rz.scp.css */
.prep-page[b-gsii6jiiu9] { padding: 22px 18px 42px; }
.back-link[b-gsii6jiiu9] { display:inline-flex; align-items:center; gap:6px; margin-bottom:16px; color:#61758e; text-decoration:none; font-size:13px; }
.back-link > span[b-gsii6jiiu9] { font-size:24px; line-height:1; }
.page-heading[b-gsii6jiiu9] { margin-bottom:16px; }
.eyebrow[b-gsii6jiiu9], .panel-heading span[b-gsii6jiiu9], .global span[b-gsii6jiiu9] { color:#74869c; font-size:9px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
h1[b-gsii6jiiu9] { margin:4px 0 0; color:#10233f; font-size:clamp(29px,7vw,37px); line-height:1.02; letter-spacing:-.04em; }
.page-heading p[b-gsii6jiiu9] { margin:8px 0 0; color:#718198; font-size:13px; }
.message[b-gsii6jiiu9] { margin-bottom:12px; padding:11px 13px; border-radius:12px; font-size:12px; font-weight:800; }
.message.error[b-gsii6jiiu9] { border:1px solid #f1c6c6; background:#fff4f4; color:#a43c3c; }
.message.success[b-gsii6jiiu9] { border:1px solid #bde4ca; background:#f0fbf4; color:#227647; }
.date-card[b-gsii6jiiu9], .panel[b-gsii6jiiu9], .client-card[b-gsii6jiiu9], .global[b-gsii6jiiu9] { border:1px solid #dce5f0; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(18,38,66,.07); }
.date-card[b-gsii6jiiu9] { margin-bottom:14px; padding:14px 15px; }
.date-card label[b-gsii6jiiu9] { display:grid; gap:7px; }
.date-card label span[b-gsii6jiiu9] { color:#425874; font-size:11px; font-weight:850; }
.date-card input[b-gsii6jiiu9] { min-height:47px; padding:0 12px; border:1px solid #ced9e7; border-radius:12px; background:#fbfcfe; color:#10233f; font:inherit; font-weight:800; }
.panel[b-gsii6jiiu9] { overflow:hidden; }
.panel.compact[b-gsii6jiiu9] { margin-top:13px; }
.panel-heading[b-gsii6jiiu9] { min-height:64px; padding:13px 15px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e4eaf2; background:#fbfcfe; }
.panel-heading h2[b-gsii6jiiu9] { margin:4px 0 0; color:#132b49; font-size:18px; }
.panel-heading > b[b-gsii6jiiu9] { min-width:38px; height:38px; padding:0 8px; display:grid; place-items:center; border-radius:11px; background:#edf4ff; color:#2f6fed; font-size:13px; }
.panel-heading.with-back[b-gsii6jiiu9] { justify-content:flex-start; }
.panel-heading em[b-gsii6jiiu9] { margin-left:auto; padding:7px 9px; border-radius:9px; background:#dff5e7; color:#18844b; font-size:9px; font-style:normal; font-weight:900; }
.mini-back[b-gsii6jiiu9] { width:37px; height:37px; display:grid; place-items:center; border:1px solid #d7e1ed; border-radius:11px; background:#fff; color:#506984; font-size:25px; cursor:pointer; }
.empty[b-gsii6jiiu9] { padding:28px 16px; color:#8190a4; text-align:center; font-size:12px; font-weight:700; }
.empty.small[b-gsii6jiiu9] { padding:18px 15px; }
.rows[b-gsii6jiiu9] { display:grid; }
.row[b-gsii6jiiu9] { width:100%; min-height:74px; padding:12px 15px; display:flex; align-items:center; gap:12px; border:0; border-bottom:1px solid #e6ecf3; background:#fff; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.row:last-child[b-gsii6jiiu9] { border-bottom:0; }
.row.done[b-gsii6jiiu9] { background:#f3fbf6; }
.row > div[b-gsii6jiiu9] { display:grid; gap:4px; }
.row strong[b-gsii6jiiu9] { color:#162d4c; font-size:15px; }
.row small[b-gsii6jiiu9] { color:#71839a; font-size:10px; font-weight:750; }
.row .grow[b-gsii6jiiu9] { flex:1; min-width:0; }
.order[b-gsii6jiiu9] { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:#edf4ff; color:#2f6fed; font-size:13px; font-weight:900; }
.check[b-gsii6jiiu9] { margin-left:auto; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#dff5e7; color:#18844b; font-weight:950; }
.arrow[b-gsii6jiiu9] { margin-left:auto; color:#8191a5; font-size:27px; }
.detail-stack[b-gsii6jiiu9] { display:grid; gap:0; }
.client-card[b-gsii6jiiu9] { padding:15px; }
.client-card .mini-back[b-gsii6jiiu9] { margin-bottom:12px; }
.client-card h2[b-gsii6jiiu9] { margin:5px 0 0; color:#10233f; font-size:24px; line-height:1.1; }
.info-grid[b-gsii6jiiu9] { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:1px; overflow:hidden; border:1px solid #e1e8f1; border-radius:13px; background:#e1e8f1; }
.info-grid > div[b-gsii6jiiu9] { min-height:61px; padding:10px 11px; background:#fff; }
.info-grid span[b-gsii6jiiu9] { display:block; margin-bottom:5px; color:#7b8b9f; font-size:8px; font-weight:900; text-transform:uppercase; }
.info-grid strong[b-gsii6jiiu9] { color:#17304f; font-size:12px; overflow-wrap:anywhere; }
.designation-list > div[b-gsii6jiiu9] { padding:11px 15px; border-bottom:1px solid #e8edf4; color:#263d5a; font-size:12px; font-weight:750; }
.designation-list > div:last-child[b-gsii6jiiu9] { border-bottom:0; }
.counter[b-gsii6jiiu9] { min-width:54px !important; background:#edf4ff !important; color:#2f6fed !important; }
.counter.done[b-gsii6jiiu9] { background:#dff5e7 !important; color:#18844b !important; }
.palette-list[b-gsii6jiiu9], .manual-list[b-gsii6jiiu9] { display:grid; }
.palette[b-gsii6jiiu9], .manual[b-gsii6jiiu9] { min-height:68px; padding:11px 15px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:11px; border:0; border-bottom:1px solid #e7edf4; background:#fff; color:inherit; font:inherit; text-align:left; }
.manual[b-gsii6jiiu9] { width:100%; cursor:pointer; }
.palette.done[b-gsii6jiiu9], .manual.done[b-gsii6jiiu9] { background:#f3fbf6; }
.box[b-gsii6jiiu9] { width:31px; height:31px; display:grid; place-items:center; border:2px solid #ced9e7; border-radius:9px; color:transparent; font-weight:950; }
.done .box[b-gsii6jiiu9] { border-color:#43ad70; background:#43ad70; color:#fff; }
.palette strong[b-gsii6jiiu9], .manual strong[b-gsii6jiiu9] { display:block; color:#16304f; font-size:14px; }
.palette small[b-gsii6jiiu9], .manual small[b-gsii6jiiu9] { display:block; margin-top:3px; color:#71839a; font-size:10px; font-weight:750; }
.scan-zone[b-gsii6jiiu9] { padding:14px 15px 15px; background:#f8faff; }
.scan-zone label[b-gsii6jiiu9] { display:grid; gap:6px; }
.scan-zone label span[b-gsii6jiiu9] { color:#405771; font-size:10px; font-weight:850; }
.scan-zone input[b-gsii6jiiu9] { min-height:49px; padding:0 13px; border:1px solid #cbd8e7; border-radius:12px; outline:none; color:#10233f; font:inherit; font-size:16px; font-weight:800; }
.scan-zone button[b-gsii6jiiu9] { width:100%; min-height:47px; margin-top:10px; border:0; border-radius:12px; background:linear-gradient(145deg,#4a88ff,#2f6fed); color:#fff; font:inherit; font-size:12px; font-weight:900; cursor:pointer; }
.global[b-gsii6jiiu9] { min-height:76px; margin-top:13px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; }
.global > div[b-gsii6jiiu9] { display:grid; gap:4px; }
.global strong[b-gsii6jiiu9] { color:#14304f; font-size:22px; }
.global.done[b-gsii6jiiu9] { border-color:#b8dfc6; background:#f1fbf5; }
.global.done span[b-gsii6jiiu9], .global.done strong[b-gsii6jiiu9] { color:#227647; }
.big-check[b-gsii6jiiu9] { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#43ad70; color:#fff !important; font-size:21px !important; font-weight:950; }
.next[b-gsii6jiiu9] { width:100%; min-height:52px; margin-top:13px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; border:0; border-radius:14px; background:#102d52; color:#fff; font:inherit; cursor:pointer; }
.next span[b-gsii6jiiu9] { font-size:25px; }
button:disabled[b-gsii6jiiu9], input:disabled[b-gsii6jiiu9] { opacity:.58; cursor:default; }
@media (max-width:380px) { .prep-page[b-gsii6jiiu9] { padding-inline:14px; } }
/* /Components/Pages/Quai.razor.rz.scp.css */
.terrain-page[b-zrxbkb4xum] {
    padding: 26px 20px 34px;
}

.page-heading[b-zrxbkb4xum] {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.eyebrow[b-zrxbkb4xum] {
    display: block;
    margin-bottom: 5px;
    color: #6f7f94;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

h1[b-zrxbkb4xum] {
    margin: 0;
    color: #10233f;
    font-size: clamp(28px, 7vw, 36px);
    line-height: 1.04;
    letter-spacing: -0.035em;
}

.heading-icon[b-zrxbkb4xum] {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #2f6fed;
    background: #eaf2ff;
    border: 1px solid #d7e5fb;
}

.heading-icon svg[b-zrxbkb4xum],
.action-icon svg[b-zrxbkb4xum] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.primary-action[b-zrxbkb4xum],
.action-card[b-zrxbkb4xum] {
    position: relative;
    overflow: hidden;
    border: 1px solid #dce5f0;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
}

.primary-action[b-zrxbkb4xum] {
    min-height: 104px;
    margin-bottom: 14px;
    padding: 18px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 15px;
    border-radius: 20px;
}

.primary-action[b-zrxbkb4xum]::after {
    content: "";
    position: absolute;
    right: -36px;
    top: -42px;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background: #edf4ff;
}

.action-grid[b-zrxbkb4xum] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.action-card[b-zrxbkb4xum] {
    min-height: 148px;
    padding: 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 18px;
}

.action-icon[b-zrxbkb4xum] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #2f6fed;
    background: #edf4ff;
    border: 1px solid #dbe8fb;
}

.action-icon-primary[b-zrxbkb4xum] {
    width: 56px;
    height: 56px;
    color: #ffffff;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    border: 0;
    box-shadow: 0 9px 22px rgba(47, 111, 237, 0.25);
}

.action-copy[b-zrxbkb4xum] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.action-kicker[b-zrxbkb4xum] {
    color: #7990ad;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.primary-action strong[b-zrxbkb4xum] {
    color: #10233f;
    font-size: 20px;
    letter-spacing: -0.015em;
}

.action-card strong[b-zrxbkb4xum] {
    margin-top: 18px;
    padding-right: 28px;
    color: #162b48;
    font-size: 15px;
    line-height: 1.2;
}

.action-arrow[b-zrxbkb4xum] {
    position: relative;
    z-index: 2;
    color: #7f91a8;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}

.action-card .action-arrow[b-zrxbkb4xum] {
    position: absolute;
    right: 17px;
    bottom: 15px;
}

@media (max-width: 380px) {
    .terrain-page[b-zrxbkb4xum] {
        padding-inline: 15px;
    }

    .action-grid[b-zrxbkb4xum] {
        gap: 10px;
    }

    .action-card[b-zrxbkb4xum] {
        min-height: 138px;
        padding: 14px;
    }
}


.reception-link[b-zrxbkb4xum] {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.reception-link:focus-visible[b-zrxbkb4xum] {
    outline: 3px solid rgba(47, 111, 237, 0.22);
    outline-offset: 3px;
}

.reception-link:active[b-zrxbkb4xum] {
    transform: translateY(1px);
}


.action-card-link[b-zrxbkb4xum] {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.action-card-link:focus-visible[b-zrxbkb4xum] {
    outline: 3px solid rgba(47, 111, 237, 0.22);
    outline-offset: 3px;
}

.action-card-link:active[b-zrxbkb4xum] {
    transform: translateY(1px);
}
/* /Components/Pages/Rangement.razor.rz.scp.css */
.rangement-page[b-9orj8cnazu] {
    padding: 22px 20px 38px;
}

.back-link[b-9orj8cnazu] {
    width: fit-content;
    min-height: 38px;
    margin-bottom: 22px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #60748d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    -webkit-tap-highlight-color: transparent;
}

.back-link svg[b-9orj8cnazu] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading[b-9orj8cnazu] {
    margin-bottom: 20px;
}

.eyebrow[b-9orj8cnazu] {
    display: block;
    margin-bottom: 5px;
    color: #6f7f94;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

h1[b-9orj8cnazu] {
    margin: 0;
    color: #10233f;
    font-size: clamp(29px, 7.6vw, 37px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.scan-card[b-9orj8cnazu],
.commande-card[b-9orj8cnazu],
.position-card[b-9orj8cnazu],
.already-card[b-9orj8cnazu],
.last-card[b-9orj8cnazu],
.message[b-9orj8cnazu] {
    border: 1px solid #dce5f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
}

.scan-card[b-9orj8cnazu],
.position-card[b-9orj8cnazu] {
    padding: 17px;
}

.commande-card[b-9orj8cnazu],
.already-card[b-9orj8cnazu],
.last-card[b-9orj8cnazu] {
    margin-top: 12px;
    padding: 17px;
}

.position-card[b-9orj8cnazu] {
    margin-top: 12px;
}

.field[b-9orj8cnazu] {
    display: grid;
    gap: 7px;
}

.field > span[b-9orj8cnazu] {
    color: #31465f;
    font-size: 12px;
    font-weight: 800;
}

.field input[b-9orj8cnazu] {
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    padding: 0 14px;
    border: 1px solid #ced9e7;
    border-radius: 13px;
    outline: none;
    background: #fbfcfe;
    color: #10233f;
    font: inherit;
    font-size: 16px;
}

.field input:focus[b-9orj8cnazu] {
    border-color: #6b99ed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.12);
}

.primary-button[b-9orj8cnazu] {
    width: 100%;
    min-height: 50px;
    margin-top: 14px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    box-shadow: 0 10px 24px rgba(47, 111, 237, 0.22);
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.primary-button:disabled[b-9orj8cnazu],
.field input:disabled[b-9orj8cnazu] {
    opacity: 0.58;
    cursor: default;
}

.message[b-9orj8cnazu] {
    margin-bottom: 12px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 800;
}

.message-error[b-9orj8cnazu] {
    border-color: #efc8c8;
    background: #fff4f4;
    color: #9c3030;
}

.message-success[b-9orj8cnazu] {
    border-color: #cce7d9;
    background: #f1fbf6;
    color: #26704d;
}

.counter-row[b-9orj8cnazu] {
    padding-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #e5ebf2;
}

.counter-row span[b-9orj8cnazu],
.identity-grid span[b-9orj8cnazu],
.already-card span[b-9orj8cnazu],
.last-card > span[b-9orj8cnazu] {
    display: block;
    color: #718198;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.counter-row strong[b-9orj8cnazu] {
    color: #2f6fed;
    font-size: 22px;
    letter-spacing: -0.025em;
}

.identity-grid[b-9orj8cnazu] {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 14px;
}

.identity-grid > div[b-9orj8cnazu] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.identity-grid strong[b-9orj8cnazu] {
    overflow: hidden;
    color: #17304f;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-name[b-9orj8cnazu] {
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #e5ebf2;
    color: #10233f;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.palette-code[b-9orj8cnazu] {
    width: fit-content;
    margin-top: 13px;
    padding: 8px 11px;
    border-radius: 10px;
    background: #eef4ff;
    color: #2f6fed;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.already-card[b-9orj8cnazu] {
    display: grid;
    gap: 6px;
}

.already-card strong[b-9orj8cnazu] {
    color: #10233f;
    font-size: 24px;
    letter-spacing: -0.02em;
}

.last-card > div[b-9orj8cnazu] {
    margin-top: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.last-card > div strong:first-child[b-9orj8cnazu] {
    color: #2f6fed;
}

.last-card > div strong:last-child[b-9orj8cnazu] {
    color: #10233f;
}

.last-card small[b-9orj8cnazu] {
    margin-top: 5px;
    display: block;
    color: #71849a;
    font-size: 11px;
    font-weight: 700;
}

.back-link:focus-visible[b-9orj8cnazu],
.primary-button:focus-visible[b-9orj8cnazu] {
    outline: 3px solid rgba(47, 111, 237, 0.22);
    outline-offset: 3px;
}

@media (max-width: 380px) {
    .rangement-page[b-9orj8cnazu] {
        padding-inline: 15px;
    }

    .scan-card[b-9orj8cnazu],
    .commande-card[b-9orj8cnazu],
    .position-card[b-9orj8cnazu],
    .already-card[b-9orj8cnazu],
    .last-card[b-9orj8cnazu] {
        padding: 15px;
    }
}
/* /Components/Pages/Reception.razor.rz.scp.css */
.reception-page[b-rdoiexih0u] {
    padding: 22px 20px 34px;
}

.back-link[b-rdoiexih0u] {
    width: fit-content;
    min-height: 38px;
    margin-bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #60748d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    -webkit-tap-highlight-color: transparent;
}

.back-link svg[b-rdoiexih0u] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.reception-heading[b-rdoiexih0u] {
    margin-bottom: 26px;
}

.eyebrow[b-rdoiexih0u] {
    display: block;
    margin-bottom: 5px;
    color: #6f7f94;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

h1[b-rdoiexih0u] {
    margin: 0;
    color: #10233f;
    font-size: clamp(30px, 8vw, 38px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.reception-actions[b-rdoiexih0u] {
    display: grid;
    gap: 14px;
}

.reception-choice[b-rdoiexih0u] {
    min-height: 104px;
    padding: 18px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 15px;
    border: 1px solid #dce5f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.reception-choice-primary[b-rdoiexih0u] {
    border-color: #d6e4fb;
    background:
        linear-gradient(145deg, #ffffff 0%, #f6f9ff 100%);
}

.choice-icon[b-rdoiexih0u] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe8fb;
    border-radius: 15px;
    background: #edf4ff;
    color: #2f6fed;
}

.reception-choice-primary .choice-icon[b-rdoiexih0u] {
    border: 0;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    box-shadow: 0 9px 22px rgba(47, 111, 237, 0.24);
    color: #ffffff;
}

.choice-icon svg[b-rdoiexih0u] {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.choice-copy strong[b-rdoiexih0u] {
    color: #10233f;
    font-size: 18px;
    letter-spacing: -0.015em;
}

.choice-arrow[b-rdoiexih0u] {
    color: #7f91a8;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
}

.reception-choice:focus-visible[b-rdoiexih0u],
.back-link:focus-visible[b-rdoiexih0u] {
    outline: 3px solid rgba(47, 111, 237, 0.22);
    outline-offset: 3px;
}

.reception-choice:active[b-rdoiexih0u],
.back-link:active[b-rdoiexih0u] {
    transform: translateY(1px);
}

@media (max-width: 380px) {
    .reception-page[b-rdoiexih0u] {
        padding-inline: 15px;
    }

    .reception-choice[b-rdoiexih0u] {
        min-height: 96px;
        padding: 15px;
    }
}
/* /Components/Pages/ReceptionCommande.razor.rz.scp.css */
.commande-reception-page[b-oijh6wy77o] {
    padding: 22px 20px 38px;
}

.back-link[b-oijh6wy77o] {
    width: fit-content;
    min-height: 38px;
    margin-bottom: 22px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #60748d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    -webkit-tap-highlight-color: transparent;
}

.back-link svg[b-oijh6wy77o] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading[b-oijh6wy77o] {
    margin-bottom: 18px;
}

.eyebrow[b-oijh6wy77o],
.identity-top span:first-child[b-oijh6wy77o],
.physical-card > span[b-oijh6wy77o],
.section-heading > span[b-oijh6wy77o] {
    display: block;
    color: #6f7f94;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.15em;
}

.eyebrow[b-oijh6wy77o] {
    margin-bottom: 5px;
}

h1[b-oijh6wy77o] {
    margin: 0;
    color: #10233f;
    font-size: clamp(29px, 7.6vw, 37px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.identity-card[b-oijh6wy77o],
.metric-card[b-oijh6wy77o],
.physical-card[b-oijh6wy77o],
.loading-card[b-oijh6wy77o],
.message[b-oijh6wy77o],
.work-card[b-oijh6wy77o],
.last-scans[b-oijh6wy77o] {
    border: 1px solid #dce5f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
}

.identity-card[b-oijh6wy77o] {
    padding: 18px;
}

.identity-top[b-oijh6wy77o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.identity-top div[b-oijh6wy77o] {
    min-width: 0;
}

.identity-top strong[b-oijh6wy77o] {
    margin-top: 5px;
    display: block;
    overflow: hidden;
    color: #17304f;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-pill[b-oijh6wy77o] {
    flex: 0 0 auto;
    padding: 6px 9px;
    border-radius: 999px;
    background: #edf4ff;
    color: #2f6fed;
    font-size: 10px;
    font-weight: 850;
}

.client-name[b-oijh6wy77o] {
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid #e7edf4;
    color: #10233f;
    font-size: 21px;
    font-weight: 850;
    letter-spacing: -0.025em;
}

.metric-grid[b-oijh6wy77o] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.metric-card[b-oijh6wy77o] {
    padding: 15px;
}

.metric-card span[b-oijh6wy77o] {
    display: block;
    color: #71849a;
    font-size: 10px;
    font-weight: 800;
}

.metric-card strong[b-oijh6wy77o] {
    margin-top: 6px;
    display: block;
    color: #10233f;
    font-size: 25px;
}

.message[b-oijh6wy77o] {
    margin-top: 12px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 800;
}

.message-error[b-oijh6wy77o] {
    border-color: #efc8c8;
    background: #fff4f4;
    color: #9c3030;
}

.message-success[b-oijh6wy77o] {
    border-color: #cce7d9;
    background: #f1fbf6;
    color: #26704d;
}

.work-card[b-oijh6wy77o],
.last-scans[b-oijh6wy77o] {
    margin-top: 12px;
    padding: 17px;
}

.section-heading[b-oijh6wy77o] {
    margin-bottom: 14px;
    display: grid;
    gap: 4px;
}

.section-heading strong[b-oijh6wy77o] {
    color: #10233f;
    font-size: 16px;
}

.active-palette[b-oijh6wy77o] {
    margin-bottom: 14px;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 14px;
    background: #edf4ff;
}

.active-palette span[b-oijh6wy77o] {
    color: #6781a2;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.active-palette strong[b-oijh6wy77o] {
    color: #2f6fed;
    font-size: 19px;
    letter-spacing: 0.02em;
}

.field[b-oijh6wy77o] {
    display: grid;
    gap: 7px;
}

.field + .field[b-oijh6wy77o] {
    margin-top: 14px;
}

.field > span[b-oijh6wy77o] {
    color: #31465f;
    font-size: 12px;
    font-weight: 800;
}

.field input[b-oijh6wy77o] {
    width: 100%;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid #ced9e7;
    border-radius: 13px;
    outline: none;
    background: #fbfcfe;
    color: #10233f;
    font: inherit;
    font-size: 16px;
}

.field input:focus[b-oijh6wy77o] {
    border-color: #6b99ed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.12);
}

.primary-button[b-oijh6wy77o],
.secondary-button[b-oijh6wy77o],
.finish-button[b-oijh6wy77o] {
    min-height: 50px;
    border: 0;
    border-radius: 14px;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.primary-button[b-oijh6wy77o] {
    width: 100%;
    margin-top: 14px;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    box-shadow: 0 10px 24px rgba(47, 111, 237, 0.22);
    color: #ffffff;
}

.secondary-button[b-oijh6wy77o] {
    width: 100%;
    border: 1px solid #d5e1f1;
    background: #edf4ff;
    color: #2f6fed;
}

.compact-button[b-oijh6wy77o] {
    margin-top: 0;
}

.button-row[b-oijh6wy77o] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 10px;
}

button:disabled[b-oijh6wy77o],
input:disabled[b-oijh6wy77o] {
    opacity: 0.58;
    cursor: default;
}

.scan-list[b-oijh6wy77o] {
    display: grid;
    gap: 8px;
}

.scan-row[b-oijh6wy77o] {
    padding: 11px 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #e2e9f1;
    border-radius: 13px;
    background: #fbfcfe;
}

.scan-row > div[b-oijh6wy77o] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.scan-row strong[b-oijh6wy77o],
.scan-row span[b-oijh6wy77o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scan-row strong[b-oijh6wy77o] {
    color: #17304f;
    font-size: 13px;
}

.scan-row span[b-oijh6wy77o] {
    color: #708299;
    font-size: 11px;
    font-weight: 700;
}

.scan-row small[b-oijh6wy77o] {
    color: #2f6fed;
    font-size: 10px;
    font-weight: 850;
}

.finish-button[b-oijh6wy77o] {
    width: 100%;
    margin-top: 15px;
    border: 1px solid #c9d7e9;
    background: #10233f;
    color: #ffffff;
}

.physical-card[b-oijh6wy77o] {
    margin-top: 12px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.physical-card strong[b-oijh6wy77o] {
    color: #8a5b24;
    font-size: 13px;
}

.physical-card strong.physical-ok[b-oijh6wy77o] {
    color: #24724d;
}

.loading-card[b-oijh6wy77o] {
    padding: 16px;
    color: #60748d;
    font-size: 13px;
    font-weight: 750;
}

.back-link:focus-visible[b-oijh6wy77o],
button:focus-visible[b-oijh6wy77o] {
    outline: 3px solid rgba(47, 111, 237, 0.22);
    outline-offset: 3px;
}

@media (max-width: 420px) {
    .button-row[b-oijh6wy77o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 380px) {
    .commande-reception-page[b-oijh6wy77o] {
        padding-inline: 15px;
    }

    .identity-card[b-oijh6wy77o],
    .work-card[b-oijh6wy77o],
    .last-scans[b-oijh6wy77o] {
        padding: 15px;
    }
}


.message-warning[b-oijh6wy77o] {
    border-color: #f1ddae;
    background: #fff9e9;
    color: #7b5a16;
}
/* /Components/Pages/ReceptionNouvelle.razor.rz.scp.css */
.reception-form-page[b-gqje4s861p] {
    padding: 22px 20px 36px;
}

.back-link[b-gqje4s861p] {
    width: fit-content;
    min-height: 38px;
    margin-bottom: 22px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #60748d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    -webkit-tap-highlight-color: transparent;
}

.back-link svg[b-gqje4s861p] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading[b-gqje4s861p] {
    margin-bottom: 22px;
}

.eyebrow[b-gqje4s861p] {
    display: block;
    margin-bottom: 5px;
    color: #6f7f94;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

h1[b-gqje4s861p] {
    margin: 0;
    color: #10233f;
    font-size: clamp(29px, 7.6vw, 37px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.form-card[b-gqje4s861p],
.existing-block[b-gqje4s861p] {
    padding: 18px;
    border: 1px solid #dce5f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
}

.form-card[b-gqje4s861p] {
    display: grid;
    gap: 16px;
}

.field[b-gqje4s861p] {
    display: grid;
    gap: 7px;
}

.field > span[b-gqje4s861p] {
    color: #31465f;
    font-size: 12px;
    font-weight: 800;
}

.field input[b-gqje4s861p],
.field select[b-gqje4s861p] {
    width: 100%;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid #ced9e7;
    border-radius: 13px;
    outline: none;
    background: #fbfcfe;
    color: #10233f;
    font: inherit;
    font-size: 16px;
}

.field input:focus[b-gqje4s861p],
.field select:focus[b-gqje4s861p] {
    border-color: #6b99ed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.12);
}

.name-grid[b-gqje4s861p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.primary-button[b-gqje4s861p],
.secondary-button[b-gqje4s861p],
.ghost-button[b-gqje4s861p] {
    border: 0;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.primary-button[b-gqje4s861p] {
    min-height: 52px;
    margin-top: 3px;
    border-radius: 14px;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    box-shadow: 0 10px 24px rgba(47, 111, 237, 0.22);
    color: #ffffff;
    font-size: 15px;
}

.secondary-button[b-gqje4s861p] {
    min-height: 42px;
    padding: 0 15px;
    border-radius: 12px;
    background: #edf4ff;
    color: #2f6fed;
    font-size: 13px;
}

.ghost-button[b-gqje4s861p] {
    min-height: 46px;
    width: 100%;
    margin-top: 14px;
    border: 1px solid #d5dfeb;
    border-radius: 13px;
    background: #ffffff;
    color: #526880;
    font-size: 13px;
}

button:disabled[b-gqje4s861p],
select:disabled[b-gqje4s861p],
input:disabled[b-gqje4s861p] {
    opacity: 0.58;
    cursor: default;
}

.message[b-gqje4s861p] {
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 750;
}

.message-error[b-gqje4s861p] {
    border: 1px solid #f0c8c8;
    background: #fff4f4;
    color: #9c3030;
}

.existing-block[b-gqje4s861p] {
    margin-top: 16px;
}

.existing-block-strong[b-gqje4s861p] {
    border-color: #d6e4fb;
    background: linear-gradient(145deg, #ffffff 0%, #f8faff 100%);
}

.existing-title[b-gqje4s861p] {
    margin-bottom: 13px;
    display: grid;
    gap: 4px;
}

.existing-title span[b-gqje4s861p] {
    color: #6f7f94;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.15em;
}

.existing-title strong[b-gqje4s861p] {
    color: #10233f;
    font-size: 16px;
}

.existing-list[b-gqje4s861p] {
    display: grid;
    gap: 9px;
}

.existing-card[b-gqje4s861p] {
    padding: 13px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #e0e7ef;
    border-radius: 14px;
    background: #fbfcfe;
}

.existing-main[b-gqje4s861p] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.existing-main strong[b-gqje4s861p],
.existing-main small[b-gqje4s861p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.existing-main strong[b-gqje4s861p] {
    color: #17304f;
    font-size: 14px;
}

.existing-main small[b-gqje4s861p] {
    color: #73849a;
    font-size: 11px;
}

.existing-cm[b-gqje4s861p] {
    color: #2f6fed;
    font-size: 12px;
    font-weight: 850;
}

.back-link:focus-visible[b-gqje4s861p],
button:focus-visible[b-gqje4s861p] {
    outline: 3px solid rgba(47, 111, 237, 0.22);
    outline-offset: 3px;
}

@media (max-width: 430px) {
    .name-grid[b-gqje4s861p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 380px) {
    .reception-form-page[b-gqje4s861p] {
        padding-inline: 15px;
    }

    .form-card[b-gqje4s861p],
    .existing-block[b-gqje4s861p] {
        padding: 15px;
    }
}
/* /Components/Pages/ReceptionRecherche.razor.rz.scp.css */
.recherche-page[b-ol9gnwp5h8] {
    padding: 22px 20px 36px;
}

.back-link[b-ol9gnwp5h8] {
    width: fit-content;
    min-height: 38px;
    margin-bottom: 22px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #60748d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    -webkit-tap-highlight-color: transparent;
}

.back-link svg[b-ol9gnwp5h8] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading[b-ol9gnwp5h8] {
    margin-bottom: 22px;
}

.eyebrow[b-ol9gnwp5h8] {
    display: block;
    margin-bottom: 5px;
    color: #6f7f94;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

h1[b-ol9gnwp5h8] {
    margin: 0;
    color: #10233f;
    font-size: clamp(29px, 7.6vw, 37px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.search-card[b-ol9gnwp5h8],
.result-card[b-ol9gnwp5h8] {
    padding: 18px;
    border: 1px solid #dce5f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 38, 66, 0.07);
}

.search-card[b-ol9gnwp5h8] {
    display: grid;
    gap: 16px;
}

.field[b-ol9gnwp5h8] {
    display: grid;
    gap: 7px;
}

.field > span[b-ol9gnwp5h8] {
    color: #31465f;
    font-size: 12px;
    font-weight: 800;
}

.field input[b-ol9gnwp5h8],
.field select[b-ol9gnwp5h8] {
    width: 100%;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid #ced9e7;
    border-radius: 13px;
    outline: none;
    background: #fbfcfe;
    color: #10233f;
    font: inherit;
    font-size: 16px;
}

.field input:focus[b-ol9gnwp5h8],
.field select:focus[b-ol9gnwp5h8] {
    border-color: #6b99ed;
    box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.12);
}

.primary-button[b-ol9gnwp5h8] {
    min-height: 52px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(145deg, #4a88ff 0%, #2f6fed 100%);
    box-shadow: 0 10px 24px rgba(47, 111, 237, 0.22);
    color: #ffffff;
    font: inherit;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.primary-button:disabled[b-ol9gnwp5h8] {
    opacity: 0.58;
    cursor: default;
}

.message[b-ol9gnwp5h8] {
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 750;
}

.message-error[b-ol9gnwp5h8] {
    border: 1px solid #f0c8c8;
    background: #fff4f4;
    color: #9c3030;
}

.message-empty[b-ol9gnwp5h8] {
    border: 1px solid #dce5f0;
    background: #f8fafc;
    color: #60748d;
}

.result-card[b-ol9gnwp5h8] {
    margin-top: 16px;
}

.result-top[b-ol9gnwp5h8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.result-cm[b-ol9gnwp5h8] {
    color: #2f6fed;
    font-size: 14px;
    font-weight: 900;
}

.status-pill[b-ol9gnwp5h8] {
    padding: 6px 9px;
    border-radius: 999px;
    background: #edf4ff;
    color: #2f6fed;
    font-size: 10px;
    font-weight: 850;
}

.result-client[b-ol9gnwp5h8] {
    margin-top: 17px;
    color: #10233f;
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -0.025em;
}

.result-do[b-ol9gnwp5h8] {
    margin-top: 4px;
    color: #687b92;
    font-size: 13px;
    font-weight: 750;
}

.result-meta[b-ol9gnwp5h8] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e6ebf2;
    color: #71849a;
    font-size: 11px;
    font-weight: 700;
}

.result-open[b-ol9gnwp5h8] {
    width: 100%;
    margin-top: 17px;
}

.back-link:focus-visible[b-ol9gnwp5h8],
button:focus-visible[b-ol9gnwp5h8] {
    outline: 3px solid rgba(47, 111, 237, 0.22);
    outline-offset: 3px;
}

@media (max-width: 380px) {
    .recherche-page[b-ol9gnwp5h8] {
        padding-inline: 15px;
    }

    .search-card[b-ol9gnwp5h8],
    .result-card[b-ol9gnwp5h8] {
        padding: 15px;
    }
}