/* Eclosion+ pro flat theme - couleurs sobres et formes plus carrees */
:root {
    --pro-navy: #071f3a;
    --pro-navy-2: #0b2d52;
    --pro-emerald: #00875a;
    --pro-emerald-2: #0a9b6a;
    --pro-bg: #f5f7fa;
    --pro-surface: #ffffff;
    --pro-surface-2: #f8fafc;
    --pro-border: #d9e2ec;
    --pro-text: #102033;
    --pro-muted: #62748a;
    --pro-radius: 6px;
    --pro-radius-sm: 4px;
    --pro-shadow: 0 10px 24px rgba(7, 31, 58, 0.08);
    --pro-shadow-soft: 0 4px 14px rgba(7, 31, 58, 0.06);
}

/* Correction alignement + palette vert Excel professionnelle */
:root {
    --excel-green: #107c41;
    --excel-green-dark: #0b5f31;
    --excel-green-soft: #e8f3ed;
    --excel-green-line: #b9d8c7;
}

.nav-secondary .container-fluid > div:first-child {
    align-items: stretch !important;
    gap: 0.55rem !important;
}

.nav-secondary .hover-link,
.nav-secondary a.hover-link,
.nav-secondary .btn-rayons {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    padding: 0.45rem 0.8rem !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
}

.nav-secondary .hover-link:hover,
.nav-secondary a.hover-link:hover {
    background: var(--excel-green-soft) !important;
    border-color: var(--excel-green-line) !important;
    color: var(--excel-green-dark) !important;
}

