.elementor-437 .elementor-element.elementor-element-29438473{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-437 .elementor-element.elementor-element-29438473:not(.elementor-motion-effects-element-type-background), .elementor-437 .elementor-element.elementor-element-29438473 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-437 .elementor-element.elementor-element-570bd585{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:1% 1%;--row-gap:1%;--column-gap:1%;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-437 .elementor-element.elementor-element-570bd585:not(.elementor-motion-effects-element-type-background), .elementor-437 .elementor-element.elementor-element-570bd585 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-437 .elementor-element.elementor-element-746c5d76{width:100%;max-width:100%;}.elementor-437 .elementor-element.elementor-element-746c5d76.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-437 .elementor-element.elementor-element-4b1bf6f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:1% 1%;--row-gap:1%;--column-gap:1%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-437 .elementor-element.elementor-element-4b1bf6f2:not(.elementor-motion-effects-element-type-background), .elementor-437 .elementor-element.elementor-element-4b1bf6f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-437 .elementor-element.elementor-element-3dabb14d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1.5%;--padding-bottom:1.5%;--padding-left:4%;--padding-right:4%;}.elementor-437 .elementor-element.elementor-element-3dabb14d:not(.elementor-motion-effects-element-type-background), .elementor-437 .elementor-element.elementor-element-3dabb14d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2C2F;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-437 .elementor-element.elementor-element-48297cdd{width:auto;max-width:auto;}.elementor-437 .elementor-element.elementor-element-48297cdd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:#E5E5E5;}.elementor-437 .elementor-element.elementor-element-4eb99aa2{--grid-template-columns:repeat(0, auto);text-align:left;width:auto;max-width:auto;--icon-size:15px;--grid-column-gap:15px;--grid-row-gap:0px;}.elementor-437 .elementor-element.elementor-element-4eb99aa2 .elementor-social-icon{background-color:#02010100;--icon-padding:0em;}.elementor-437 .elementor-element.elementor-element-4eb99aa2 .elementor-social-icon i{color:#FFFFFF;}.elementor-437 .elementor-element.elementor-element-4eb99aa2 .elementor-social-icon svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-437 .elementor-element.elementor-element-29438473{--margin-top:20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-437 .elementor-element.elementor-element-570bd585{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-437 .elementor-element.elementor-element-4b1bf6f2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-437 .elementor-element.elementor-element-3dabb14d{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:3%;--padding-bottom:3%;--padding-left:4%;--padding-right:4%;}}@media(max-width:767px){.elementor-437 .elementor-element.elementor-element-29438473{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-437 .elementor-element.elementor-element-3dabb14d{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:7%;--padding-bottom:7%;--padding-left:4%;--padding-right:4%;}}/* Start custom CSS for container, class: .elementor-element-570bd585 *//* ============================================
   DARK MODE GLOBAL – BetCombinator Simulator
   ============================================ */

/* ---- Fond principal ---- */
.mpl-wrap {
    background: #0d0d0d !important;
    color: #fff !important;
    padding: 10px;
}

/* ---- Cartes ---- */
.mpl-card {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 14px !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.45) !important;
}

/* ---- Titres ---- */
.mpl-card h2,
.mpl-card h3,
.mpl-header h2 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ---- Texte secondaire ---- */
.mpl-muted,
.mpl-footnote {
    color: #bbbbbb !important;
}

/* ---- Labels ---- */
.mpl-field span,
.mpl-card label {
    color: #e8e8e8 !important;
}

/* ---- Inputs & Selects ---- */
.mpl-card input[type="number"],
.mpl-card input[type="text"],
.mpl-card select {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
}

/* Options de select */
.mpl-card select option {
    background: #222 !important;
    color: #fff !important;
}

/* ---- Cases à cocher ---- */
.mpl-card input[type="checkbox"] {
    transform: scale(1.2);
    accent-color: #ff008c !important;
}

/* ---- Boutons génériques ---- */
.mpl-card .mpl-btn,
.bcmi-analyze-btn,
.bcmi-batch-btn {
    background: #111 !important;
    color: #fff !important;
    border: 2px solid #ff008c !important;
    padding: 8px 14px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: 0.2s ease;
}

