#mpcash-conseiller-root{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:999999;
    font-family:Arial,sans-serif;
}

.mpcash-conseiller-bubble{
    display:flex;
    align-items:center;
    gap:10px;
    background:#073047;
    color:#fff;
    border:0;
    border-radius:50px;
    padding:8px 16px 8px 8px;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    cursor:pointer;
}

.mpcash-conseiller-bubble.is-hidden{
    display:none;
}

.mpcash-conseiller-avatar,
.mpcash-chat-avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    border:3px solid #10b981;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex:0 0 auto;
}

.mpcash-bubble-copy{
    display:flex;
    flex-direction:column;
    text-align:left;
}

.mpcash-bubble-copy strong{
    font-size:14px;
}

.mpcash-bubble-copy small{
    background:#f59e0b;
    color:#111;
    padding:2px 5px;
    border-radius:5px;
    margin-left:5px;
    font-size:9px;
}

.mpcash-bubble-copy > span{
    color:#bbf7d0;
    font-size:11px;
    margin-top:3px;
}

.mpcash-chat-window{
    width:370px;
    max-height:650px;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 20px 55px rgba(0,0,0,.30);
    display:none;
    border:1px solid #dbe4ea;
}

.mpcash-chat-window.is-open{
    display:block;
}

.mpcash-chat-header{
    background:#073047;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px;
}

.mpcash-chat-profile{
    display:flex;
    align-items:center;
    gap:10px;
}

.mpcash-chat-profile div{
    display:flex;
    flex-direction:column;
}

.mpcash-chat-profile strong{
    font-size:15px;
}

.mpcash-chat-profile span{
    color:#bbf7d0;
    font-size:11px;
    margin-top:3px;
}

.mpcash-chat-close{
    background:transparent;
    color:#fff;
    border:0;
    font-size:27px;
    cursor:pointer;
}

.mpcash-chat-body{
    padding:14px;
    max-height:480px;
    overflow-y:auto;
    background:#f7fafc;
}

.mpcash-chat-messages{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.mpcash-msg{
    max-width:84%;
    padding:10px 12px;
    border-radius:14px;
    font-size:13px;
    line-height:1.4;
}

.mpcash-msg-bot{
    align-self:flex-start;
    background:#fff;
    color:#172033;
    border:1px solid #e4e8ed;
}

.mpcash-msg-user{
    align-self:flex-end;
    background:#dcfce7;
    color:#123c2a;
}

.mpcash-quick-title{
    font-size:12px;
    font-weight:700;
    margin:15px 0 8px;
    color:#536273;
}

.mpcash-quick-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
}

.mpcash-quick-actions button{
    background:#fff;
    border:1px solid #dce3e8;
    border-radius:9px;
    padding:9px 10px;
    text-align:left;
    cursor:pointer;
    font-size:12px;
    color:#172033;
}

.mpcash-quick-actions button:hover{
    border-color:#10b981;
    background:#f0fdf4;
}

.mpcash-chat-footer{
    display:flex;
    gap:8px;
    padding:12px;
    border-top:1px solid #e5e7eb;
    background:#fff;
}

.mpcash-chat-input{
    flex:1;
    min-width:0;
    border:1px solid #d5dde4;
    border-radius:22px;
    padding:10px 13px;
    outline:none;
    font-size:13px;
}

.mpcash-chat-input:focus{
    border-color:#10b981;
}

.mpcash-chat-send{
    width:42px;
    height:42px;
    border-radius:50%;
    border:0;
    background:#10b981;
    color:#fff;
    cursor:pointer;
    font-size:18px;
}

@media(max-width:600px){
    #mpcash-conseiller-root{
        right:10px;
        bottom:14px;
    }

    .mpcash-chat-window{
        width:calc(100vw - 20px);
        max-height:78vh;
    }

    .mpcash-chat-body{
        max-height:55vh;
    }
}

/* MPCASH - Lisibilité Conseiller */
.mpcash-chat-profile strong{
    font-size:16px;
}