.nav-secondary .btn-rayons {
    background: var(--excel-green) !important;
    border-color: var(--excel-green) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.nav-secondary .btn-rayons:hover {
    background: var(--excel-green-dark) !important;
    border-color: var(--excel-green-dark) !important;
}

.nav-secondary i {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 4px !important;
    font-size: 0.78rem !important;
}

.btn-success,
.btn-primary,
.btn-warning,
.search-form .btn,
.search-form .btn-warning,
.premium-chat-send,
.premium-fab,
.cart-link-header #cart-count,
.cart-link-header .badge,
.admin-notification-badge,
.mobile-menu-badge,
.js-admin-pending-badge {
    background: var(--excel-green) !important;
    border-color: var(--excel-green) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-success:hover,
.btn-primary:hover,
.btn-warning:hover,
.search-form .btn:hover,
.premium-chat-send:hover,
.premium-fab:hover {
    background: var(--excel-green-dark) !important;
    border-color: var(--excel-green-dark) !important;
}

.cart-link-header #cart-count,
.cart-link-header .badge {
    border-color: #fff !important;
}

.admin-area {
    --pro-admin-orange: var(--excel-green);
    --pro-admin-orange-dark: var(--excel-green-dark);
    --pro-admin-orange-soft: var(--excel-green-soft);
    --pro-admin-orange-shadow: rgba(16, 124, 65, 0.18);
    --pro-admin-blue: #0f2f4a;
    --pro-admin-blue-soft: #eef5f1;
    --pro-admin-border: #cbdcd4;
}

.admin-area .admin-workspace-nav,
.admin-area .admin-panel,
.admin-area .admin-card,
.admin-area .admin-page-head,
.admin-area .admin-page-head--software,
.admin-area .admin-command-card,
.admin-area .admin-metric-card,
.admin-area .admin-status-tile,
.admin-area .admin-feature-tile,
.admin-area .card,
.admin-area .modal-content,
.admin-area .form-control,
.admin-area .form-select,
.admin-area .btn,
.admin-area .admin-table-actions .btn,
.admin-area .admin-share-actions .share-btn {
    border-radius: 3px !important;
}

.admin-area .admin-workspace-links,
.admin-area .admin-workspace-tools {
    display: grid !important;
    gap: 0.35rem !important;
}

.admin-area .admin-workspace-links a,
.admin-area .admin-workspace-tools a {
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.65rem !important;
    padding: 0.35rem 0.55rem !important;
    border-radius: 3px !important;
    line-height: 1.1 !important;
    transform: none !important;
}

.admin-area .admin-workspace-links a span,
.admin-area .admin-workspace-tools a span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.admin-area .admin-workspace-links i,
.admin-area .admin-workspace-tools i,
.admin-area .admin-workspace-brand > span {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 3px !important;
}

.admin-area .admin-workspace-links a:hover,
.admin-area .admin-workspace-tools a:hover {
    background: var(--excel-green-soft) !important;
    border-color: var(--excel-green-line) !important;
    color: var(--excel-green-dark) !important;
}

.admin-area .admin-workspace-links a.active {
    background: var(--excel-green-dark) !important;
    border-color: var(--excel-green-dark) !important;
    color: #fff !important;
}

.admin-area .admin-workspace-links a.active i {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #fff !important;
}

.admin-area .admin-page-head,
.admin-area .admin-page-head--software,
.admin-area .admin-product-stat,
.admin-area .admin-share-panel,
.admin-area .admin-product-editor,
.admin-area .admin-product-form-intro,
.admin-area .admin-icon-preview,
.admin-area .erp-control-card {
    border-left-color: var(--excel-green) !important;
}

.admin-area .admin-products-table tbody tr:hover,
.admin-area .table-hover tbody tr:hover {
    background: #f3faf6 !important;
}

.admin-area .admin-stock-badge--low,
.admin-area .stock-category-row > span,
.admin-area .admin-icon-preview > span,
.admin-area .admin-products-card__tools span,
.admin-area .erp-control-card > span {
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
    border-color: var(--excel-green-line) !important;
}

.admin-area .admin-kicker,
.admin-area .admin-kicker i,
.admin-area .admin-image-missing,
.admin-area .admin-product-form-intro i {
    color: var(--excel-green-dark) !important;
}

.admin-area .btn-success,
.admin-area .btn-primary,
.admin-area .btn-warning,
.admin-area .admin-table-actions .btn-primary,
.admin-area .admin-table-actions .btn-success {
    background: var(--excel-green) !important;
    border-color: var(--excel-green) !important;
    color: #fff !important;
}

.admin-area .btn-success:hover,
.admin-area .btn-primary:hover,
.admin-area .btn-warning:hover,
.admin-area .admin-table-actions .btn-primary:hover,
.admin-area .admin-table-actions .btn-success:hover {
    background: var(--excel-green-dark) !important;
    border-color: var(--excel-green-dark) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .nav-secondary .container-fluid > div:first-child {
        gap: 0.4rem !important;
    }

    .nav-secondary .hover-link,
    .nav-secondary a.hover-link,
    .nav-secondary .btn-rayons {
        min-height: 36px !important;
        padding: 0.42rem 0.65rem !important;
    }
}

/* Final admin scroll lock: garde le logiciel stable sur desktop */
@media (min-width: 992px) {
    .admin-area {
        overflow: hidden !important;
    }

    .admin-area .admin-shell {
        height: calc(100dvh - 136px) !important;
        overflow: hidden !important;
        padding-bottom: 0 !important;
    }

    .admin-area .admin-shell > .row {
        height: 100% !important;
        min-height: 0 !important;
    }

    .admin-area .admin-shell > .row > [class*="col-md-3"],
    .admin-area .admin-shell > .row > [class*="col-lg-2"] {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .admin-area .admin-workspace-nav {
        position: sticky !important;
        top: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    .admin-area .admin-shell > .row > [class*="col-md-9"],
    .admin-area .admin-shell > .row > [class*="col-lg-10"] {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        padding-right: 0.85rem !important;
    }
}

/* Final admin scroll lock: garde le logiciel stable sur desktop */
@media (min-width: 992px) {
    .admin-area {
        overflow: hidden !important;
    }

    .admin-area .admin-shell {
        height: calc(100dvh - 136px) !important;
        overflow: hidden !important;
        padding-bottom: 0 !important;
    }

    .admin-area .admin-shell > .row {
        height: 100% !important;
        min-height: 0 !important;
    }

    .admin-area .admin-shell > .row > [class*="col-md-3"],
    .admin-area .admin-shell > .row > [class*="col-lg-2"] {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .admin-area .admin-workspace-nav {
        position: sticky !important;
        top: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    .admin-area .admin-shell > .row > [class*="col-md-9"],
    .admin-area .admin-shell > .row > [class*="col-lg-10"] {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        padding-right: 0.85rem !important;
    }
}

/* Admin ERP: zones de defilement propres pour eviter les debordements */
.admin-area .admin-shell {
    min-height: 0 !important;
}

.admin-area .admin-shell > .row > [class*="col-md-9"],
.admin-area .admin-shell > .row > [class*="col-lg-10"] {
    max-height: calc(100dvh - 168px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 0.75rem !important;
    scrollbar-width: thin !important;
}

.admin-area .admin-workspace-nav,
.admin-area .admin-workspace-links {
    scrollbar-width: thin !important;
}

.admin-area .admin-panel .table-responsive {
    max-height: min(68vh, 720px) !important;
    overflow: auto !important;
    border-radius: 12px !important;
}

.admin-area .admin-panel .table-responsive thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
}

.erp-export-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

.erp-export-grid article {
    display: grid !important;
    gap: 0.45rem !important;
    min-height: 138px !important;
    padding: 1rem !important;
    border: 1px solid #d7e2ef !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08) !important;
}

.erp-export-grid i {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    color: #0b2545 !important;
    background: #fff4e6 !important;
}

.erp-export-grid strong {
    color: #0b2545 !important;
    font-weight: 900 !important;
}

.erp-export-grid small {
    color: #64748b !important;
    line-height: 1.5 !important;
}

@media (max-width: 991.98px) {
    .admin-area .admin-shell > .row > [class*="col-md-9"],
    .admin-area .admin-shell > .row > [class*="col-lg-10"] {
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }

    .erp-export-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .erp-export-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Livraison terrain : stock embarque, remises et suivi */
.delivery-ops-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

.delivery-mini-form {
    display: grid !important;
    gap: 0.55rem !important;
    padding: 0.85rem !important;
    border: 1px solid var(--pro-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.delivery-mini-form strong {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    color: var(--pro-navy) !important;
}

.delivery-ops-lists {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

.delivery-ops-lists > div {
    border: 1px solid var(--pro-border) !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    padding: 0.85rem !important;
}

.delivery-ops-lists h3 {
    margin: 0 0 0.65rem !important;
    font-size: 0.92rem !important;
    color: var(--pro-navy) !important;
}

.delivery-ops-lists article {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.5rem 0 !important;
    border-top: 1px solid #e2e8f0 !important;
}

.delivery-ops-lists article:first-of-type {
    border-top: 0 !important;
}

.delivery-ops-lists article span {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
}

.delivery-ops-lists article strong,
.delivery-ops-lists article small {
    display: block !important;
}

.delivery-ops-lists article em {
    font-style: normal !important;
    font-weight: 900 !important;
    color: var(--excel-green-dark) !important;
}

.tracking-hero,
.tracking-board,
.tracking-timeline {
    border: 1px solid var(--pro-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: var(--pro-shadow-soft) !important;
    padding: 1rem !important;
}

.tracking-hero h1 {
    color: var(--pro-navy) !important;
    margin: 0.35rem 0 !important;
}

.tracking-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.65rem !important;
    margin-top: 1rem !important;
}

.tracking-board {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

.tracking-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 0.85rem !important;
    background: #f8fafc !important;
}

.tracking-card span,
.tracking-card small {
    display: block !important;
    color: var(--pro-muted) !important;
}

.tracking-card strong {
    display: block !important;
    color: var(--pro-navy) !important;
}

.tracking-card--main {
    background: var(--pro-navy) !important;
    color: #fff !important;
}

.tracking-card--main strong,
.tracking-card--main span,
.tracking-card--main small {
    color: #fff !important;
}

.tracking-card--main em {
    display: inline-flex !important;
    margin-top: 0.5rem !important;
    padding: 0.25rem 0.55rem !important;
    border-radius: 999px !important;
    background: var(--excel-green) !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.tracking-timeline h2 {
    font-size: 1rem !important;
    color: var(--pro-navy) !important;
}

.tracking-timeline article {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 0.6rem !important;
    padding: 0.7rem 0 !important;
    border-top: 1px solid #e2e8f0 !important;
}

.tracking-timeline article span {
    color: var(--excel-green-dark) !important;
}

@media (max-width: 991px) {
    .delivery-ops-grid,
    .delivery-ops-lists,
    .tracking-board {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575px) {
    .tracking-search {
        grid-template-columns: 1fr !important;
    }
}

/* Harmonisation finale admin + header/footer compacts */
.admin-area .admin-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.admin-area .admin-shell > .row {
    align-items: flex-start !important;
}

.admin-area .admin-shell > .row > .col-md-3,
.admin-area .admin-shell > .row > .col-lg-2 {
    flex: 0 0 230px !important;
    width: 230px !important;
    max-width: 230px !important;
}

.admin-area .admin-shell > .row > .col-md-9,
.admin-area .admin-shell > .row > .col-lg-10 {
    flex: 1 1 0 !important;
    width: calc(100% - 230px) !important;
    max-width: calc(100% - 230px) !important;
    min-width: 0 !important;
}

.admin-area .admin-workspace-nav {
    position: sticky !important;
    top: 92px !important;
}

.admin-area .admin-products-card,
.admin-area .admin-products-table {
    width: 100% !important;
}

.admin-area .admin-products-card .table-responsive {
    overflow-x: auto !important;
}

.main-header .header-quick-links {
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
}

.main-header .header-quick-links a {
    min-height: 30px !important;
    padding: 0.32rem 0.55rem !important;
    font-size: 0.76rem !important;
}

.site-footer--compact {
    padding-top: 1.4rem !important;
    padding-bottom: 0.7rem !important;
}

.site-footer--compact .row {
    row-gap: 0.85rem !important;
}

.site-footer--compact .footer-logo-img {
    max-height: 44px !important;
}

.site-footer--compact p,
.site-footer--compact li,
.site-footer--compact small {
    margin-bottom: 0.35rem !important;
}

.site-footer--compact h6 {
    margin-bottom: 0.55rem !important;
    font-size: 0.8rem !important;
}

.site-footer--compact hr {
    margin: 0.8rem 0 0.45rem !important;
}

.eclosion-location-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
    margin-top: 1rem !important;
}

.eclosion-location-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr) !important;
    gap: 1rem !important;
}

.eclosion-location-map,
.eclosion-location-card,
.cart-map-preview {
    border: 1px solid var(--pro-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: var(--pro-shadow-soft) !important;
    overflow: hidden !important;
}

.eclosion-location-map iframe,
.cart-map-preview iframe {
    width: 100% !important;
    border: 0 !important;
    display: block !important;
}

.eclosion-location-map iframe {
    min-height: 430px !important;
}

.cart-map-preview iframe {
    height: 170px !important;
}

.eclosion-location-card {
    padding: 1rem !important;
}

.eclosion-location-card > span {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
}

.eclosion-location-card h2 {
    margin-top: 0.75rem !important;
    color: var(--pro-navy) !important;
}

.eclosion-location-card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 1rem 0 0 !important;
    display: grid !important;
    gap: 0.55rem !important;
}

.eclosion-location-card li {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    color: var(--pro-text) !important;
}

.eclosion-location-card li i {
    color: var(--excel-green-dark) !important;
}

@media (max-width: 991px) {
    .admin-area .admin-shell > .row > .col-md-3,
    .admin-area .admin-shell > .row > .col-lg-2,
    .admin-area .admin-shell > .row > .col-md-9,
    .admin-area .admin-shell > .row > .col-lg-10 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .admin-area .admin-workspace-nav {
        position: relative !important;
        top: auto !important;
    }

    .eclosion-location-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px) {
    .site-footer--compact {
        padding-top: 1rem !important;
    }

    .site-footer--compact .row > div:not(:first-child):not(:last-child) {
        display: none !important;
    }

    .eclosion-location-map iframe {
        min-height: 300px !important;
    }
}

/* Boutique + livraison geolocalisee */
.shop-hero {
    background: #071f3a !important;
    color: #fff !important;
    padding: 2rem 0 1.4rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.shop-hero__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr) !important;
    align-items: center !important;
    gap: 1.5rem !important;
}

.shop-hero h1 {
    color: #fff !important;
    max-width: 680px !important;
    font-size: clamp(1.75rem, 4vw, 3.1rem) !important;
    line-height: 1.05 !important;
    margin: 0.45rem 0 0.7rem !important;
}

.shop-hero p {
    color: #d9e6ef !important;
    max-width: 620px !important;
    margin-bottom: 1rem !important;
}

.shop-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    color: #9be2bf !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    font-size: 0.78rem !important;
}

.shop-hero__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
}

.shop-hero__visual {
    min-height: 280px !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

.shop-floating-product {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18) !important;
}

.shop-floating-product img,
.shop-floating-product span {
    width: 100% !important;
    height: 100% !important;
    min-height: 128px !important;
    object-fit: cover !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--excel-green-dark) !important;
    background: #f7fbf9 !important;
}

.shop-hero__badge {
    position: absolute !important;
    right: 0.9rem !important;
    bottom: 0.9rem !important;
    display: grid !important;
    place-items: center !important;
    min-width: 86px !important;
    padding: 0.55rem 0.75rem !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--pro-navy) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16) !important;
}

.shop-hero__badge strong {
    color: var(--excel-green-dark) !important;
    font-size: 1.35rem !important;
}

.shop-marquee {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid #d9e2ec !important;
}

.shop-service-strip {
    padding: 0.25rem !important;
}

.shop-service-strip a,
.shop-service-strip button,
.shop-zone-strip,
.cart-location-card {
    border-color: #cfdde8 !important;
    box-shadow: 0 8px 22px rgba(7, 31, 58, 0.06) !important;
}

.shop-zone-strip {
    background: #fff !important;
}

.shop-zone-strip strong {
    color: var(--pro-navy) !important;
}

.shop-zone-strip span:first-of-type {
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
    border-color: var(--excel-green-line) !important;
}

.shop-product-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.shop-product-card__media img {
    filter: none !important;
}

.delivery-company-mini {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    margin: 0.75rem 0 !important;
    padding: 0.65rem !important;
    border: 1px solid #d9e7df !important;
    border-radius: 6px !important;
    background: #f7fbf9 !important;
}

.delivery-company-mini > i {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
}

.delivery-company-mini span {
    min-width: 0 !important;
}

.delivery-company-mini strong,
.delivery-company-mini small {
    display: block !important;
}

.delivery-company-mini strong {
    color: var(--pro-navy) !important;
    font-size: 0.86rem !important;
}

.delivery-company-mini small {
    color: var(--pro-muted) !important;
    font-size: 0.76rem !important;
}

.delivery-company-mini a {
    margin-left: auto !important;
    padding: 0.35rem 0.55rem !important;
    border-radius: 4px !important;
    border: 1px solid var(--excel-green-line) !important;
    color: var(--excel-green-dark) !important;
    background: #fff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: 0.78rem !important;
}

@media (max-width: 767px) {
    .shop-hero {
        padding: 1.25rem 0 1rem !important;
    }

    .shop-hero__inner {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .shop-hero__visual {
        min-height: 190px !important;
        gap: 0.5rem !important;
    }

    .shop-floating-product:nth-child(n+3) {
        display: none !important;
    }

    .shop-floating-product img,
    .shop-floating-product span {
        min-height: 150px !important;
    }

    .shop-hero__badge {
        right: 0.55rem !important;
        bottom: 0.55rem !important;
        min-width: 72px !important;
        padding: 0.45rem 0.55rem !important;
    }

    .delivery-company-mini {
        align-items: flex-start !important;
    }
}

/* Fix final du decalage vertical dans la barre de navigation */
.nav-secondary .container-fluid > div:first-child {
    align-items: center !important;
}

.nav-secondary .hover-link,
.nav-secondary a.hover-link,
.nav-secondary .btn-rayons {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    align-self: center !important;
    flex: 0 0 auto !important;
}

.nav-secondary .btn-rayons.btn-sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Boutique premium + vrai chat */
.shop-service-strip,
.shop-zone-strip {
    width: min(100% - 1.5rem, 1320px) !important;
    margin: 1rem auto 0 !important;
}

.shop-service-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

.shop-service-strip a,
.shop-service-strip button {
    min-height: 78px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.85rem !important;
    border: 1px solid #d7e7de !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #102033 !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(7, 31, 58, 0.07) !important;
}

.shop-service-strip a:hover,
.shop-service-strip button:hover {
    border-color: var(--excel-green-line) !important;
    background: #f6fbf8 !important;
    transform: translateY(-2px) !important;
}

.shop-service-strip i,
.shop-zone-strip i {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
}

.shop-service-strip strong,
.shop-service-strip small {
    display: block !important;
}

.shop-service-strip small {
    color: #60758a !important;
    font-size: 0.82rem !important;
}

.shop-zone-strip {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    overflow-x: auto !important;
    padding: 0.7rem !important;
    border: 1px solid #d7e7de !important;
    border-radius: 6px !important;
    background: #f8fcfa !important;
}

.shop-zone-strip strong,
.shop-zone-strip span,
.shop-zone-map {
    white-space: nowrap !important;
}

.shop-zone-strip span,
.shop-zone-map {
    padding: 0.35rem 0.65rem !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid var(--excel-green-line) !important;
    color: var(--excel-green-dark) !important;
    font-weight: 800 !important;
    font-size: 0.82rem !important;
}

.shop-zone-map {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    text-decoration: none !important;
    color: var(--pro-navy) !important;
    border-color: #cfdde8 !important;
}

.shop-product-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    border: 1px solid #dbe8e1 !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(7, 31, 58, 0.08) !important;
}

.shop-product-card__media {
    position: relative !important;
    aspect-ratio: 1 / 0.82 !important;
    overflow: hidden !important;
    background: #f5faf7 !important;
}

.shop-product-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.01) !important;
}

.shop-product-card:hover .shop-product-card__media img {
    transform: scale(1.055) !important;
}

.shop-product-card__overlay {
    position: absolute !important;
    top: 0.55rem !important;
    left: 0.55rem !important;
    right: 0.55rem !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.4rem !important;
    pointer-events: none !important;
}

.shop-stock-pill {
    min-height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.25rem 0.55rem !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #102033 !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px rgba(7, 31, 58, 0.12) !important;
}

.shop-stock-pill--ok { color: #107c41 !important; }
.shop-stock-pill--low { color: #b45309 !important; }
.shop-stock-pill--out { color: #b42318 !important; }

.shop-card-help {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--excel-green) !important;
    color: #fff !important;
    pointer-events: auto !important;
}

.shop-product-card__body {
    padding: 0.85rem !important;
}

.shop-product-card__delivery {
    display: block !important;
    margin-top: 0.15rem !important;
    color: #60758a !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
}

.shop-product-card__detail {
    border-radius: 4px !important;
}

.premium-chat-panel__head {
    gap: 0.5rem !important;
}

.premium-chat-panel__head [data-chat-clear],
.premium-chat-panel__head [data-chat-close] {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
}

.premium-chat-message {
    display: grid !important;
    gap: 0.2rem !important;
}

.premium-chat-message > span {
    white-space: pre-line !important;
}

.premium-chat-time {
    justify-self: end !important;
    color: #8392a3 !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
}

.premium-chat-message--agent .premium-chat-time {
    justify-self: start !important;
}

@media (max-width: 991px) {
    .shop-service-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .shop-service-strip {
        grid-template-columns: 1fr !important;
        gap: 0.55rem !important;
    }

    .shop-service-strip a,
    .shop-service-strip button {
        min-height: 62px !important;
        padding: 0.65rem !important;
    }

    .shop-service-strip i {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    .shop-zone-strip {
        margin-top: 0.65rem !important;
    }

    .shop-product-card__body {
        padding: 0.55rem !important;
    }

    .shop-product-card__overlay {
        top: 0.35rem !important;
        left: 0.35rem !important;
        right: 0.35rem !important;
    }

    .shop-stock-pill {
        min-height: 22px !important;
        padding: 0.18rem 0.4rem !important;
        font-size: 0.64rem !important;
    }

    .shop-card-help {
        width: 26px !important;
        height: 26px !important;
        font-size: 0.72rem !important;
    }

    .shop-product-card__delivery,
    .shop-product-card__meta,
    .shop-product-card p {
        display: none !important;
    }
}

/* ERP SaaS + zones livraison */
.admin-area .erp-saas-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0.95rem 1rem !important;
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-left: 4px solid var(--excel-green) !important;
    border-radius: 3px !important;
    box-shadow: 0 8px 18px rgba(11, 31, 58, 0.07) !important;
}

.admin-area .erp-saas-toolbar strong,
.admin-area .erp-module-card strong,
.admin-area .erp-ai-list strong {
    color: var(--pro-admin-navy) !important;
}

.admin-area .erp-saas-toolbar span,
.admin-area .erp-module-card small {
    display: block !important;
    color: #60758a !important;
}

.admin-area .erp-saas-toolbar > div:last-child {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

.admin-area .erp-module-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.8rem !important;
}

.admin-area .erp-module-card {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-height: 92px !important;
    padding: 0.9rem !important;
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    color: var(--pro-admin-navy) !important;
    box-shadow: 0 8px 18px rgba(11, 31, 58, 0.06) !important;
}

.admin-area .erp-module-card:hover {
    border-color: var(--excel-green-line) !important;
    background: #f9fffb !important;
}

.admin-area .erp-module-card > span,
.admin-area .erp-ai-list i {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px !important;
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
    border: 1px solid var(--excel-green-line) !important;
}

.admin-area .erp-module-card em {
    font-style: normal !important;
    padding: 0.35rem 0.55rem !important;
    border-radius: 3px !important;
    background: #f3f8fc !important;
    color: var(--pro-admin-navy) !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.admin-area .erp-intel-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 1rem !important;
}

.admin-area .erp-ai-list,
.admin-area .erp-zone-list {
    display: grid !important;
    gap: 0.65rem !important;
}

.admin-area .erp-ai-list article,
.admin-area .erp-zone-list article {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding: 0.75rem !important;
    background: #f8fbfd !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 3px !important;
}

.admin-area .erp-ai-list article {
    justify-content: flex-start !important;
}

.admin-area .erp-pipeline {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
}

.admin-area .erp-pipeline span {
    min-height: 74px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25rem !important;
    background: #f8fbfd !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 3px !important;
}

.admin-area .erp-pipeline strong {
    color: var(--excel-green-dark) !important;
    font-size: 1.35rem !important;
}

.admin-area .erp-pipeline small,
.admin-area .erp-zone-list small {
    color: #60758a !important;
}

.admin-area .erp-zone-list em {
    font-style: normal !important;
    font-weight: 800 !important;
    color: var(--excel-green-dark) !important;
}

.admin-area .erp-analytics-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr) minmax(280px, 0.75fr) !important;
    gap: 1rem !important;
}

.admin-area .erp-chart-card {
    overflow: hidden !important;
}

.admin-area .erp-chart-card--wide {
    min-height: 360px !important;
}

.admin-area .erp-line-chart {
    padding: 1rem !important;
}

.admin-area .erp-line-chart svg {
    width: 100% !important;
    height: 260px !important;
    display: block !important;
}

.admin-area .erp-line-chart svg line {
    stroke: #d7e3ec !important;
    stroke-width: 1 !important;
}

.admin-area .erp-line-chart svg polyline {
    fill: none !important;
    stroke: var(--excel-green) !important;
    stroke-width: 4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: drop-shadow(0 8px 12px rgba(16, 124, 65, 0.16)) !important;
}

.admin-area .erp-line-chart svg circle {
    fill: #fff !important;
    stroke: var(--excel-green) !important;
    stroke-width: 3 !important;
}

.admin-area .erp-chart-labels {
    display: flex !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    color: #60758a !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.admin-area .erp-donut-wrap {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1rem !important;
}

.admin-area .erp-donut {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: conic-gradient(var(--donut)) !important;
    position: relative !important;
    overflow: hidden !important;
}

.admin-area .erp-donut::after {
    content: "" !important;
    position: absolute !important;
    inset: 28px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
}

.admin-area .erp-donut strong,
.admin-area .erp-donut small {
    position: relative !important;
    z-index: 1 !important;
    color: var(--pro-admin-navy) !important;
}

.admin-area .erp-donut strong {
    font-size: 1.45rem !important;
    line-height: 1 !important;
}

.admin-area .erp-chart-legend {
    display: grid !important;
    gap: 0.5rem !important;
}

.admin-area .erp-chart-legend span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    padding: 0.45rem 0.55rem !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 3px !important;
    color: var(--pro-admin-navy) !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
}

