.elia-info-label {
        display: inline-flex;
        align-items: center;
        min-width: 0;
        max-width: 100%;
    }

    .elia-info-label__text {
        min-width: 0;
    }

    .elia-info-tooltip-label-row {
        display: inline-flex;
        align-items: center;
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .elia-customer-personal-section-heading {
        line-height: 1.25rem;
    }

    .elia-copyable-contact {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        min-width: 0;
        max-width: 100%;
        flex-shrink: 1;
        padding: 0.125rem 0.375rem;
        border-radius: 0.375rem;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        line-height: 1.25rem;
        cursor: pointer;
        transition: background-color 150ms ease, color 150ms ease;
    }

    .elia-copyable-contact:hover,
    .elia-copyable-contact:focus-visible {
        background-color: color-mix(in oklab, var(--primary-500) 12%, transparent);
        outline: none;
    }

    .elia-copyable-contact__icon {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
        opacity: 0.8;
    }

    .elia-copyable-contact__text {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.875rem;
        font-weight: 500;
    }

    .fi-tabs-item.elia-relation-tab-icon-only .fi-tabs-item-label {
        display: none;
    }

    .fi-tabs-item.elia-relation-tab-icon-only {
        justify-content: center;
        min-width: 2.75rem;
        padding-inline: 0.75rem;
    }

    .fi-tabs-item.elia-relation-tab-icon-only > svg,
    .fi-tabs-item.elia-relation-tab-icon-only .fi-icon {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .fi-section-header-heading:has(.elia-customer-personal-section-heading),
    .fi-section-header-heading:has(.elia-info-tooltip-label-row),
    .fi-section-header-heading:has(.elia-info-label) {
        display: block;
        width: 100%;
    }

    .fi-section-header-text-ctn:has(.elia-info-tooltip-label-row),
    .fi-section-header-text-ctn:has(.elia-info-label),
    .fi-section-header-text-ctn:has(.elia-customer-personal-section-heading) {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }

    .fi-total-invoice-total-with-tip .fi-input-wrp .elia-info-label__text,
    .fi-total-invoice-total-with-tip .fi-input-wrp.fi-disabled .fi-input-wrp-label,
    .fi-total-invoice-total-with-tip .fi-input-wrp.fi-disabled .elia-info-label__text {
        color: var(--custom-500) !important;
        opacity: 1 !important;
        -webkit-text-fill-color: var(--custom-500) !important;
    }

    .fi-total-invoice-total-with-tip .fi-fo-field-label-col {
        width: 100%;
        min-width: 0;
    }

    .fi-total-invoice-total-with-tip .fi-fo-field-label-ctn {
        display: flex;
        width: 100%;
        min-width: 0;
        align-items: center;
    }

    .fi-total-invoice-total-with-tip .fi-fo-field-label {
        flex: 0 1 auto;
        min-width: 0;
        width: auto;
    }

    .elia-info-tooltip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        vertical-align: middle;
        line-height: 0;
        color: rgba(var(--theme-custom-600-rgb, var(--primary-600-rgb, 37 99 235)), 1);
        cursor: help;
    }

    .elia-info-tooltip--spaced {
        margin-inline-start: 0.5rem;
    }

    html.dark .elia-info-tooltip {
        color: rgba(var(--theme-custom-400-rgb, var(--primary-400-rgb, 96 165 250)), 1);
    }

    html:not(.dark) .elia-collapsible-description-section .fi-section,
    html:not(.dark) .elia-collapsible-description-section .fi-section-header,
    html:not(.dark) .elia-collapsible-description-section .fi-section-content,
    html:not(.dark) .elia-theme-collapsible-bg .fi-section,
    html:not(.dark) .elia-theme-collapsible-bg .fi-section-header,
    html:not(.dark) .elia-theme-collapsible-bg .fi-section-content,
    html:not(.dark) .elia-statistic-collapsible-section .fi-section,
    html:not(.dark) .elia-statistic-collapsible-section .fi-section-header,
    html:not(.dark) .elia-statistic-collapsible-section .fi-section-content {
        background-color: rgb(var(--theme-collapsible-bg-light-rgb, var(--theme-secondary-200-rgb, var(--secondary-200-rgb, 233 213 255)))) !important;
    }

    .dark .elia-collapsible-description-section .fi-section,
    .dark .elia-collapsible-description-section .fi-section-header,
    .dark .elia-collapsible-description-section .fi-section-content,
    .dark .elia-theme-collapsible-bg .fi-section,
    .dark .elia-theme-collapsible-bg .fi-section-header,
    .dark .elia-theme-collapsible-bg .fi-section-content,
    .dark .elia-statistic-collapsible-section .fi-section,
    .dark .elia-statistic-collapsible-section .fi-section-header,
    .dark .elia-statistic-collapsible-section .fi-section-content {
        background-color: rgba(
            var(--theme-collapsible-bg-dark-rgb, var(--theme-secondary-200-rgb, var(--secondary-200-rgb, 233 213 255))),
            var(--theme-collapsible-bg-dark-opacity, 0.35)
        ) !important;
    }

    html:not(.dark) .elia-collapsible-description-section .elia-info-label__text,
    html:not(.dark) .elia-collapsible-description-section .fi-section-header-heading,
    html:not(.dark) .elia-collapsible-description-section .fi-section-header-description,
    html:not(.dark) .elia-theme-collapsible-bg .elia-info-label__text,
    html:not(.dark) .elia-theme-collapsible-bg .fi-section-header-heading,
    html:not(.dark) .elia-theme-collapsible-bg .fi-section-header-description,
    html:not(.dark) .elia-statistic-collapsible-section .elia-info-label__text,
    html:not(.dark) .elia-statistic-collapsible-section .fi-section-header-heading,
    html:not(.dark) .elia-statistic-collapsible-section .fi-section-header-description {
        color: var(--theme-collapsible-title-light, var(--theme-secondary-500, var(--secondary-500))) !important;
    }

    .dark .elia-collapsible-description-section .elia-info-label__text,
    .dark .elia-collapsible-description-section .fi-section-header-heading,
    .dark .elia-collapsible-description-section .fi-section-header-description,
    .dark .elia-theme-collapsible-bg .elia-info-label__text,
    .dark .elia-theme-collapsible-bg .fi-section-header-heading,
    .dark .elia-theme-collapsible-bg .fi-section-header-description,
    .dark .elia-statistic-collapsible-section .elia-info-label__text,
    .dark .elia-statistic-collapsible-section .fi-section-header-heading,
    .dark .elia-statistic-collapsible-section .fi-section-header-description {
        color: var(--theme-collapsible-title-dark, var(--theme-secondary-300, var(--secondary-300))) !important;
    }

    html:not(.dark) .elia-collapsible-description-section .elia-info-tooltip,
    html:not(.dark) .elia-theme-collapsible-bg .elia-info-tooltip,
    html:not(.dark) .elia-statistic-collapsible-section .elia-info-tooltip {
        color: var(--theme-collapsible-info-icon-light, var(--theme-secondary-500, var(--secondary-500))) !important;
    }

    .dark .elia-collapsible-description-section .elia-info-tooltip,
    .dark .elia-theme-collapsible-bg .elia-info-tooltip,
    .dark .elia-statistic-collapsible-section .elia-info-tooltip {
        color: var(--theme-collapsible-info-icon-dark, var(--theme-secondary-300, var(--secondary-300))) !important;
    }

    html:not(.dark) .elia-collapsible-description-section :is(.fi-btn.elia-description-preview-action, .elia-description-preview-action .fi-btn) {
        background-color: rgb(var(--theme-collapsible-preview-button-light-rgb, var(--theme-secondary-500-rgb, var(--secondary-500-rgb, 168 85 247)))) !important;
        border-color: rgb(var(--theme-collapsible-preview-button-light-rgb, var(--theme-secondary-500-rgb, var(--secondary-500-rgb, 168 85 247)))) !important;
        color: var(--theme-collapsible-preview-button-text-light, #ffffff) !important;
    }

    .dark .elia-collapsible-description-section :is(.fi-btn.elia-description-preview-action, .elia-description-preview-action .fi-btn) {
        background-color: transparent !important;
        border-style: solid !important;
        border-width: calc(var(--theme-collapsible-preview-button-outlined-dark, 1) * 1px) !important;
        border-color: var(--theme-collapsible-preview-button-dark, var(--theme-secondary-300, var(--secondary-300))) !important;
        color: var(--theme-collapsible-preview-button-dark, var(--theme-secondary-300, var(--secondary-300))) !important;
    }

    .elia-info-tooltip--sm .elia-info-tooltip__icon {
        width: 1rem;
        height: 1rem;
    }

    .elia-info-tooltip--md .elia-info-tooltip__icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .elia-info-tooltip--lg .elia-info-tooltip__icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .elia-info-tooltip--xl .elia-info-tooltip__icon {
        width: 1.75rem;
        height: 1.75rem;
    }

    .elia-info-tooltip--tone-info {
        color: rgb(var(--info-600-rgb, 2 132 199));
    }

    html.dark .elia-info-tooltip--tone-info {
        color: rgb(var(--info-400-rgb, 56 189 248));
    }

    .elia-bilingual-description-preview {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 1.5rem;
        width: 100%;
    }

    .elia-bilingual-description-preview__column {
        min-width: 0;
    }

    .elia-bilingual-description-preview__title {
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: rgb(3 7 18);
    }

    html.dark .elia-bilingual-description-preview__title {
        color: rgb(255 255 255);
    }

    .elia-bilingual-description-preview__content {
        min-height: 12rem;
        max-height: 70vh;
        overflow: auto;
        border-radius: 0.5rem;
        padding: 1rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .elia-bilingual-description-preview__content--filled {
        border: 1px solid rgb(229 231 235);
        background: rgb(255 255 255);
    }

    html.dark .elia-bilingual-description-preview__content--filled {
        border-color: rgb(55 65 81);
        background: rgb(17 24 39);
    }

    .elia-bilingual-description-preview__content--empty {
        border: 1px dashed rgb(209 213 219);
        background: rgb(249 250 251);
    }

    html.dark .elia-bilingual-description-preview__content--empty {
        border-color: rgb(75 85 99);
        background: rgb(3 7 18);
    }

    .elia-bilingual-description-preview__empty {
        font-size: 0.875rem;
        font-style: italic;
        color: rgb(107 114 128);
    }

    html.dark .elia-bilingual-description-preview__empty {
        color: rgb(156 163 175);
    }

    .elia-bilingual-description-preview__content :where(p, ul, ol, h1, h2, h3, h4, blockquote) {
        margin-top: 0;
        margin-bottom: 0.75rem;
    }

    .elia-bilingual-description-preview__content :where(p, ul, ol, h1, h2, h3, h4, blockquote):last-child {
        margin-bottom: 0;
    }

    .elia-statistic-widgets-shell {
        position: relative;
        isolation: isolate;
        width: 100%;
        min-height: 12rem;
    }

    .elia-statistic-widgets-loading-overlay {
        pointer-events: none;
        position: absolute;
        inset: 0;
        z-index: 50;
        align-items: center;
        justify-content: center;
        border-radius: 0.75rem;
        background: color-mix(in oklab, var(--secondary-100) 88%, transparent);
    }

    .dark .elia-statistic-widgets-loading-overlay {
        background: color-mix(in oklab, var(--secondary-700) 45%, transparent);
    }

    .elia-statistic-widgets-loading-overlay--lazy {
        display: flex;
    }

    .elia-statistic-widgets-loading-overlay--wire {
        display: none;
    }

    .elia-statistic-widgets-spinner {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 9999px;
        border: 3px solid color-mix(in oklab, var(--primary-400) 35%, transparent);
        border-top-color: var(--primary-500);
        animation: elia-statistic-spin 0.75s linear infinite;
    }

    @keyframes elia-statistic-spin {
        to {
            transform: rotate(360deg);
        }
    }

.elia-period-tabs-desktop,
    .elia-online-order-period-tabs-desktop,
    .elia-invoice-status-tabs-desktop,
    .elia-appointment-status-tabs-desktop {
        display: none;
    }

    .elia-period-tabs-mobile,
    .elia-online-order-period-tabs-mobile,
    .elia-invoice-status-tabs-mobile,
    .elia-appointment-status-tabs-mobile {
        display: block;
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding: 0 1rem 0.75rem;
        box-sizing: border-box;
    }

    .elia-period-tabs-mobile .fi-ac.fi-width-full,
    .elia-online-order-period-tabs-mobile .fi-ac.fi-width-full,
    .elia-invoice-status-tabs-mobile .fi-ac.fi-width-full,
    .elia-appointment-status-tabs-mobile .fi-ac.fi-width-full {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 0.5rem !important;
        justify-content: center !important;
    }

    .elia-period-tabs-mobile .elia-list-tabs-active-tab,
    .elia-period-tabs-mobile .elia-delivery-period-active-tab,
    .elia-online-order-period-tabs-mobile .elia-list-tabs-active-tab,
    .elia-online-order-period-tabs-mobile .elia-delivery-period-active-tab,
    .elia-invoice-status-tabs-mobile .elia-list-tabs-active-tab,
    .elia-appointment-status-tabs-mobile .elia-list-tabs-active-tab {
        flex: 1 1 0% !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .elia-period-tabs-mobile .elia-list-tabs-active-tab.fi-btn,
    .elia-period-tabs-mobile .elia-delivery-period-active-tab.fi-btn,
    .elia-online-order-period-tabs-mobile .elia-list-tabs-active-tab.fi-btn,
    .elia-online-order-period-tabs-mobile .elia-delivery-period-active-tab.fi-btn,
    .elia-invoice-status-tabs-mobile .elia-list-tabs-active-tab.fi-btn,
    .elia-appointment-status-tabs-mobile .elia-list-tabs-active-tab.fi-btn {
        border-radius: 0 !important;
        min-height: 2rem;
        padding: 0.375rem 0.625rem !important;
        font-size: 0.8125rem;
        line-height: 1.25rem;
        width: 100% !important;
        justify-content: center !important;
        font-weight: var(--neo-font-weight-bold, 600);
        color: white !important;
        background-color: var(--primary-600) !important;
        background-image: none !important;
        border: var(--neo-border-width, 2px) solid var(--primary-700, var(--primary-600)) !important;
        box-shadow: var(--neo-shadow-offset-md, 2px 2px 0) 0 var(--primary-700, var(--primary-600)) !important;
        opacity: 1 !important;
    }

    .elia-period-tabs-mobile .elia-list-tabs-active-tab.fi-btn .fi-btn-label,
    .elia-period-tabs-mobile .elia-delivery-period-active-tab.fi-btn .fi-btn-label,
    .elia-online-order-period-tabs-mobile .elia-list-tabs-active-tab.fi-btn .fi-btn-label,
    .elia-online-order-period-tabs-mobile .elia-delivery-period-active-tab.fi-btn .fi-btn-label,
    .elia-invoice-status-tabs-mobile .elia-list-tabs-active-tab.fi-btn .fi-btn-label,
    .elia-appointment-status-tabs-mobile .elia-list-tabs-active-tab.fi-btn .fi-btn-label {
        color: inherit !important;
    }

    .dark .elia-period-tabs-mobile .elia-list-tabs-active-tab.fi-btn,
    .dark .elia-period-tabs-mobile .elia-delivery-period-active-tab.fi-btn,
    .dark .elia-online-order-period-tabs-mobile .elia-list-tabs-active-tab.fi-btn,
    .dark .elia-online-order-period-tabs-mobile .elia-delivery-period-active-tab.fi-btn,
    .dark .elia-invoice-status-tabs-mobile .elia-list-tabs-active-tab.fi-btn,
    .dark .elia-appointment-status-tabs-mobile .elia-list-tabs-active-tab.fi-btn {
        background-color: var(--primary-500) !important;
        border-color: var(--primary-400, var(--primary-500)) !important;
        box-shadow: var(--neo-shadow-offset-md, 2px 2px 0) 0 var(--primary-400, var(--primary-500)) !important;
    }

    .elia-period-tabs-mobile .elia-list-tabs-mobile-menu,
    .elia-period-tabs-mobile .elia-delivery-period-mobile-menu,
    .elia-online-order-period-tabs-mobile .elia-list-tabs-mobile-menu,
    .elia-online-order-period-tabs-mobile .elia-delivery-period-mobile-menu,
    .elia-invoice-status-tabs-mobile .elia-list-tabs-mobile-menu,
    .elia-appointment-status-tabs-mobile .elia-list-tabs-mobile-menu {
        flex: 0 0 auto !important;
    }

    .elia-period-tabs-mobile .elia-list-tabs-mobile-menu > .fi-btn,
    .elia-period-tabs-mobile .elia-delivery-period-mobile-menu > .fi-btn,
    .elia-online-order-period-tabs-mobile .elia-list-tabs-mobile-menu > .fi-btn,
    .elia-online-order-period-tabs-mobile .elia-delivery-period-mobile-menu > .fi-btn,
    .elia-invoice-status-tabs-mobile .elia-list-tabs-mobile-menu > .fi-btn,
    .elia-appointment-status-tabs-mobile .elia-list-tabs-mobile-menu > .fi-btn {
        min-height: 2rem;
        min-width: 2rem;
        border-radius: 0 !important;
        padding-inline: 0.5rem !important;
    }

    @media (min-width: 768px) {
        .elia-period-tabs-desktop,
        .elia-online-order-period-tabs-desktop,
        .elia-invoice-status-tabs-desktop,
        .elia-appointment-status-tabs-desktop {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .elia-period-tabs-desktop .fi-tabs,
        .elia-online-order-period-tabs-desktop .fi-tabs,
        .elia-invoice-status-tabs-desktop .fi-tabs,
        .elia-appointment-status-tabs-desktop .fi-tabs {
            width: auto;
            max-width: 100%;
        }

        .elia-period-tabs-mobile,
        .elia-online-order-period-tabs-mobile,
        .elia-invoice-status-tabs-mobile,
        .elia-appointment-status-tabs-mobile {
            display: none !important;
        }
    }

/* Auth Designer charge son CSS après le thème Vite : styles finaux ici. */
    html.fi,
    body.fi-body.fi-panel-admin {
        height: 100%;
        margin: 0;
    }

    .fi-auth-layout.has-media.media-left,
    .fi-auth-layout.has-media.media-right {
        min-height: 100vh;
        height: 100vh;
        margin: 0;
        padding: 0 !important;
        overflow: hidden;
    }

    .fi-auth-layout .fi-auth-media-overlay {
        display: none !important;
        background: none !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
    }

    .fi-auth-layout.media-left .fi-auth-media-section,
    .fi-auth-layout.media-right .fi-auth-media-section {
        position: relative;
        flex: 0 0 var(--media-size, 50%) !important;
        width: var(--media-size, 50%) !important;
        max-width: var(--media-size, 50%) !important;
        min-height: 100vh;
        height: 100vh;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
        box-shadow: none !important;
        background-color: #2e1a47;
    }

    .fi-auth-layout .fi-auth-media-wrapper {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        box-shadow: none !important;
    }

    .fi-auth-layout .fi-auth-media {
        position: absolute;
        inset: 0;
        display: block;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        filter: none !important;
        box-shadow: none !important;
        /* Keep login LCP on the form button, not the hero media. */
        content-visibility: auto;
        contain-intrinsic-size: 960px 720px;
    }

    @media (min-width: 1024px) {
        .fi-auth-layout.has-media.media-left,
        .fi-auth-layout.has-media.media-right {
            display: flex !important;
            flex-direction: row !important;
        }

        .fi-auth-layout.media-left .fi-auth-media-section,
        .fi-auth-layout.media-right .fi-auth-media-section {
            flex: 0 0 50% !important;
            width: 50% !important;
            max-width: 50% !important;
        }
    }

    .fi-auth-layout .fi-simple-header .fi-logo,
    .fi-auth-layout .fi-simple-header .fi-logo img {
        height: 10rem !important;
        width: auto !important;
        max-height: none !important;
    }

    .fi-auth-layout .fi-simple-header-subheading {
        display: none !important;
    }

    .fi-auth-layout .eliaflow-auth-sign-in-btn.fi-btn {
        background-color: #625f88 !important;
        border-color: #625f88 !important;
        color: #fff !important;
    }

    .fi-auth-layout .eliaflow-auth-sign-in-btn.fi-btn:hover,
    .fi-auth-layout .eliaflow-auth-sign-in-btn.fi-btn:focus-visible {
        background-color: #4e4b72 !important;
        border-color: #4e4b72 !important;
        color: #fff !important;
    }

    .eliaflow-auth-website-link {
        margin-top: 1rem;
        text-align: center;
    }

    .eliaflow-auth-website-link a {
        font-size: 0.8125rem;
        color: var(--gray-500);
        text-decoration: none;
    }

    .eliaflow-auth-website-link a:hover {
        color: #625f88;
        text-decoration: underline;
    }