/* Hover */
.mpl-card .mpl-btn:hover,
.bcmi-analyze-btn:hover,
.bcmi-batch-btn:hover {
    background: #ff008c !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* ---- Bouton danger (Effacer la liste) ---- */
.mpl-card .mpl-danger {
    background: #b11424 !important;
    border-color: #d51d35 !important;
}

.mpl-card .mpl-danger:hover {
    background: #d51d35 !important;
}

/* ---- Tableau des matchs ---- */
.mpl-table {
    background: #1a1a1a !important;
    color: #fff !important;
}

.mpl-table th {
    background: #222 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}

.mpl-table td {
    background: #151515 !important;
    border-bottom: 1px solid #222 !important;
    color: #fff !important;
}

/* Cellules éditables */
.mpl-table td[contenteditable] {
    background: #202020 !important;
}

/* Ligne au survol */
.mpl-table tr:hover td {
    background: #2a2a2a !important;
}

/* ---- Scroll horizontal visuel ---- */
.mpl-scroll {
    background: #0d0d0d !important;
}

/* ---- Tickets ---- */
.mpl-accordion {
    background: #111 !important;
    border: 1px solid #333 !important;
}

.mpl-accordion .mpl-card {
    background: #151515 !important;
}

/* ---- Avertissement ---- */
.mpl-card p {
    color: #ddd !important;
}

/* ---- Insights modale en dark mode ---- */
#bcmi-modal {
    background: rgba(0,0,0,0.8) !important;
}

#bcmi-box {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}


/* =======================================================
   FIX STRUCTUREL IMPORT MATCHES (DESKTOP + MOBILE)
   Empêche Elementor de forcer display:flex
   Corrige l'étirement horizontal des boutons
   ======================================================= */

/* 1) Forcer la section IMPORT à revenir en layout vertical */
.elementor-widget-shortcode .mpl-card:nth-of-type(2) {
    display: block !important;
    align-items: unset !important;
    gap: 0 !important;
}

/* 2) Remettre les champs AU-DESSOUS les uns des autres */
#mpl-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: flex-start !important;
}

/* 3) Taille normale des champs sur desktop */
#mpl-toolbar > label,
#mpl-toolbar > button,
#mpl-toolbar select,
#mpl-toolbar input {
    width: auto !important;
    max-width: 260px !important;
}

/* 4) Mettre les champs en colonne sur mobile */
@media (max-width: 768px) {
    #mpl-toolbar {
        display: block !important;
    }

    #mpl-toolbar > label,
    #mpl-toolbar > button,
    #mpl-toolbar select,
    #mpl-toolbar input {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

/* 5) Corriger le bouton 'Effacer la liste' pour qu'il reste normal */
#mpl-clear {
    width: auto !important;
}


/* Message après import des cotes (debug/API) */
#mpl-debug {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
}


/* Fix sous-titres décalés sur mobile */
@media (max-width: 768px) {

    /* "Tableau éditable — p en pourcentage." */
    .mpl-row {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .mpl-row .mpl-muted {
        margin-left: 0 !important;
    }

    /* Badge "0 ticket" dans Tickets générés */
    #mpl-ticketsInfo {
        float: none !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
}


/* ================================
   MESSAGE IMPORT (succès/erreur)
   ================================ */
#mpl-debug {
    background: #1d1f26 !important;
    color: #fff !important;
    border: 1px solid #2e323d !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    animation: bcFadeIn 0.4s ease-out forwards;
    opacity: 0;
    transform: translateY(6px);
}

/* Couleur succès */
#mpl-debug.bc-success {
    border-left: 4px solid #28d17c !important;
    background: rgba(40, 209, 124, 0.12) !important;
}

/* Couleur erreur */
#mpl-debug.bc-error {
    border-left: 4px solid #ff4d4d !important;
    background: rgba(255, 77, 77, 0.12) !important;
}

/* Animation fade-in/slide-up */
@keyframes bcFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ================================
   PADDING REDUIT SUR MOBILE
   ================================ */
@media (max-width: 768px) {
    .mpl-card {
        padding: 14px 16px !important;
        border-radius: 12px !important;
    }

    .mpl-card h3 {
        margin-bottom: 12px !important;
        font-size: 1.1rem !important;
    }

    .mpl-row {
        gap: 6px !important;
    }
}