.admin-area .erp-chart-legend i {
    width: 10px !important;
    height: 10px !important;
    border-radius: 2px !important;
    flex: 0 0 10px !important;
}

.admin-area .erp-stock-chart {
    display: grid !important;
    gap: 0.8rem !important;
    padding: 1rem !important;
}

.admin-area .erp-stock-chart article {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0.4rem 0.75rem !important;
    align-items: center !important;
}

.admin-area .erp-stock-chart strong,
.admin-area .erp-stock-chart em {
    color: var(--pro-admin-navy) !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.admin-area .erp-stock-chart span {
    display: block !important;
    color: #60758a !important;
    font-size: 0.82rem !important;
}

.admin-area .erp-stock-chart p {
    grid-column: 1 / -1 !important;
    height: 10px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #edf3f7 !important;
    border-radius: 999px !important;
}

.admin-area .erp-stock-chart p span {
    height: 100% !important;
    border-radius: inherit !important;
}

.admin-area .delivery-zone-form {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(120px, 1fr)) auto !important;
    gap: 0.55rem !important;
    align-items: start !important;
    padding: 0.85rem !important;
    background: #f8fbfd !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 3px !important;
}

.admin-area .delivery-zone-form textarea {
    grid-column: span 3 !important;
}

.cart-location-card {
    overflow: hidden !important;
}

.cart-location-card .form-select,
.cart-location-card .form-control,
.cart-location-card .btn {
    min-height: 42px !important;
    border-radius: 4px !important;
    font-size: 0.92rem !important;
}

.cart-location-card textarea.form-control {
    min-height: 64px !important;
    resize: vertical !important;
}