.mpcash-chat-profile span{
    font-size:12px;
}

.mpcash-msg{
    font-size:15px;
    line-height:1.55;
}

.mpcash-quick-title{
    font-size:13px;
}

.mpcash-quick-actions button{
    font-size:14px;
    line-height:1.4;
    font-weight:600;
    padding:11px 12px;
}

.mpcash-chat-input{
    font-size:15px;
    line-height:1.4;
}

@media(max-width:600px){
    .mpcash-msg{
        font-size:15px;
    }

    .mpcash-quick-actions button{
        font-size:14px;
    }

    .mpcash-chat-input{
        font-size:15px;
    }
}

/* MPCASH - Photo officielle avatar */
.mpcash-conseiller-avatar img,
.mpcash-chat-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
}

/* MPCASH - Avatar humain naturel */
.mpcash-conseiller-avatar,
.mpcash-chat-avatar{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    padding:0 !important;
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:50% !important;
    overflow:hidden !important;
}

.mpcash-conseiller-avatar img,
.mpcash-chat-avatar img,
.mpcash-real-avatar{
    width:100% !important;
    height:100% !important;
    display:block !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center 25% !important;
    transform:scale(1.35) !important;
}

/* MPCASH - Texte clair et très lisible */

/* Bulle fermée */
.mpcash-bubble-copy strong{
    color:#ffffff !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.35);
}

.mpcash-bubble-copy > span{
    color:#d8ffe9 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}

/* En-tête de la fenêtre */
.mpcash-chat-profile strong{
    color:#ffffff !important;
    font-size:17px !important;
    font-weight:800 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.30);
}

.mpcash-chat-profile span{
    color:#bfffd5 !important;
    font-size:13px !important;
    font-weight:700 !important;
}

/* Croix de fermeture */
.mpcash-chat-close{
    color:#ffffff !important;
}

/* MPCASH - Fond ivoire + texte noir + avatar visible */

/* Bulle fermée */
.mpcash-bubble-copy{
    background:#fffaf0 !important; /* blanc ivoire */
    color:#111111 !important;
}

.mpcash-bubble-copy strong{
    color:#111111 !important;
}

.mpcash-bubble-copy > span{
    color:#222222 !important;
}

/* Fenêtre ouverte - entête */
.mpcash-chat-header,
.mpcash-chat-profile,
.mpcash-widget-header{
    background:#fffaf0 !important; /* blanc ivoire */
    color:#111111 !important;
}

/* Titre */
.mpcash-chat-profile strong,
.mpcash-widget-title,
.mpcash-floating-switch .title{
    color:#111111 !important;
}

/* Statut */
.mpcash-chat-profile span,
.mpcash-status,
.mpcash-floating-switch .subtitle,
.mpcash-floating-switch .status{
    color:#222222 !important;
}

/* Croix de fermeture */
.mpcash-chat-close{
    color:#111111 !important;
}

/* Avatar visible dès l'accès au site */
.mpcash-conseiller-avatar,
.mpcash-chat-avatar,
.mpcash-real-avatar{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    background:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:9999 !important;
}

.mpcash-conseiller-avatar img,
.mpcash-chat-avatar img,
.mpcash-real-avatar{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center 25% !important;
    border-radius:50% !important;
    opacity:1 !important;
    visibility:visible !important;
}


/* MPCASH - Bulle visible dès l'arrivée */
.mpcash-conseiller-bubble{
    background:#fffaf0 !important;
    color:#111111 !important;
    border:1px solid #e8dfcf !important;
}

.mpcash-bubble-copy{
    background:transparent !important;
}

.mpcash-bubble-copy strong{
    color:#111111 !important;
}

.mpcash-bubble-copy > span{
    color:#166534 !important;
}


/* MPCASH - Amira + logo officiel */
.mpcash-chat-profile{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

.mpcash-chat-person{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
}

.mpcash-chat-person-name{
    display:block !important;
    color:#111111 !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.3px !important;
}

.mpcash-chat-profile-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.mpcash-chat-profile-copy strong{
    color:#111111 !important;
}

.mpcash-chat-profile-copy span{
    color:#166534 !important;
}

.mpcash-chat-header-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-left:auto !important;
}