/* ================================
   MARGES VERTICALES UNIFORMES
   ================================ */
.mpl-card {
    margin-bottom: 28px !important;
}

.mpl-card:last-of-type {
    margin-bottom: 10px !important;
}

.mpl-card .mpl-chips,
.mpl-card .mpl-actions {
    margin-top: 18px !important;
}

/* ================================
   BOUTONS TRADING UI PREMIUM
   ================================ */
.mpl-btn,
.bcmi-analyze-btn,
.bcmi-batch-btn {
    background: #101014 !important;
    border: 2px solid #ff008c !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 9px 16px !important;
    letter-spacing: 0.3px !important;
    transition: 0.15s ease-out;
    box-shadow: 0 0 0px rgba(255, 0, 140, 0.0);
}

.mpl-btn:hover,
.bcmi-analyze-btn:hover,
.bcmi-batch-btn:hover {
    background: #ff008c !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(255, 0, 140, 0.5);
}

/* Danger */
.mpl-danger {
    background: #b11424 !important;
    border: 2px solid #d51d35 !important;
}
.mpl-danger:hover {
    background: #d51d35 !important;
    box-shadow: 0 0 12px rgba(213, 29, 53, 0.5);
}

/* ================================
   TABLE STYLE TRADING DASHBOARD
   ================================ */
.mpl-table th {
    background: #181a20 !important;
    border-bottom: 1px solid #2a2d34 !important;
    font-weight: 600 !important;
}

.mpl-table td {
    background: #121418 !important;
    border-bottom: 1px solid #1d1f26 !important;
}

.mpl-table tr:hover td {
    background: #1e2129 !important;
}

/* Cellules editables effet focus */
.mpl-table td[contenteditable]:focus {
    outline: 2px solid #ff008c !important;
    background: #1e1e28 !important;
}

/* Rendre la barre de scroll style trading */
.mpl-scroll::-webkit-scrollbar {
    height: 8px;
}
.mpl-scroll::-webkit-scrollbar-track {
    background: #0d0d0d;
}
.mpl-scroll::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .mpl-row {
        justify-content: flex-start !important;
        text-align: left !important;
    }
    .mpl-row .mpl-muted {
        margin-left: 0 !important;
    }
    #mpl-ticketsInfo {
        float: none !important;
        margin-left: 0 !important;
        text-align: left !important;
        display: block !important;
        margin-top: 6px !important;
    }
}



/* ==========================================
   FIX : scroll horizontal dans Tickets générés
   ========================================== */