.cart-location-status {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1199px) {
    .admin-area .erp-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-area .erp-analytics-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-area .delivery-zone-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .admin-area .erp-saas-toolbar,
    .admin-area .erp-saas-toolbar > div:last-child {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .admin-area .erp-module-grid,
    .admin-area .erp-intel-grid,
    .admin-area .delivery-zone-form {
        grid-template-columns: 1fr !important;
    }

    .admin-area .erp-module-card {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }

    .admin-area .erp-module-card em {
        grid-column: 2 !important;
        justify-self: start !important;
    }

    .admin-area .erp-pipeline {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-area .erp-donut-wrap {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
    }

    .admin-area .delivery-zone-form textarea {
        grid-column: auto !important;
    }

    .cart-location-card {
        padding: 0.85rem !important;
    }

    .cart-location-card__head {
        align-items: flex-start !important;
        gap: 0.65rem !important;
    }

    .cart-location-card__head small,
    .cart-location-status,
    .cart-location-card .form-select,
    .cart-location-card .form-control {
        font-size: 0.86rem !important;
    }

    .cart-location-card .form-select {
        text-overflow: ellipsis !important;
    }
}

body {
    color: var(--pro-text);
    background: var(--pro-bg) !important;
}

.main-header,
.page-accueil .main-header {
    background: var(--pro-navy) !important;
    box-shadow: 0 6px 18px rgba(7, 31, 58, 0.18) !important;
}

.navbar-middle {
    background: var(--pro-navy) !important;
}

.top-bar {
    background: #06182d !important;
}

.nav-secondary,
.shop-marquee,
.shop-filters-bar--modern {
    background: var(--pro-navy-2) !important;
}

.btn-rayons,
.btn-warning,
.search-form .btn,
.search-form .btn-warning,
.market-product-card__foot .btn,
.shop-product-card__footer .btn,
.nav-secondary .btn-rayons {
    background: var(--pro-emerald) !important;
    color: #fff !important;
    border-color: var(--pro-emerald) !important;
    box-shadow: none !important;
}

.btn-success,
.btn-primary,
.premium-fab,
.category-tile__icon,
.filter-nav--modern a.active i {
    background: var(--pro-emerald) !important;
    border-color: var(--pro-emerald) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-secondary,
.btn-outline-dark {
    border-color: var(--pro-border) !important;
    color: var(--pro-navy) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.btn,
.form-control,
.form-select,
.input-group,
.dropdown-menu,
.modal-content,
.offcanvas,
.admin-workspace-nav,
.admin-panel,
.admin-card,
.card,
.auth-card,
.filter-panel,
.shop-toolbar,
.category-showcase,
.category-tile,
.shop-summary > div,
.shop-product-card,
.product-card,
.similar-product-card,
.market-section,
.market-mini-card,
.market-product-card,
.market-team-card,
.market-formation-card,
.delivery-card,
.stock-control-panel,
.premium-chat-panel,
.premium-chat-message,
.premium-chat-input,
.premium-fab,
.cart-location-card,
.erp-top-list article,
.erp-delivery-list article,
.stock-movement,
.activity-item {
    border-radius: var(--pro-radius) !important;
}

.card,
.admin-panel,
.admin-card,
.auth-card,
.filter-panel,
.shop-toolbar,
.category-showcase,
.category-tile,
.shop-summary > div,
.shop-product-card,
.product-card,
.similar-product-card,
.market-section,
.market-mini-card,
.market-product-card,
.market-team-card,
.market-formation-card,
.delivery-card,
.stock-control-panel,
.cart-location-card,
.erp-top-list article,
.erp-delivery-list article,
.stock-movement,
.activity-item {
    border: 1px solid var(--pro-border) !important;
    background: var(--pro-surface) !important;
    box-shadow: var(--pro-shadow-soft) !important;
    backdrop-filter: none !important;
}

.card:hover,
.shop-product-card:hover,
.product-card:hover,
.similar-product-card:hover,
.market-product-card:hover,
.market-team-card:hover,
.market-formation-card:hover,
.category-tile:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--pro-shadow) !important;
    border-color: #bfd0dd !important;
}

.admin-area {
    background: var(--pro-bg) !important;
}

.admin-page-head,
.admin-page-head--software {
    border: 1px solid var(--pro-border) !important;
    border-radius: var(--pro-radius) !important;
    background: var(--pro-surface) !important;
    color: var(--pro-text) !important;
    box-shadow: var(--pro-shadow-soft) !important;
}

.admin-page-head h1,
.admin-page-head h2,
.admin-page-head p,
.admin-page-head--software h1,
.admin-page-head--software p {
    color: var(--pro-text) !important;
}

.admin-kicker,
.category-showcase .shop-kicker,
.shop-toolbar__eyebrow,
.shop-summary__label,
.market-section-head span,
.market-slide-copy span {
    color: var(--pro-emerald) !important;
}

.admin-workspace-brand {
    border: 1px solid var(--pro-border) !important;
    background: var(--pro-surface-2) !important;
}

.admin-workspace-brand > span,
.admin-workspace-links a.active,
.admin-workspace-links a:hover,
.admin-command-card span,
.admin-metric-card i,
.delivery-card__head > span,
.stock-movement__icon,
.activity-item__icon,
.erp-delivery-actions a,
.cart-location-card__head i,
.premium-chat-panel__head,
.filter-panel__header,
.order-detail-modal__head {
    background: var(--pro-navy) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.admin-workspace-links a,
.admin-workspace-tools a {
    border-radius: var(--pro-radius-sm) !important;
}

.admin-workspace-links a:hover {
    transform: none !important;
    background: #eef4f8 !important;
    color: var(--pro-navy) !important;
}

.admin-workspace-links a.active {
    background: var(--pro-navy) !important;
    color: #fff !important;
}

.admin-command-card,
.admin-metric-card,
.admin-status-tile {
    border: 1px solid var(--pro-border) !important;
    border-radius: var(--pro-radius) !important;
    background: #fff !important;
    box-shadow: var(--pro-shadow-soft) !important;
}

.metric-blue,
.metric-green,
.metric-amber,
.metric-cyan,
.market-cta,
.market-help {
    background: var(--pro-navy) !important;
    color: #fff !important;
}

.shop-product-card__media,
.market-product-card__image,
.product-card .card-img-top,
.similar-product-card__image,
.category-tile {
    background: var(--pro-surface-2) !important;
}

.shop-product-card h3 a,
.market-product-card h3 a,
.product-card .card-title,
.category-tile__body strong,
.admin-panel__head h2,
.market-section-head h2 {
    color: var(--pro-text) !important;
}

.shop-product-card__footer strong,
.market-product-card__foot strong,
.price-main,
.similar-product-card__body em,
.erp-top-list strong {
    color: var(--pro-emerald) !important;
}

.filter-panel__header h5,
.filter-panel__header i {
    color: #fff !important;
}

.filter-nav--modern a.active {
    background: #edf7f2 !important;
    color: var(--pro-text) !important;
    box-shadow: inset 3px 0 0 var(--pro-emerald) !important;
}

.search-form .input-group {
    border-radius: var(--pro-radius) !important;
    border-color: var(--pro-border) !important;
    box-shadow: none !important;
}

.premium-floating-actions {
    gap: 0.55rem !important;
}

.premium-fab {
    width: 50px !important;
    height: 50px !important;
}

.premium-fab--theme {
    background: var(--pro-navy) !important;
}

.premium-fab--whatsapp {
    background: var(--pro-emerald) !important;
}

.premium-chat-panel__head {
    border-radius: var(--pro-radius) var(--pro-radius) 0 0 !important;
}

.mobile-main-menu {
    border-radius: var(--pro-radius) 0 0 var(--pro-radius) !important;
    background: #fff !important;
}

.mobile-main-menu__head {
    background: var(--pro-navy) !important;
}

.mobile-menu-link {
    background: #f3f6f9 !important;
    color: var(--pro-text) !important;
}

.mobile-menu-link:hover,
.mobile-menu-link:focus-visible {
    background: #e8f2ed !important;
    color: var(--pro-navy) !important;
}

#eclosion-toast,
.admin-notification-menu {
    border-radius: var(--pro-radius) !important;
    background: var(--pro-navy) !important;
    box-shadow: var(--pro-shadow) !important;
}

.admin-notification-menu * {
    color: #fff;
}

html.theme-dark body {
    background: #081827 !important;
    color: #edf5f8 !important;
}

html.theme-dark .card,
html.theme-dark .admin-panel,
html.theme-dark .admin-card,
html.theme-dark .auth-card,
html.theme-dark .filter-panel,
html.theme-dark .shop-toolbar,
html.theme-dark .category-showcase,
html.theme-dark .category-tile,
html.theme-dark .shop-summary > div,
html.theme-dark .shop-product-card,
html.theme-dark .product-card,
html.theme-dark .similar-product-card,
html.theme-dark .market-section,
html.theme-dark .market-mini-card,
html.theme-dark .market-product-card,
html.theme-dark .market-team-card,
html.theme-dark .market-formation-card,
html.theme-dark .delivery-card,
html.theme-dark .stock-control-panel,
html.theme-dark .premium-chat-panel,
html.theme-dark .cart-location-card,
html.theme-dark .erp-top-list article,
html.theme-dark .erp-delivery-list article,
html.theme-dark .stock-movement,
html.theme-dark .activity-item {
    border-color: rgba(255, 255, 255, 0.11) !important;
    background: #0c2238 !important;
    color: #edf5f8 !important;
}

html.theme-dark .admin-page-head,
html.theme-dark .admin-page-head--software,
html.theme-dark .admin-command-card,
html.theme-dark .admin-metric-card,
html.theme-dark .admin-status-tile {
    border-color: rgba(255, 255, 255, 0.11) !important;
    background: #0c2238 !important;
}

html.theme-dark .mobile-main-menu,
html.theme-dark .dropdown-menu {
    background: #0c2238 !important;
}

html.theme-dark .mobile-menu-link,
html.theme-dark .premium-chat-message,
html.theme-dark .premium-chat-input,
html.theme-dark .premium-chat-quick button {
    background: #102b46 !important;
    color: #edf5f8 !important;
}

@media (max-width: 767px) {
    .main-header {
        border-radius: 0 !important;
    }

    .premium-fab {
        width: 48px !important;
        height: 48px !important;
    }
}

/* Stabilisation layout admin + gestion membres */
.admin-area .admin-shell > .row {
    align-items: flex-start !important;
}

.admin-area .admin-shell > .row > [class*="col-md-3"],
.admin-area .admin-shell > .row > [class*="col-lg-2"] {
    align-self: flex-start !important;
}

.admin-area .admin-workspace-nav {
    position: sticky !important;
    top: 0.85rem !important;
    height: auto !important;
    max-height: calc(100vh - 1.7rem) !important;
    overflow-y: auto !important;
}

.admin-area .admin-product-editor {
    overflow: hidden !important;
    margin-bottom: 1rem !important;
}

.admin-area .admin-product-editor .card-body {
    background: #fff !important;
}

.admin-area .admin-members-card {
    overflow: hidden !important;
}

.admin-area .admin-rights-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
    max-width: 520px !important;
}

.admin-area .admin-rights-pills span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0.25rem 0.55rem !important;
    border-radius: 999px !important;
    background: var(--pro-admin-orange-soft) !important;
    border: 1px solid #ffd8a8 !important;
    color: var(--pro-admin-navy) !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
}

.admin-area .admin-rights-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
}

.admin-area .admin-right-check {
    display: grid !important;
    grid-template-columns: 22px 34px 1fr !important;
    align-items: center !important;
    gap: 0.6rem !important;
    min-height: 54px !important;
    padding: 0.7rem !important;
    background: #f8fbfd !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 4px !important;
    color: var(--pro-admin-navy) !important;
    cursor: pointer !important;
}

.admin-area .admin-right-check input {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--pro-admin-orange) !important;
}

.admin-area .admin-right-check > span {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: var(--pro-admin-blue-soft) !important;
    color: var(--pro-admin-navy) !important;
    border: 1px solid rgba(11, 31, 58, 0.12) !important;
}

.admin-area .admin-right-check strong {
    color: var(--pro-admin-navy) !important;
    font-size: 0.88rem !important;
}

.admin-area .admin-right-check:has(input:checked) {
    background: var(--pro-admin-orange-soft) !important;
    border-color: #ffd8a8 !important;
}

.admin-area .admin-right-check:has(input:checked) > span {
    background: var(--pro-admin-orange) !important;
    border-color: var(--pro-admin-orange) !important;
    color: #fff !important;
}

@media (max-width: 991px) {
    .admin-area .admin-workspace-nav {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
    }
}

@media (max-width: 767px) {
    .admin-area .admin-rights-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Orange admin plus premium + gestion categories */
.admin-area {
    --pro-admin-orange: #ff8a1f;
    --pro-admin-orange-dark: #d96b00;
    --pro-admin-orange-soft: #fff0df;
    --pro-admin-orange-shadow: rgba(255, 138, 31, 0.28);
}

.admin-area .btn-success,
.admin-area .btn-primary,
.admin-area .btn-warning,
.admin-area .admin-table-actions .btn-primary,
.admin-area .admin-table-actions .btn-success,
.admin-area .admin-workspace-brand > span,
.admin-area .admin-workspace-links a.active i,
.admin-area .admin-feature-tile:hover i,
.admin-area .admin-command-card:hover span,
.admin-area .admin-metric-card:hover i {
    background: var(--pro-admin-orange) !important;
    border-color: var(--pro-admin-orange) !important;
    box-shadow: 0 10px 22px var(--pro-admin-orange-shadow) !important;
}

.admin-area .btn-success:hover,
.admin-area .btn-primary:hover,
.admin-area .btn-warning:hover,
.admin-area .admin-table-actions .btn-primary:hover,
.admin-area .admin-table-actions .btn-success:hover {
    background: var(--pro-admin-orange-dark) !important;
    border-color: var(--pro-admin-orange-dark) !important;
    box-shadow: 0 12px 26px rgba(217, 107, 0, 0.3) !important;
}

.admin-area .admin-page-head,
.admin-area .admin-product-stat,
.admin-area .admin-share-panel,
.admin-area .admin-product-form-intro {
    border-left-color: var(--pro-admin-orange) !important;
    box-shadow: 0 12px 26px rgba(11, 31, 58, 0.08), 0 5px 14px rgba(255, 138, 31, 0.08) !important;
}

.admin-area .admin-kicker,
.admin-area .admin-kicker i,
.admin-area .admin-image-missing,
.admin-area .admin-product-form-intro i {
    color: var(--pro-admin-orange-dark) !important;
}

.admin-area .admin-category-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

.admin-area .admin-category-title i {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-orange-dark) !important;
    border: 1px solid rgba(255, 138, 31, 0.28) !important;
    box-shadow: 0 8px 18px rgba(255, 138, 31, 0.12) !important;
}