.mpcash-chat-logo{
    width:34px !important;
    height:34px !important;
    object-fit:contain !important;
    display:block !important;
    border-radius:50% !important;
}

.mpcash-chat-close{
    color:#111111 !important;
    margin:0 !important;
}

/* MPCASH - Alignement titre + zone message visible */

/* Titre bien aligné */
.mpcash-chat-profile-copy{
    align-items:flex-start !important;
    text-align:left !important;
    gap:4px !important;
}

.mpcash-chat-profile-copy strong{
    white-space:nowrap !important;
    line-height:1.2 !important;
}

/* La fenêtre ouverte devient une vraie colonne */
.mpcash-chat-window.is-open{
    display:flex !important;
    flex-direction:column !important;
    max-height:calc(100vh - 30px) !important;
}

/* Le contenu prend l'espace disponible */
.mpcash-chat-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
}

/* Zone d'écriture toujours visible */
.mpcash-chat-footer{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:12px !important;
    background:#fffaf0 !important;
    border-top:1px solid #ddd5c8 !important;
    position:relative !important;
    z-index:20 !important;
}

/* Champ message plus grand */
.mpcash-chat-input{
    height:48px !important;
    min-height:48px !important;
    padding:11px 15px !important;
    background:#ffffff !important;
    border:2px solid #cbd5e1 !important;
    border-radius:12px !important;
    color:#111111 !important;
    font-size:15px !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* Texte indicatif visible */
.mpcash-chat-input::placeholder{
    color:#6b7280 !important;
    opacity:1 !important;
}

/* Bouton envoyer aligné au champ */
.mpcash-chat-send{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    flex:0 0 48px !important;
}

/* Mobile */
@media(max-width:600px){
    .mpcash-chat-window.is-open{
        max-height:calc(100vh - 18px) !important;
    }

    .mpcash-chat-footer{
        padding:10px !important;
    }
}

/* MPCASH - Statut Disponible plus lumineux */
.mpcash-chat-profile-copy span{
    color:#19c463 !important;
    font-weight:700 !important;
    text-shadow:
        0 0 4px rgba(25,196,99,.45),
        0 0 8px rgba(25,196,99,.30) !important;
}

/* MPCASH - Cartes questionnaires plus compactes */

/* Moins d'espace entre les cartes */
.mpcash-quick-actions{
    gap:5px !important;
}

/* Réduire la hauteur sans réduire le texte */
.mpcash-quick-actions button{
    min-height:42px !important;
    padding:8px 11px !important;
    margin:0 !important;
    line-height:1.25 !important;
}

/* Réduire l'espace avant les choix */
.mpcash-quick-title{
    margin:10px 0 6px !important;
}

/* Mobile */
@media(max-width:600px){
    .mpcash-quick-actions{
        gap:4px !important;
    }

    .mpcash-quick-actions button{
        min-height:40px !important;
        padding:7px 10px !important;
    }
}

/* MPCASH - Appel utilisateur très visible */
.mpcash-quick-title{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;

    background:#eafff1 !important;
    color:#111111 !important;

    border:2px solid #19c463 !important;
    border-radius:9px !important;

    padding:9px 12px !important;
    margin:10px 0 8px !important;

    text-align:center !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.25 !important;

    box-shadow:0 2px 7px rgba(25,196,99,.16) !important;
}

/* Petite flèche pour montrer que les choix concernent le visiteur */
.mpcash-quick-title::before{
    content:"👇 ";
    font-size:17px !important;
}


/* MPCASH_JEANNE_WHATSAPP_BUBBLES_V1 */

/* Messages de Amira */
.mpcash-msg-bot{
    position:relative;
    background:#ffffff;
    border:none;
    border-radius:8px;
    margin-left:8px;
    margin-bottom:4px;
    box-shadow:0 1px 2px rgba(0,0,0,.14);
}

.mpcash-msg-bot::before{
    content:"";
    position:absolute;
    top:0;
    left:-9px;
    width:0;
    height:0;
    border-top:11px solid #ffffff;
    border-left:10px solid transparent;
}

/* Messages du visiteur */
.mpcash-msg-user{
    position:relative;
    background:#dcf8c6;
    border:none;
    border-radius:8px;
    margin-right:8px;
    margin-bottom:4px;
    box-shadow:0 1px 2px rgba(0,0,0,.12);
}

.mpcash-msg-user::after{
    content:"";
    position:absolute;
    top:0;
    right:-9px;
    width:0;
    height:0;
    border-top:11px solid #dcf8c6;
    border-right:10px solid transparent;
}

/* L'accueil utilise exactement le même style */
.mpcash-chat-messages > .mpcash-msg-bot:first-child{
    margin-left:8px;
    margin-bottom:4px;
}


/* MPCASH_JEANNE_WHATSAPP_TAILS_V2 */

/* Pointe Amira : haut gauche */
.mpcash-msg-bot::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:-9px !important;
    width:12px !important;
    height:16px !important;
    background:#ffffff !important;
    border:0 !important;
    clip-path:polygon(100% 0, 100% 100%, 0 0);
    z-index:2 !important;
}