/* Le conteneur principal des tickets doit autoriser le scroll */
.mpl-accordion {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Les panneaux internes doivent pouvoir dépasser en largeur */
.mpl-accordion .mpl-card,
.mpl-accordion > div {
    min-width: 650px !important; /* largeur réaliste du contenu */
}

/* Sur mobile, on active un scroll horizontal clair */
@media (max-width: 768px) {
    .mpl-accordion {
        display: block !important;
        overflow-x: auto !important;
        padding-bottom: 10px !important;
    }

    /* Ajout d’un repère visuel (optionnel mais utile) */
    .mpl-accordion:after {
        content: "⬅️ Faites glisser pour voir la suite ➡️";
        display: block;
        text-align: center;
        color: #888;
        font-size: 0.85rem;
        margin-top: 6px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b1bf6f2 *//* ============================================
   DARK MODE GLOBAL – BetCombinator Simulator
   ============================================ */

/* ---- Fond principal ---- */
.mpl-wrap {
    background: #0d0d0d !important;
    color: #fff !important;
    padding: 10px;
}

/* ---- Cartes ---- */
.mpl-card {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 14px !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.45) !important;
}

/* ---- Titres ---- */
.mpl-card h2,
.mpl-card h3,
.mpl-header h2 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ---- Texte secondaire ---- */
.mpl-muted,
.mpl-footnote {
    color: #bbbbbb !important;
}

/* ---- Labels ---- */
.mpl-field span,
.mpl-card label {
    color: #e8e8e8 !important;
}

/* ---- Inputs & Selects ---- */
.mpl-card input[type="number"],
.mpl-card input[type="text"],
.mpl-card select {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
}

/* Options de select */
.mpl-card select option {
    background: #222 !important;
    color: #fff !important;
}

/* ---- Cases à cocher ---- */
.mpl-card input[type="checkbox"] {
    transform: scale(1.2);
    accent-color: #ff008c !important;
}

/* ---- Boutons génériques ---- */
.mpl-card .mpl-btn,
.bcmi-analyze-btn,
.bcmi-batch-btn {
    background: #111 !important;
    color: #fff !important;
    border: 2px solid #ff008c !important;
    padding: 8px 14px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: 0.2s ease;
}

/* Hover */
.mpl-card .mpl-btn:hover,
.bcmi-analyze-btn:hover,
.bcmi-batch-btn:hover {
    background: #ff008c !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* ---- Bouton danger (Effacer la liste) ---- */
.mpl-card .mpl-danger {
    background: #b11424 !important;
    border-color: #d51d35 !important;
}

.mpl-card .mpl-danger:hover {
    background: #d51d35 !important;
}

/* ---- Tableau des matchs ---- */
.mpl-table {
    background: #1a1a1a !important;
    color: #fff !important;
}

.mpl-table th {
    background: #222 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}

.mpl-table td {
    background: #151515 !important;
    border-bottom: 1px solid #222 !important;
    color: #fff !important;
}

/* Cellules éditables */
.mpl-table td[contenteditable] {
    background: #202020 !important;
}

/* Ligne au survol */
.mpl-table tr:hover td {
    background: #2a2a2a !important;
}

/* ---- Scroll horizontal visuel ---- */
.mpl-scroll {
    background: #0d0d0d !important;
}

/* ---- Tickets ---- */
.mpl-accordion {
    background: #111 !important;
    border: 1px solid #333 !important;
}

.mpl-accordion .mpl-card {
    background: #151515 !important;
}

/* ---- Avertissement ---- */
.mpl-card p {
    color: #ddd !important;
}

/* ---- Insights modale en dark mode ---- */
#bcmi-modal {
    background: rgba(0,0,0,0.8) !important;
}

#bcmi-box {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}


/* =======================================================
   FIX STRUCTUREL IMPORT MATCHES (DESKTOP + MOBILE)
   Empêche Elementor de forcer display:flex
   Corrige l'étirement horizontal des boutons
   ======================================================= */

/* 1) Forcer la section IMPORT à revenir en layout vertical */
.elementor-widget-shortcode .mpl-card:nth-of-type(2) {
    display: block !important;
    align-items: unset !important;
    gap: 0 !important;
}

/* 2) Remettre les champs AU-DESSOUS les uns des autres */
#mpl-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: flex-start !important;
}

/* 3) Taille normale des champs sur desktop */
#mpl-toolbar > label,
#mpl-toolbar > button,
#mpl-toolbar select,
#mpl-toolbar input {
    width: auto !important;
    max-width: 260px !important;
}

/* 4) Mettre les champs en colonne sur mobile */
@media (max-width: 768px) {
    #mpl-toolbar {
        display: block !important;
    }

    #mpl-toolbar > label,
    #mpl-toolbar > button,
    #mpl-toolbar select,
    #mpl-toolbar input {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

/* 5) Corriger le bouton 'Effacer la liste' pour qu'il reste normal */
#mpl-clear {
    width: auto !important;
}


/* Message après import des cotes (debug/API) */
#mpl-debug {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
}


/* Fix sous-titres décalés sur mobile */
@media (max-width: 768px) {

    /* "Tableau éditable — p en pourcentage." */
    .mpl-row {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .mpl-row .mpl-muted {
        margin-left: 0 !important;
    }

    /* Badge "0 ticket" dans Tickets générés */
    #mpl-ticketsInfo {
        float: none !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
}


/* ================================
   MESSAGE IMPORT (succès/erreur)
   ================================ */
#mpl-debug {
    background: #1d1f26 !important;
    color: #fff !important;
    border: 1px solid #2e323d !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
    animation: bcFadeIn 0.4s ease-out forwards;
    opacity: 0;
    transform: translateY(6px);
}