.admin-area .admin-categories-card {
    overflow: hidden !important;
}

.admin-area .admin-category-icon-help {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.45rem !important;
}

.admin-area .admin-category-icon-help button {
    min-height: 36px !important;
    padding: 0.35rem 0.65rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 138, 31, 0.28) !important;
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-navy) !important;
    font-weight: 800 !important;
    font-size: 0.82rem !important;
}

.admin-area .admin-category-icon-help button:hover {
    background: var(--pro-admin-orange) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px var(--pro-admin-orange-shadow) !important;
}

.admin-area .admin-category-icon-help button i {
    color: inherit !important;
    margin-right: 0.25rem !important;
}

/* ERP avance */
.admin-area .erp-control-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

.admin-area .erp-control-card {
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-height: 86px !important;
    padding: 1rem !important;
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-left: 4px solid var(--pro-admin-orange) !important;
    border-radius: 4px !important;
    box-shadow: 0 12px 24px rgba(11, 31, 58, 0.08), 0 7px 18px rgba(255, 138, 31, 0.1) !important;
}

.admin-area .erp-control-card > span {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-orange-dark) !important;
    border: 1px solid rgba(255, 138, 31, 0.28) !important;
}

.admin-area .erp-control-card small {
    display: block !important;
    color: #60758a !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
}

.admin-area .erp-control-card strong {
    color: var(--pro-admin-navy) !important;
    font-size: 1.02rem !important;
}

.admin-area .erp-status-list,
.admin-area .erp-risk-list,
.admin-area .erp-activity-strip {
    display: grid !important;
    gap: 0.65rem !important;
}

.admin-area .erp-status-list article,
.admin-area .erp-risk-list article,
.admin-area .erp-activity-strip article {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0.8rem !important;
    background: #f8fbfd !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 4px !important;
}

.admin-area .erp-status-list article span,
.admin-area .erp-risk-list article strong,
.admin-area .erp-activity-strip article strong {
    color: var(--pro-admin-navy) !important;
    font-weight: 800 !important;
}

.admin-area .erp-status-list article strong {
    min-width: 34px !important;
    text-align: center !important;
    color: var(--pro-admin-orange-dark) !important;
    font-size: 1.05rem !important;
}

.admin-area .erp-status-list article em,
.admin-area .erp-risk-list article small,
.admin-area .erp-activity-strip article small {
    color: #60758a !important;
    font-style: normal !important;
    font-size: 0.82rem !important;
}

.admin-area .erp-activity-strip article {
    justify-content: flex-start !important;
}

.admin-area .erp-activity-strip article i {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    border-radius: 6px !important;
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-orange-dark) !important;
}

@media (max-width: 1199px) {
    .admin-area .erp-control-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .admin-area .erp-control-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-area .erp-status-list article,
    .admin-area .erp-risk-list article {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* Header blanc professionnel + assistant fonctionnel */
:root {
    --pro-header-white: #ffffff;
    --pro-header-soft: #f7fafc;
    --pro-header-line: #dbe5ee;
}

.main-header,
.page-accueil .main-header {
    background: var(--pro-header-white) !important;
    color: var(--pro-text) !important;
    border-bottom: 1px solid var(--pro-header-line) !important;
    box-shadow: 0 8px 24px rgba(7, 31, 58, 0.08) !important;
}

.main-header::before,
.page-accueil .main-header::before {
    display: none !important;
}

.top-bar {
    background: var(--pro-header-soft) !important;
    color: var(--pro-muted) !important;
    border-bottom: 1px solid var(--pro-header-line) !important;
}

.top-bar .text-white,
.top-bar strong,
.top-bar i {
    color: var(--pro-navy) !important;
}

.navbar-middle {
    background: var(--pro-header-white) !important;
    border-bottom: 1px solid var(--pro-header-line) !important;
}

.logo-image-link,
.mobile-main-menu__brand,
.footer-logo-link {
    background: #fff !important;
    border: 1px solid rgba(217, 226, 236, 0.9) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 20px rgba(7, 31, 58, 0.08) !important;
}

.logo-image-link {
    padding: 0.35rem 0.55rem !important;
    min-height: 48px !important;
}

.brand-logo-img {
    width: clamp(116px, 12vw, 158px) !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
}

.mobile-menu-logo {
    width: 120px !important;
    max-height: 38px !important;
    object-fit: contain !important;
}

.footer-logo-img {
    max-width: 150px !important;
    background: #fff !important;
    border-radius: 8px !important;
    padding: 0.25rem 0.45rem !important;
}

.nav-secondary {
    background: var(--pro-header-white) !important;
    color: var(--pro-text) !important;
    border-bottom: 1px solid var(--pro-header-line) !important;
    box-shadow: none !important;
}

.nav-secondary .hover-link,
.nav-secondary a,
.navbar-middle .dropdown-toggle strong,
.navbar-middle .dropdown-toggle small,
.navbar-middle .text-muted {
    color: var(--pro-text) !important;
}

.nav-secondary .hover-link:hover,
.header-quick-links a:hover,
.navbar-middle a:hover {
    color: var(--pro-emerald) !important;
}

.header-quick-links a,
.header-whatsapp-link {
    color: var(--pro-navy) !important;
    background: #f3f7fa !important;
    border: 1px solid var(--pro-header-line) !important;
}

.header-whatsapp-link:hover {
    background: #e9f7f1 !important;
    color: var(--pro-emerald) !important;
}

.mobile-menu-button,
.header-tools-toggle,
.premium-theme-toggle,
.cart-link-header,
.admin-notification-btn {
    background: #fff !important;
    color: var(--pro-navy) !important;
    border: 1px solid var(--pro-header-line) !important;
    box-shadow: 0 6px 16px rgba(7, 31, 58, 0.08) !important;
}

.mobile-menu-button:hover,
.header-tools-toggle:hover,
.premium-theme-toggle:hover,
.cart-link-header:hover,
.admin-notification-btn:hover {
    background: var(--pro-navy) !important;
    color: #fff !important;
}

.search-form .input-group {
    background: #fff !important;
    border: 1px solid #bed0df !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.search-form .form-control,
.search-form .form-select {
    background: #fff !important;
    color: var(--pro-text) !important;
}

.search-form .btn,
.search-form .btn-warning {
    background: var(--pro-navy) !important;
    border-color: var(--pro-navy) !important;
}

.premium-chat-panel {
    border: 1px solid var(--pro-border) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(7, 31, 58, 0.18) !important;
}

.premium-chat-panel__head {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    background: #fff !important;
    color: var(--pro-text) !important;
    border-bottom: 1px solid var(--pro-border) !important;
}

.premium-chat-panel__head span,
.premium-chat-panel__head strong {
    color: var(--pro-text) !important;
}

.premium-chat-avatar {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    border-radius: 8px !important;
    background: var(--pro-emerald) !important;
    color: #fff !important;
}

.premium-chat-panel__head button {
    margin-left: auto !important;
    background: #f3f7fa !important;
    color: var(--pro-navy) !important;
    border: 1px solid var(--pro-border) !important;
}

.premium-chat-message {
    max-width: 88% !important;
    border: 1px solid var(--pro-border) !important;
    background: #f7fafc !important;
    color: var(--pro-text) !important;
    box-shadow: none !important;
}

.premium-chat-message--user {
    margin-left: auto !important;
    background: #e8f7f1 !important;
    border-color: #bfe6d8 !important;
}

.premium-chat-quick {
    gap: 0.45rem !important;
}

.premium-chat-quick button {
    border: 1px solid #cddce8 !important;
    background: #fff !important;
    color: var(--pro-navy) !important;
    border-radius: 999px !important;
}

.premium-chat-quick button:hover {
    background: var(--pro-emerald) !important;
    color: #fff !important;
}

.premium-chat-input {
    min-height: 88px !important;
    border: 1px solid #cddce8 !important;
    background: #fff !important;
    color: var(--pro-text) !important;
}

.premium-chat-hint {
    display: block !important;
    color: var(--pro-muted) !important;
    margin-top: 0.4rem !important;
}

.premium-chat-send {
    width: 100% !important;
    border-radius: 8px !important;
    background: var(--pro-emerald) !important;
}

@media (max-width: 767px) {
    .navbar-middle {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .logo-image-link {
        min-height: 40px !important;
        padding: 0.25rem 0.4rem !important;
    }

    .brand-logo-img {
        width: 104px !important;
        max-height: 32px !important;
    }

    .mobile-main-menu__head {
        background: #fff !important;
        border-bottom: 1px solid var(--pro-border) !important;
    }

    .mobile-main-menu__close {
        color: var(--pro-navy) !important;
        background: #f3f7fa !important;
    }

    .premium-chat-panel {
        left: 0.75rem !important;
        right: 0.75rem !important;
        width: auto !important;
        max-width: none !important;
    }
}

/* Icônes vert fonce unies + header mieux espace */
:root {
    --pro-deep-green: #064e3b;
    --pro-deep-green-2: #0b5f46;
    --pro-green-soft: #e8f5ef;
}

.navbar-middle .container-fluid,
.navbar-middle .row {
    overflow: visible !important;
}

.logo-image-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 0.75rem !important;
    flex-shrink: 0 !important;
}

.brand-logo-img {
    display: block !important;
    flex-shrink: 0 !important;
}

.navbar-middle .row > [class*="col-"]:first-child {
    width: auto !important;
    flex: 0 0 auto !important;
    padding-right: 0.85rem !important;
}

.navbar-middle .row > .col-12.col-md {
    min-width: 260px !important;
}

.main-header.header-scrolled .logo-image-link,
.main-header.is-scrolled .logo-image-link {
    transform: none !important;
}

.category-tile__icon,
.premium-fab,
.mobile-menu-link i,
.header-quick-links a i,
.header-whatsapp-link i,
.nav-secondary i,
.admin-command-card span,
.admin-metric-card i,
.delivery-card__head > span,
.stock-movement__icon,
.activity-item__icon,
.erp-delivery-actions a,
.cart-location-card__head i,
.product-detail-block__icon,
.welcome-pop__icon,
.premium-chat-avatar,
.filter-panel__header i {
    background: var(--pro-deep-green) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: var(--pro-deep-green) !important;
    box-shadow: none !important;
}

.mobile-menu-link i,
.header-quick-links a i,
.nav-secondary i {
    width: 1.85rem !important;
    height: 1.85rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    font-size: 0.86rem !important;
}

.btn-success,
.btn-primary,
.btn-rayons,
.search-form .btn,
.search-form .btn-warning,
.premium-chat-send,
.premium-fab--chat,
.premium-fab--whatsapp {
    background: var(--pro-deep-green) !important;
    background-image: none !important;
    border-color: var(--pro-deep-green) !important;
    color: #fff !important;
}

.btn-success:hover,
.btn-primary:hover,
.btn-rayons:hover,
.premium-chat-send:hover,
.premium-fab:hover {
    background: var(--pro-deep-green-2) !important;
    border-color: var(--pro-deep-green-2) !important;
}

.premium-chat-thread {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.55rem !important;
}

.premium-chat-panel__body {
    max-height: min(58vh, 430px) !important;
    overflow-y: auto !important;
}

.premium-chat-send:disabled {
    cursor: not-allowed !important;
    opacity: 0.58 !important;
    background: #8aa39a !important;
    border-color: #8aa39a !important;
}

.premium-chat-message--agent {
    border-left: 3px solid var(--pro-deep-green) !important;
}

.premium-chat-message--user {
    background: var(--pro-green-soft) !important;
    border-color: #b9decf !important;
    border-right: 3px solid var(--pro-deep-green) !important;
}

.premium-chat-message--typing {
    width: fit-content !important;
    max-width: 70% !important;
    color: #60758a !important;
    font-style: italic !important;
    background: #f3f8f6 !important;
}

.premium-chat-suggestions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    margin-top: -0.15rem !important;
}

.premium-chat-suggestions button {
    border: 1px solid #b9decf !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--pro-deep-green) !important;
    padding: 0.35rem 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}

.premium-chat-suggestions button:hover {
    background: var(--pro-deep-green) !important;
    color: #fff !important;
}

.premium-chat-quick button {
    color: var(--pro-deep-green) !important;
    border-color: #b9decf !important;
}

.premium-chat-quick button:hover {
    background: var(--pro-deep-green) !important;
    border-color: var(--pro-deep-green) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .logo-image-link {
        margin-right: 0 !important;
    }

    .navbar-middle .row > [class*="col-"]:first-child {
        padding-right: 0.45rem !important;
    }

    .navbar-middle .row > .col-12.col-md {
        min-width: 100% !important;
    }
}

/* Finition premium : icones fines, contraste corrige, admin bleu logiciel */
:root {
    --pro-ink: #0c1824;
    --pro-icon-green: #07543f;
    --pro-admin-blue: #155e9f;
    --pro-admin-blue-soft: #eaf3fb;
    --pro-admin-border: #cbddec;
}

.main-header .text-white,
.nav-secondary .text-white,
.navbar-middle .text-white,
.top-bar.text-white,
.top-bar .text-white,
.dropdown-menu .text-white,
.card-header.bg-white,
.bg-white {
    color: var(--pro-ink) !important;
}

.btn-rayons.text-white,
.btn-success.text-white,
.btn-primary.text-white,
.modal-header.text-white,
.filter-panel__header,
.filter-panel__header h5,
.order-detail-modal__head,
.order-detail-modal__head * {
    color: #fff !important;
}

.dropdown-menu,
.admin-notification-menu,
.mobile-main-menu,
.premium-chat-panel {
    color: var(--pro-ink) !important;
}

.dropdown-item,
.dropdown-item span,
.dropdown-item small,
.admin-notification-item,
.admin-notification-item strong,
.admin-notification-item small,
.admin-notification-empty {
    color: var(--pro-ink) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--pro-icon-green) !important;
    background: #eff7f3 !important;
}

.category-tile__icon,
.filter-nav--modern a i,
.filter-panel .filter-nav a i,
.mobile-menu-link i,
.header-quick-links a i,
.header-whatsapp-link i,
.nav-secondary i,
.dropdown-item i,
.premium-chat-avatar,
.cart-location-card__head i,
.product-detail-block__icon,
.welcome-pop__icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--pro-icon-green) !important;
    border: 1px solid rgba(7, 84, 63, 0.22) !important;
    box-shadow: none !important;
    font-size: 0.9rem !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex: 0 0 34px !important;
}