/* Pointe visiteur : haut droite */
.mpcash-msg-user::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    right:-9px !important;
    width:12px !important;
    height:16px !important;
    background:#dcf8c6 !important;
    border:0 !important;
    clip-path:polygon(0 0, 100% 0, 0 100%);
    z-index:2 !important;
}


/* MPCASH_JEANNE_WHATSAPP_SHAPE_V3 */

/* Amira : message reçu */
.mpcash-msg-bot{
    border-radius:3px 12px 12px 12px !important;
    margin-left:0 !important;
}

/* Visiteur : message envoyé */
.mpcash-msg-user{
    border-radius:12px 3px 12px 12px !important;
    margin-right:0 !important;
}

/* On retire les anciennes pointes devenues inutiles */
.mpcash-msg-bot::before,
.mpcash-msg-bot::after,
.mpcash-msg-user::before,
.mpcash-msg-user::after{
    display:none !important;
}


/* MPCASH_JEANNE_WHATSAPP_FINAL_V4 */

/* Amira : bulle blanche à gauche */
.mpcash-msg-bot{
    position:relative !important;
    background:#ffffff !important;
    border:none !important;
    border-radius:7px 10px 10px 10px !important;
    margin-left:10px !important;
    box-shadow:0 1px 2px rgba(0,0,0,.15) !important;
}

.mpcash-msg-bot::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:-10px !important;
    width:12px !important;
    height:18px !important;
    background:#ffffff !important;
    clip-path:polygon(100% 0,100% 100%,0 0) !important;
    z-index:2 !important;
}

/* Visiteur : bulle verte à droite */
.mpcash-msg-user{
    position:relative !important;
    background:#d9fdd3 !important;
    border:none !important;
    border-radius:10px 7px 10px 10px !important;
    margin-right:10px !important;
    box-shadow:0 1px 2px rgba(0,0,0,.12) !important;
}

.mpcash-msg-user::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    right:-10px !important;
    width:12px !important;
    height:18px !important;
    background:#d9fdd3 !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
    z-index:2 !important;
}


/* MPCASH_JEANNE_WELCOME_SPACING_V1 */
.mpcash-welcome-part{
    display:block;
}

.mpcash-welcome-part + .mpcash-welcome-part{
    margin-top:8px;
}


/* MPCASH_JEANNE_VISIBLE_WHATSAPP_TAIL_V5 */
.mpcash-msg-bot::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:3px !important;
    left:-14px !important;
    width:17px !important;
    height:22px !important;
    background:#ffffff !important;
    clip-path:polygon(100% 0,100% 100%,0 0) !important;
    filter:drop-shadow(-1px 1px 1px rgba(0,0,0,.18)) !important;
    z-index:2 !important;
}