/* Couleur succès */
#mpl-debug.bc-success {
    border-left: 4px solid #28d17c !important;
    background: rgba(40, 209, 124, 0.12) !important;
}

/* Couleur erreur */
#mpl-debug.bc-error {
    border-left: 4px solid #ff4d4d !important;
    background: rgba(255, 77, 77, 0.12) !important;
}

/* Animation fade-in/slide-up */
@keyframes bcFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ================================
   PADDING REDUIT SUR MOBILE
   ================================ */
@media (max-width: 768px) {
    .mpl-card {
        padding: 14px 16px !important;
        border-radius: 12px !important;
    }

    .mpl-card h3 {
        margin-bottom: 12px !important;
        font-size: 1.1rem !important;
    }

    .mpl-row {
        gap: 6px !important;
    }
}

/* ================================
   MARGES VERTICALES UNIFORMES
   ================================ */
.mpl-card {
    margin-bottom: 28px !important;
}

.mpl-card:last-of-type {
    margin-bottom: 10px !important;
}

.mpl-card .mpl-chips,
.mpl-card .mpl-actions {
    margin-top: 18px !important;
}

/* ================================
   BOUTONS TRADING UI PREMIUM
   ================================ */
.mpl-btn,
.bcmi-analyze-btn,
.bcmi-batch-btn {
    background: #101014 !important;
    border: 2px solid #ff008c !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 9px 16px !important;
    letter-spacing: 0.3px !important;
    transition: 0.15s ease-out;
    box-shadow: 0 0 0px rgba(255, 0, 140, 0.0);
}

.mpl-btn:hover,
.bcmi-analyze-btn:hover,
.bcmi-batch-btn:hover {
    background: #ff008c !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(255, 0, 140, 0.5);
}

/* Danger */
.mpl-danger {
    background: #b11424 !important;
    border: 2px solid #d51d35 !important;
}
.mpl-danger:hover {
    background: #d51d35 !important;
    box-shadow: 0 0 12px rgba(213, 29, 53, 0.5);
}

/* ================================
   TABLE STYLE TRADING DASHBOARD
   ================================ */
.mpl-table th {
    background: #181a20 !important;
    border-bottom: 1px solid #2a2d34 !important;
    font-weight: 600 !important;
}

.mpl-table td {
    background: #121418 !important;
    border-bottom: 1px solid #1d1f26 !important;
}

.mpl-table tr:hover td {
    background: #1e2129 !important;
}

/* Cellules editables effet focus */
.mpl-table td[contenteditable]:focus {
    outline: 2px solid #ff008c !important;
    background: #1e1e28 !important;
}

/* Rendre la barre de scroll style trading */
.mpl-scroll::-webkit-scrollbar {
    height: 8px;
}
.mpl-scroll::-webkit-scrollbar-track {
    background: #0d0d0d;
}
.mpl-scroll::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .mpl-row {
        justify-content: flex-start !important;
        text-align: left !important;
    }
    .mpl-row .mpl-muted {
        margin-left: 0 !important;
    }
    #mpl-ticketsInfo {
        float: none !important;
        margin-left: 0 !important;
        text-align: left !important;
        display: block !important;
        margin-top: 6px !important;
    }
}



/* ==========================================
   FIX : scroll horizontal dans Tickets générés
   ========================================== */

/* Le conteneur principal des tickets doit autoriser le scroll */
.mpl-accordion {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Les panneaux internes doivent pouvoir dépasser en largeur */
.mpl-accordion .mpl-card,
.mpl-accordion > div {
    min-width: 650px !important; /* largeur réaliste du contenu */
}

/* Sur mobile, on active un scroll horizontal clair */
@media (max-width: 768px) {
    .mpl-accordion {
        display: block !important;
        overflow-x: auto !important;
        padding-bottom: 10px !important;
    }

    /* Ajout d’un repère visuel (optionnel mais utile) */
    .mpl-accordion:after {
        content: "⬅️ Faites glisser pour voir la suite ➡️";
        display: block;
        text-align: center;
        color: #888;
        font-size: 0.85rem;
        margin-top: 6px;
    }
}/* End custom CSS */