.category-tile__icon {
    max-width: 34px !important;
}

.category-tile:hover .category-tile__icon,
.filter-nav--modern a:hover i,
.mobile-menu-link:hover i,
.header-quick-links a:hover i,
.dropdown-item:hover i {
    background: #edf8f3 !important;
    color: var(--pro-icon-green) !important;
    border-color: rgba(7, 84, 63, 0.32) !important;
}

.category-tile__icon i,
.filter-nav--modern a i,
.mobile-menu-link i,
.header-quick-links a i,
.dropdown-item i {
    line-height: 1 !important;
}

.premium-fab {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    background-image: none !important;
    color: var(--pro-icon-green) !important;
    border: 1px solid rgba(7, 84, 63, 0.22) !important;
    box-shadow: 0 10px 24px rgba(12, 24, 36, 0.12) !important;
}

.premium-fab i {
    color: var(--pro-icon-green) !important;
    font-size: 1rem !important;
}

.premium-fab:hover {
    background: var(--pro-icon-green) !important;
    color: #fff !important;
    border-color: var(--pro-icon-green) !important;
}

.premium-fab:hover i {
    color: #fff !important;
}

.cart-link-header {
    position: relative !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: #0c1824 !important;
    border: 1px solid #0c1824 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(12, 24, 36, 0.16) !important;
}

.cart-link-header i {
    color: #fff !important;
    font-size: 1.08rem !important;
}

.cart-link-header:hover {
    background: var(--pro-icon-green) !important;
    border-color: var(--pro-icon-green) !important;
    color: #fff !important;
}

.cart-link-header #cart-count,
.cart-link-header .badge {
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 0.35rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ff8a00 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 0.72rem !important;
    box-shadow: 0 5px 12px rgba(255, 138, 0, 0.28) !important;
}

.admin-workspace-nav,
.admin-panel,
.admin-card,
.admin-page-head,
.admin-page-head--software,
.admin-command-card,
.admin-metric-card,
.admin-status-tile,
.admin-feature-tile {
    border-radius: 4px !important;
}

.admin-workspace-nav {
    background: #ffffff !important;
    border: 1px solid var(--pro-admin-border) !important;
    box-shadow: 0 8px 20px rgba(21, 94, 159, 0.08) !important;
}

.admin-workspace-brand {
    background: var(--pro-admin-blue-soft) !important;
    border-color: var(--pro-admin-border) !important;
    border-radius: 4px !important;
}

.admin-workspace-brand > span,
.admin-workspace-links i,
.admin-workspace-tools i,
.admin-feature-tile i,
.admin-command-card span,
.admin-metric-card i,
.delivery-card__head > span,
.stock-movement__icon,
.activity-item__icon,
.erp-delivery-actions a {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--pro-admin-blue-soft) !important;
    background-image: none !important;
    color: var(--pro-admin-blue) !important;
    border: 1px solid rgba(21, 94, 159, 0.18) !important;
    box-shadow: none !important;
    font-size: 0.9rem !important;
}

.admin-workspace-links a,
.admin-workspace-tools a {
    color: #17324d !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

.admin-workspace-links a:hover,
.admin-workspace-tools a:hover {
    background: #f3f8fc !important;
    color: var(--pro-admin-blue) !important;
    border-color: var(--pro-admin-border) !important;
}

.admin-workspace-links a.active {
    background: var(--pro-admin-blue) !important;
    color: #fff !important;
    border-color: var(--pro-admin-blue) !important;
}

.admin-workspace-links a.active i {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
}

.admin-workspace-brand strong,
.admin-panel__head h2,
.admin-card h5,
.admin-feature-tile strong,
.admin-command-card strong,
.admin-metric-card strong {
    color: #102033 !important;
}

.admin-workspace-brand small,
.admin-feature-tile small,
.admin-command-card small,
.admin-metric-card span {
    color: #5e7285 !important;
}

.admin-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

.admin-feature-tile {
    display: grid !important;
    gap: 0.35rem !important;
    align-content: start !important;
    min-height: 118px !important;
    padding: 1rem !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    box-shadow: 0 6px 16px rgba(21, 94, 159, 0.07) !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.admin-feature-tile:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(21, 94, 159, 0.42) !important;
    box-shadow: 0 12px 24px rgba(21, 94, 159, 0.12) !important;
}

.admin-page-head,
.admin-panel,
.admin-card,
.admin-command-card,
.admin-metric-card {
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    box-shadow: 0 6px 18px rgba(21, 94, 159, 0.07) !important;
}

.metric-blue,
.metric-green,
.metric-amber,
.metric-cyan {
    background: #fff !important;
    color: #102033 !important;
}

.admin-metric-card span,
.admin-metric-card strong {
    color: #102033 !important;
}

.admin-kicker,
.admin-kicker i {
    color: var(--pro-admin-blue) !important;
}

.admin-notification-menu {
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
}

.admin-notification-menu__head,
.admin-notification-menu__link {
    background: var(--pro-admin-blue) !important;
    color: #fff !important;
}

.admin-notification-menu__head *,
.admin-notification-menu__link {
    color: #fff !important;
}

@media (max-width: 1199px) {
    .admin-feature-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .category-tile__icon,
    .filter-nav--modern a i,
    .mobile-menu-link i,
    .header-quick-links a i,
    .nav-secondary i,
    .dropdown-item i,
    .admin-workspace-links i,
    .admin-feature-tile i {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 0.82rem !important;
    }

    .premium-fab {
        width: 42px !important;
        height: 42px !important;
    }

    .cart-link-header {
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
    }

    .admin-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }

    .admin-feature-tile {
        min-height: 104px !important;
        padding: 0.85rem !important;
    }
}

/* Admin orange + bleu fonce, sans degrade */
.admin-area {
    --pro-admin-navy: #0b1f3a;
    --pro-admin-navy-2: #12365d;
    --pro-admin-orange: #f28c28;
    --pro-admin-orange-dark: #d97706;
    --pro-admin-orange-soft: #fff4e6;
    --pro-admin-blue-soft: #eef5fb;
    --pro-admin-border: #d4e0eb;
    --grad-brand: #0b1f3a;
    background: #f4f7fb !important;
    background-image: none !important;
}

.admin-area *,
.admin-area *::before,
.admin-area *::after {
    background-image: none !important;
}

.admin-area .admin-page-head,
.admin-area .admin-page-head--software {
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-left: 4px solid var(--pro-admin-orange) !important;
    color: var(--pro-admin-navy) !important;
    box-shadow: 0 10px 22px rgba(11, 31, 58, 0.08) !important;
}

.admin-area .admin-page-head h1,
.admin-area .admin-page-head h2,
.admin-area .admin-page-head p,
.admin-area .admin-page-head--software h1,
.admin-area .admin-page-head--software p {
    color: var(--pro-admin-navy) !important;
}

.admin-area .admin-kicker,
.admin-area .admin-kicker i {
    color: var(--pro-admin-orange) !important;
}

.admin-area .admin-workspace-nav {
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-top: 4px solid var(--pro-admin-navy) !important;
    box-shadow: 0 10px 24px rgba(11, 31, 58, 0.08) !important;
}

.admin-area .admin-workspace-brand {
    background: var(--pro-admin-navy) !important;
    border-color: var(--pro-admin-navy) !important;
    color: #fff !important;
}

.admin-area .admin-workspace-brand strong,
.admin-area .admin-workspace-brand small {
    color: #fff !important;
}

.admin-area .admin-workspace-brand > span {
    background: var(--pro-admin-orange) !important;
    border-color: var(--pro-admin-orange) !important;
    color: #fff !important;
}

.admin-area .admin-workspace-links a,
.admin-area .admin-workspace-tools a {
    color: var(--pro-admin-navy) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

.admin-area .admin-workspace-links a:hover,
.admin-area .admin-workspace-tools a:hover {
    color: var(--pro-admin-navy) !important;
    background: var(--pro-admin-orange-soft) !important;
    border-color: rgba(242, 140, 40, 0.28) !important;
}

.admin-area .admin-workspace-links a.active {
    background: var(--pro-admin-navy) !important;
    border-color: var(--pro-admin-navy) !important;
    color: #fff !important;
}

.admin-area .admin-workspace-links i,
.admin-area .admin-workspace-tools i,
.admin-area .admin-feature-tile i,
.admin-area .admin-command-card span,
.admin-area .admin-metric-card i,
.admin-area .delivery-card__head > span,
.admin-area .stock-movement__icon,
.admin-area .activity-item__icon,
.admin-area .erp-delivery-actions a {
    background: var(--pro-admin-blue-soft) !important;
    border: 1px solid rgba(11, 31, 58, 0.14) !important;
    color: var(--pro-admin-navy) !important;
}

.admin-area .admin-workspace-links a.active i,
.admin-area .admin-feature-tile:hover i,
.admin-area .admin-command-card:hover span,
.admin-area .admin-metric-card:hover i {
    background: var(--pro-admin-orange) !important;
    border-color: var(--pro-admin-orange) !important;
    color: #fff !important;
}

.admin-area .admin-feature-tile,
.admin-area .admin-command-card,
.admin-area .admin-metric-card,
.admin-area .admin-panel,
.admin-area .admin-card,
.admin-area .admin-status-tile,
.admin-area .card,
.admin-area .stock-control-panel,
.admin-area .delivery-card,
.admin-area .activity-item,
.admin-area .stock-movement {
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 4px !important;
    color: var(--pro-admin-navy) !important;
    box-shadow: 0 8px 18px rgba(11, 31, 58, 0.07) !important;
}

.admin-area .admin-feature-tile:hover,
.admin-area .admin-command-card:hover,
.admin-area .admin-metric-card:hover,
.admin-area .admin-panel:hover,
.admin-area .admin-card:hover {
    border-color: rgba(242, 140, 40, 0.48) !important;
    box-shadow: 0 12px 26px rgba(11, 31, 58, 0.1) !important;
}

.admin-area .admin-feature-tile strong,
.admin-area .admin-command-card strong,
.admin-area .admin-metric-card strong,
.admin-area .admin-panel__head h2,
.admin-area .admin-card h5,
.admin-area table,
.admin-area th,
.admin-area td {
    color: var(--pro-admin-navy) !important;
}

.admin-area .admin-feature-tile small,
.admin-area .admin-command-card small,
.admin-area .admin-metric-card span,
.admin-area .text-muted {
    color: #60758a !important;
}

.admin-area .admin-panel__head,
.admin-area .card-header,
.admin-area thead th {
    background: #f8fbfd !important;
    color: var(--pro-admin-navy) !important;
    border-color: var(--pro-admin-border) !important;
}

.admin-area .metric-blue,
.admin-area .metric-green,
.admin-area .metric-amber,
.admin-area .metric-cyan {
    background: #fff !important;
    border-top: 3px solid var(--pro-admin-orange) !important;
}

.admin-area .btn-success,
.admin-area .btn-primary,
.admin-area .btn-warning {
    background: var(--pro-admin-orange) !important;
    border-color: var(--pro-admin-orange) !important;
    color: #fff !important;
}

.admin-area .btn-success:hover,
.admin-area .btn-primary:hover,
.admin-area .btn-warning:hover {
    background: var(--pro-admin-orange-dark) !important;
    border-color: var(--pro-admin-orange-dark) !important;
    color: #fff !important;
}

.admin-area .btn-outline-primary,
.admin-area .btn-outline-success,
.admin-area .btn-outline-secondary {
    background: #fff !important;
    border-color: var(--pro-admin-navy) !important;
    color: var(--pro-admin-navy) !important;
}

.admin-area .btn-outline-primary:hover,
.admin-area .btn-outline-success:hover,
.admin-area .btn-outline-secondary:hover {
    background: var(--pro-admin-navy) !important;
    border-color: var(--pro-admin-navy) !important;
    color: #fff !important;
}

.admin-area .modal-header,
.admin-area .order-detail-modal__head,
.admin-area .filter-panel__header {
    background: var(--pro-admin-navy) !important;
    color: #fff !important;
    border-color: var(--pro-admin-navy) !important;
}

.admin-area .modal-header *,
.admin-area .order-detail-modal__head *,
.admin-area .filter-panel__header * {
    color: #fff !important;
}

.admin-area .admin-notification-menu {
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
}

.admin-area .admin-notification-menu__head,
.admin-area .admin-notification-menu__link {
    background: var(--pro-admin-navy) !important;
    color: #fff !important;
}

.admin-area .admin-notification-badge,
.admin-area .mobile-menu-badge,
.admin-area .js-admin-pending-badge {
    background: var(--pro-admin-orange) !important;
    color: #fff !important;
}

/* Gestion produits : interface catalogue professionnelle */
.admin-area .admin-product-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

.admin-area .admin-product-stat {
    display: grid !important;
    grid-template-columns: 38px 1fr auto !important;
    align-items: center !important;
    gap: 0.7rem !important;
    min-height: 76px !important;
    padding: 0.95rem !important;
    background: #fff !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-left: 4px solid var(--pro-admin-orange) !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 18px rgba(11, 31, 58, 0.07) !important;
}

.admin-area .admin-product-stat i {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: var(--pro-admin-blue-soft) !important;
    color: var(--pro-admin-navy) !important;
    border: 1px solid rgba(11, 31, 58, 0.12) !important;
}

.admin-area .admin-product-stat span {
    color: #60758a !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.admin-area .admin-product-stat strong {
    color: var(--pro-admin-navy) !important;
    font-size: 1.35rem !important;
}

.admin-area .admin-products-card {
    overflow: hidden !important;
}

.admin-area .admin-products-card__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 1rem 1.1rem !important;
    background: #fff !important;
    border-bottom: 1px solid var(--pro-admin-border) !important;
}

.admin-area .admin-products-card__head h2 {
    margin: 0 !important;
    color: var(--pro-admin-navy) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
}

.admin-area .admin-products-card__tools span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0.35rem 0.7rem !important;
    border-radius: 999px !important;
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-navy) !important;
    font-weight: 800 !important;
    font-size: 0.82rem !important;
}

.admin-area .admin-products-table {
    min-width: 860px !important;
}

.admin-area .admin-products-table thead th {
    padding: 0.82rem 1rem !important;
    background: #f8fbfd !important;
    color: var(--pro-admin-navy) !important;
    font-size: 0.76rem !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.admin-area .admin-products-table tbody td {
    padding: 0.9rem 1rem !important;
    vertical-align: middle !important;
}

.admin-area .admin-products-table tbody tr:hover {
    background: #fffaf3 !important;
}

.admin-area .admin-product-name {
    display: block !important;
    color: var(--pro-admin-navy) !important;
    font-size: 0.98rem !important;
}

.admin-area .admin-product-thumb,
.admin-area .admin-image-missing {
    width: 58px !important;
    height: 58px !important;
    border-radius: 4px !important;
    border: 1px solid var(--pro-admin-border) !important;
    background: #f8fbfd !important;
    object-fit: cover !important;
}

.admin-area .admin-image-missing {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--pro-admin-orange) !important;
}

.admin-area .admin-stock-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 28px !important;
    padding: 0 0.6rem !important;
    border-radius: 999px !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    border: 1px solid transparent !important;
}

.admin-area .admin-stock-badge--ok {
    background: #eaf7ee !important;
    color: #126433 !important;
    border-color: #bee5ca !important;
}

.admin-area .admin-stock-badge--low {
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-orange-dark) !important;
    border-color: #ffd8a8 !important;
}

.admin-area .admin-stock-badge--out {
    background: #fff1f1 !important;
    color: #b42318 !important;
    border-color: #ffd0d0 !important;
}

.admin-area .admin-table-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
}

.admin-area .admin-table-actions .btn,
.admin-area .admin-share-actions .share-btn,
.admin-area .admin-table-actions .share-btn {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    border: 1px solid var(--pro-admin-border) !important;
    background: #fff !important;
    color: var(--pro-admin-navy) !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.admin-area .admin-table-actions .btn-primary,
.admin-area .admin-table-actions .btn-success {
    background: var(--pro-admin-orange) !important;
    border-color: var(--pro-admin-orange) !important;
    color: #fff !important;
}

.admin-area .admin-table-actions .btn-danger {
    background: #fff1f1 !important;
    border-color: #ffd0d0 !important;
    color: #b42318 !important;
}

.admin-area .admin-table-actions .btn:hover,
.admin-area .admin-share-actions .share-btn:hover,
.admin-area .admin-table-actions .share-btn:hover {
    background: var(--pro-admin-navy) !important;
    border-color: var(--pro-admin-navy) !important;
    color: #fff !important;
}

.admin-area .admin-share-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0.95rem !important;
    background: #f8fbfd !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-left: 4px solid var(--pro-admin-orange) !important;
    border-radius: 4px !important;
}

.admin-area .admin-share-panel strong {
    display: block !important;
    max-width: min(680px, 68vw) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--pro-admin-navy) !important;
}

.admin-area .admin-product-editor {
    border-left: 4px solid var(--pro-admin-orange) !important;
}

.admin-area .admin-product-editor__head {
    background: var(--pro-admin-navy) !important;
    color: #fff !important;
    border-color: var(--pro-admin-navy) !important;
}

.admin-area .admin-product-modal-dialog {
    max-width: min(1040px, calc(100vw - 1.5rem)) !important;
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.admin-area .admin-product-modal {
    max-height: calc(100vh - 2.5rem) !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.admin-area .admin-product-modal .modal-header {
    flex: 0 0 auto !important;
    background: var(--pro-admin-navy) !important;
}

.admin-area .admin-product-modal form {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

.admin-area .admin-product-modal .modal-body {
    max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
    padding: 1.1rem !important;
    background: #fff !important;
}

.admin-area .admin-product-modal .modal-footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    background: #fff !important;
    border-top: 1px solid var(--pro-admin-border) !important;
    box-shadow: 0 -8px 18px rgba(11, 31, 58, 0.06) !important;
}

.admin-area .admin-product-form-intro {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
    padding: 0.9rem !important;
    border: 1px solid #ffd8a8 !important;
    border-left: 4px solid var(--pro-admin-orange) !important;
    border-radius: 4px !important;
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-navy) !important;
}

.admin-area .admin-product-form-intro i {
    color: var(--pro-admin-orange-dark) !important;
    margin-top: 0.15rem !important;
}

.admin-area .admin-product-form-intro strong,
.admin-area .admin-product-form-intro small {
    display: block !important;
    color: var(--pro-admin-navy) !important;
}

.admin-area .admin-product-form-intro small {
    color: #60758a !important;
}

.admin-area .admin-head-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
}

.admin-area .stock-kpi-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-area .stock-ops-grid {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.8fr) minmax(420px, 1.2fr) !important;
    gap: 1rem !important;
}

.admin-area .stock-category-list {
    display: grid !important;
    gap: 0.65rem !important;
}

.admin-area .stock-category-row {
    display: grid !important;
    grid-template-columns: 42px 1fr auto !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.8rem !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.admin-area .stock-category-row > span,
.admin-area .admin-icon-preview > span {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: var(--pro-admin-orange-soft) !important;
    color: var(--pro-admin-orange-dark) !important;
}

.admin-area .stock-category-row strong,
.admin-area .admin-icon-preview strong {
    display: block !important;
    color: var(--pro-admin-navy) !important;
}

.admin-area .stock-category-row small,
.admin-area .admin-icon-preview small {
    display: block !important;
    color: #60758a !important;
}

.admin-area .stock-category-row em {
    font-style: normal !important;
    font-weight: 800 !important;
    color: var(--pro-admin-navy) !important;
    white-space: nowrap !important;
}

.admin-area .stock-filter-head {
    align-items: flex-start !important;
    gap: 1rem !important;
}

.admin-area .stock-filter-form,
.admin-area .stock-quick-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
}

.admin-area .stock-filter-form .form-control,
.admin-area .stock-filter-form .form-select {
    width: auto !important;
    min-width: 170px !important;
}

.admin-area .stock-filter-form .stock-threshold-input {
    min-width: 82px !important;
    width: 82px !important;
}

.admin-area .stock-quick-toolbar {
    padding: 0.85rem !important;
    background: #f8fbfd !important;
    border-top: 1px solid var(--pro-admin-border) !important;
    border-bottom: 1px solid var(--pro-admin-border) !important;
}

.admin-area .stock-quick-toolbar .form-control {
    max-width: 260px !important;
}

.admin-area .stock-inline-input {
    width: 92px !important;
    text-align: center !important;
    font-weight: 800 !important;
    border-color: var(--pro-admin-border) !important;
}

.admin-area .stock-rayon-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    color: #34495f !important;
    font-weight: 700 !important;
}

.admin-area .stock-movement__icon--in {
    background: #eaf7ee !important;
    color: #126433 !important;
}

.admin-area .stock-movement__icon--out {
    background: #fff1f1 !important;
    color: #b42318 !important;
}

.admin-area .admin-icon-preview {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.85rem !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-left: 4px solid var(--pro-admin-orange) !important;
    border-radius: 4px !important;
    background: #f8fbfd !important;
}

.admin-area .admin-form-switch {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    padding: 0.5rem 0.75rem 0.5rem 2.75rem !important;
    background: #f8fbfd !important;
    border: 1px solid var(--pro-admin-border) !important;
    border-radius: 4px !important;
}

@media (max-width: 991px) {
    .admin-area .admin-product-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-area .stock-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-area .stock-ops-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-area .stock-filter-head {
        flex-direction: column !important;
    }
}

@media (max-width: 767px) {
    .admin-area .admin-product-stats {
        grid-template-columns: 1fr !important;
    }

    .admin-area .admin-product-stat {
        grid-template-columns: 34px 1fr auto !important;
    }

    .admin-area .admin-products-card__head,
    .admin-area .admin-share-panel {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .admin-area .admin-share-panel strong {
        max-width: 100% !important;
    }

    .admin-area .admin-product-modal-dialog {
        margin: 0.5rem !important;
        max-width: calc(100vw - 1rem) !important;
    }

    .admin-area .admin-product-modal {
        max-height: calc(100vh - 1rem) !important;
    }

    .admin-area .admin-product-modal .modal-body {
        max-height: calc(100vh - 178px) !important;
        padding: 0.9rem !important;
    }

    .admin-area .stock-kpi-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-area .stock-filter-form,
    .admin-area .stock-quick-toolbar,
    .admin-area .admin-head-actions {
        width: 100% !important;
    }

    .admin-area .stock-filter-form .form-control,
    .admin-area .stock-filter-form .form-select,
    .admin-area .stock-filter-form .btn,
    .admin-area .stock-quick-toolbar .form-control,
    .admin-area .stock-quick-toolbar .btn,
    .admin-area .admin-head-actions .btn {
        width: 100% !important;
        max-width: none !important;
    }

    .admin-area .stock-category-row {
        grid-template-columns: 38px 1fr !important;
    }

    .admin-area .stock-category-row em {
        grid-column: 2 !important;
    }
}

/* Final override: alignement menu + vert Excel, prioritaire */
:root {
    --excel-green: #107c41;
    --excel-green-dark: #0b5f31;
    --excel-green-soft: #e8f3ed;
    --excel-green-line: #b9d8c7;
}

.nav-secondary .container-fluid > div:first-child {
    align-items: stretch !important;
    gap: 0.55rem !important;
}

.nav-secondary .hover-link,
.nav-secondary a.hover-link,
.nav-secondary .btn-rayons {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    padding: 0.45rem 0.8rem !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
}

.nav-secondary .hover-link:hover,
.nav-secondary a.hover-link:hover {
    background: var(--excel-green-soft) !important;
    border-color: var(--excel-green-line) !important;
    color: var(--excel-green-dark) !important;
}

.nav-secondary .btn-rayons,
.btn-success,
.btn-primary,
.btn-warning,
.search-form .btn,
.search-form .btn-warning,
.premium-chat-send,
.premium-fab,
.cart-link-header #cart-count,
.cart-link-header .badge,
.admin-notification-badge,
.mobile-menu-badge,
.js-admin-pending-badge {
    background: var(--excel-green) !important;
    background-image: none !important;
    border-color: var(--excel-green) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.nav-secondary .btn-rayons:hover,
.btn-success:hover,
.btn-primary:hover,
.btn-warning:hover,
.search-form .btn:hover,
.premium-chat-send:hover,
.premium-fab:hover {
    background: var(--excel-green-dark) !important;
    border-color: var(--excel-green-dark) !important;
}

.nav-secondary i {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 4px !important;
    font-size: 0.78rem !important;
}

.admin-area {
    --pro-admin-orange: var(--excel-green);
    --pro-admin-orange-dark: var(--excel-green-dark);
    --pro-admin-orange-soft: var(--excel-green-soft);
    --pro-admin-orange-shadow: rgba(16, 124, 65, 0.18);
    --pro-admin-blue: #0f2f4a;
    --pro-admin-blue-soft: #eef5f1;
    --pro-admin-border: #cbdcd4;
}

.admin-area .admin-workspace-nav,
.admin-area .admin-panel,
.admin-area .admin-card,
.admin-area .admin-page-head,
.admin-area .admin-page-head--software,
.admin-area .admin-command-card,
.admin-area .admin-metric-card,
.admin-area .admin-status-tile,
.admin-area .admin-feature-tile,
.admin-area .card,
.admin-area .modal-content,
.admin-area .form-control,
.admin-area .form-select,
.admin-area .btn,
.admin-area .admin-table-actions .btn,
.admin-area .admin-share-actions .share-btn {
    border-radius: 3px !important;
}

.admin-area .admin-workspace-links,
.admin-area .admin-workspace-tools {
    display: grid !important;
    gap: 0.35rem !important;
}

.admin-area .admin-workspace-links a,
.admin-area .admin-workspace-tools a {
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.65rem !important;
    padding: 0.35rem 0.55rem !important;
    border-radius: 3px !important;
    line-height: 1.1 !important;
    transform: none !important;
}

.admin-area .admin-workspace-links a span,
.admin-area .admin-workspace-tools a span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.admin-area .admin-workspace-links i,
.admin-area .admin-workspace-tools i,
.admin-area .admin-workspace-brand > span {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 3px !important;
}

.admin-area .admin-workspace-links a:hover,
.admin-area .admin-workspace-tools a:hover {
    background: var(--excel-green-soft) !important;
    border-color: var(--excel-green-line) !important;
    color: var(--excel-green-dark) !important;
}

.admin-area .admin-workspace-links a.active {
    background: var(--excel-green-dark) !important;
    border-color: var(--excel-green-dark) !important;
    color: #fff !important;
}

.admin-area .admin-workspace-links a.active i {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #fff !important;
}

.admin-area .admin-page-head,
.admin-area .admin-page-head--software,
.admin-area .admin-product-stat,
.admin-area .admin-share-panel,
.admin-area .admin-product-editor,
.admin-area .admin-product-form-intro,
.admin-area .admin-icon-preview,
.admin-area .erp-control-card {
    border-left-color: var(--excel-green) !important;
}

.admin-area .admin-products-table tbody tr:hover,
.admin-area .table-hover tbody tr:hover {
    background: #f3faf6 !important;
}

.admin-area .admin-stock-badge--low,
.admin-area .stock-category-row > span,
.admin-area .admin-icon-preview > span,
.admin-area .admin-products-card__tools span,
.admin-area .erp-control-card > span {
    background: var(--excel-green-soft) !important;
    color: var(--excel-green-dark) !important;
    border-color: var(--excel-green-line) !important;
}

.admin-area .admin-kicker,
.admin-area .admin-kicker i,
.admin-area .admin-image-missing,
.admin-area .admin-product-form-intro i {
    color: var(--excel-green-dark) !important;
}

.admin-area .btn-success,
.admin-area .btn-primary,
.admin-area .btn-warning,
.admin-area .admin-table-actions .btn-primary,
.admin-area .admin-table-actions .btn-success {
    background: var(--excel-green) !important;
    border-color: var(--excel-green) !important;
    color: #fff !important;
}

.admin-area .btn-success:hover,
.admin-area .btn-primary:hover,
.admin-area .btn-warning:hover,
.admin-area .admin-table-actions .btn-primary:hover,
.admin-area .admin-table-actions .btn-success:hover {
    background: var(--excel-green-dark) !important;
    border-color: var(--excel-green-dark) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .nav-secondary .container-fluid > div:first-child {
        gap: 0.4rem !important;
    }

    .nav-secondary .hover-link,
    .nav-secondary a.hover-link,
    .nav-secondary .btn-rayons {
        min-height: 36px !important;
        padding: 0.42rem 0.65rem !important;
    }
}