.vip-life-wrap{
    width:95%;
    max-width:1200px;
    margin:20px auto;
}

.vip-life-header{
    text-align:center;
    padding:20px;
}

.vip-life-header h1{
    color:#FFD700;
    text-shadow:0 0 10px rgba(255,215,0,.6);
}

.vip-title-container{
    width:1128px;
    max-width:100%;
    margin:0 auto;
}

.vip-life-grid{
    display:grid;
    grid-template-columns:repeat(4, 260px);
    justify-content:center;
    gap:22px;
    width:100%;
    max-width:100%;
    margin:0 auto;
}

.vip-life-card{
    cursor:pointer;
    background:rgba(0,0,0,.45);
    border:1px solid rgba(255,215,0,.35);
    border-radius:12px;
    padding:25px;
    text-align:center;
    color:#fff;
    min-height:170px;
    transition:.3s;
}

.vip-life-card:hover{
    transform:translateY(-6px) scale(1.03);
    box-shadow:
        0 0 12px rgba(255,215,0,.35),
        0 0 30px rgba(255,215,0,.20);
    border-color:#FFD700;
}

.vip-life-hero{
    text-align:center;
    margin-bottom:35px;
    padding:25px;
    border:1px solid rgba(255,215,0,.25);
    border-radius:15px;
    background:rgba(0,0,0,.25);
}

.vip-life-hero h1{
    color:#FFD700;
    text-shadow:0 0 15px rgba(255,215,0,.5);
    font-size:34px;
}

.vip-life-card strong{
    display:block;
    margin:12px 0;
    color:#FFD700;
    font-size:22px;
}

.vip-life-card{
    font-size:16px;
    line-height:1.6;
}

.vip-life-card:hover strong{
    text-shadow:0 0 10px rgba(255,215,0,.6);
}

/* Contré l'espaccement sur theme shaman */
.vip-frame-title{
    margin:0 0 25px 0;
    padding:12px 20px;
    text-align:center;
    color:var(--theme-color);
    font-size:28px;
    font-weight:700;
    text-shadow:
        0 0 8px rgba(255,215,0,.55),
        0 0 15px rgba(255,215,0,.30);
    border-bottom:1px solid rgba(255,215,0,.25);
}
/*
.F-Content > img[src*="blank.gif"]{
    display:none;
}
*/
/* ===============================
   Tag VIP 
=============================== */
.vip-avatar-mini{
    position:relative;
}

.vip-avatar-mini::after{
    content:'VIP';
    position:absolute;
    top:-9px;
    right:-10px;
    padding:3px 7px;
    background:linear-gradient(#ffe08a,#ff9d00);
    color:#241400;
    font-size:9px;
    font-weight:bold;
    border-radius:30px;
    border:1px solid #fff0b0;
    box-shadow:0 0 8px rgba(255,180,0,.9);
    z-index:5;
}

/* ===============================
   CADRES VIP - AVATAR MINI
=============================== */
.vip-avatar-mini{
    display:inline-block;
    padding:5px;
    border-radius:12px;
    box-sizing:content-box;
}

.vip-avatar-mini img{
    display:block;
    border-radius:8px;
}

.vip-avatar-mini.frame-crazyfire{
    border:2px solid #ff7800!important;
    background:rgba(255,120,0,.20)!important;
    box-shadow:
        0 0 12px #ff7800,
        inset 0 0 25px rgba(255,120,0,.30)!important;
}

.vip-avatar-mini.frame-gold{
    border:2px solid #ffd700!important;
    background:rgba(255,215,0,.20)!important;
    box-shadow:
        0 0 12px #ffd700,
        inset 0 0 25px rgba(255,215,0,.30)!important;
}

.vip-avatar-mini.frame-platinum{
    border:2px solid #e5e4e2!important;
    background:rgba(229,228,226,.20)!important;
    box-shadow:
        0 0 12px #e5e4e2,
        inset 0 0 25px rgba(229,228,226,.30)!important;
}

.vip-avatar-mini.frame-electric{
    border:2px solid #00bfff!important;
    background:rgba(0,191,255,.20)!important;
    box-shadow:
        0 0 12px #00bfff,
        inset 0 0 25px rgba(0,191,255,.30)!important;
}

.vip-avatar-mini.frame-red{
    border:2px solid #ff3030!important;
    background:rgba(255,48,48,.20)!important;
    box-shadow:
        0 0 12px #ff3030,
        inset 0 0 25px rgba(255,48,48,.30)!important;
}

.vip-avatar-mini.frame-dragon{
    border:2px solid #00ff66!important;
    background:rgba(0,255,102,.20)!important;
    box-shadow:
        0 0 12px #00ff66,
        inset 0 0 25px rgba(0,255,102,.30)!important;
}

/* ===============================
   CADRES VIP - SHOUTBOX FORCE
=============================== */

.avatar_box_shout .vip-avatar-mini.shout-vip-avatar{
    display:inline-block!important;
    position:relative!important;
    padding:8px!important;
    border-radius:12px!important;
    box-sizing:content-box!important;
    overflow:visible!important;
}

.avatar_box_shout .vip-avatar-mini.shout-vip-avatar img{
    display:block!important;
    width:78px!important;
    height:110px!important;
    object-fit:cover!important;
    border-radius:8px!important;
}

.avatar_box_shout .shout-vip-avatar.frame-crazyfire{
    border:2px solid #ff7800!important;
    background:rgba(255,120,0,.20)!important;
    box-shadow:
        0 0 12px #ff7800,
        inset 0 0 25px rgba(255,120,0,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-gold{
    border:2px solid #ffd700!important;
    background:rgba(255,215,0,.20)!important;
    box-shadow:
        0 0 12px #ffd700,
        inset 0 0 25px rgba(255,215,0,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-platinum{
    border:2px solid #e5e4e2!important;
    background:rgba(229,228,226,.20)!important;
    box-shadow:
        0 0 12px #e5e4e2,
        inset 0 0 25px rgba(229,228,226,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-electric{
    border:2px solid #00bfff!important;
    background:rgba(0,191,255,.20)!important;
    box-shadow:
        0 0 12px #00bfff,
        inset 0 0 25px rgba(0,191,255,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-red{
    border:2px solid #ff3030!important;
    background:rgba(255,48,48,.20)!important;
    box-shadow:
        0 0 12px #ff3030,
        inset 0 0 25px rgba(255,48,48,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-dragon{
    border:2px solid #00ff66!important;
    background:rgba(0,255,102,.20)!important;
    box-shadow:
        0 0 12px #00ff66,
        inset 0 0 25px rgba(0,255,102,.30)!important;
}

/* CADRE VIP SHOUTBOX - COMPACT */
.avatar_box_shout .vip-avatar-mini{
    padding:3px!important;
    border-radius:8px!important;
}

.avatar_box_shout .vip-avatar-mini img{
    width:78px!important;
    height:110px!important;
    border-radius:5px!important;
}

.avatar_box_shout .vip-avatar-mini::after{
    top:-8px!important;
    right:-8px!important;
    font-size:8px!important;
    padding:2px 5px!important;
}

/* Titre personaliser VIP A VIE */
.cs-title-vip{
    display:block;
    margin-top:13px;
    margin-bottom:8px;
    color:#d8d8d8;
    font-size:14px;
    line-height:18px;
    text-align:center;
    text-shadow:
        0 0 3px #000,
        0 0 8px rgba(255,255,255,.25);
}

 /* Block Login */
.login-vip-title{
    width:100%;
    text-align:center;
    margin:10px auto 8px auto;
    display:block;
    font-size:15px;
    line-height:18px;
    color:#d8d8d8;
    text-shadow:
        0 0 3px #000,
        0 0 8px rgba(255,255,255,.25);
}

.login-vip-title *{
    display:inline-block;
    text-align:center;
}

.vip-life-wrap .vip-title-container{
    width:1128px!important;
    max-width:100%!important;
    margin:0 auto!important;
}

.vip-life-wrap .vip-life-grid{
    display:grid!important;
    grid-template-columns:repeat(4,260px)!important;
    justify-content:center!important;
    gap:22px!important;
    width:1128px!important;
    max-width:100%!important;
    margin:0 auto!important;
}


/* ==========================================================
   CRAZY RADIO
========================================================== */
.vip-radio-panel{
    margin:25px auto;
    max-width:980px;
    padding:20px;
    border:1px solid rgba(255,180,70,.35);
    border-radius:12px;
    background:rgba(0,0,0,.30);
    box-shadow:0 0 18px rgba(255,170,40,.15);
}

.vip-radio-panel-title{
    text-align:center;
    margin-bottom:20px;
}

.vip-radio-panel-title h2{
    color:#ffd57a;
    font-size:28px;
    margin:0 0 10px 0;
    text-shadow:0 0 12px rgba(255,170,40,.45);
}

.vip-radio-panel-title p{
    color:#ddd;
    font-size:15px;
    line-height:24px;
}

.vip-radio-notice{
    margin:20px auto;
    padding:15px 20px;
    background:rgba(255,170,40,.08);
    border-left:4px solid #ffb347;
    border-radius:8px;
    line-height:25px;
    color:#eee;
}

.vip-radio-info-table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}

.vip-radio-info-table th{
    width:45%;
    padding:12px;
    text-align:left;
    color:#ffe5a5;
    background:rgba(255,180,40,.12);
    border-bottom:1px solid rgba(255,180,40,.15);
}

.vip-radio-info-table td{
    padding:12px;
    color:#fff;
    background:rgba(255,255,255,.03);
    border-bottom:1px solid rgba(255,180,40,.08);
}

.vip-radio-info-table tr:hover td,
.vip-radio-info-table tr:hover th{
    background:rgba(255,180,40,.10);
}

.vip-radio-tutorial{
    margin-top:35px;
}

.vip-radio-tutorial h2{
    text-align:center;
    color:#ffd57a;
    margin-bottom:20px;
    text-shadow:0 0 10px rgba(255,180,40,.45);
}

.vip-radio-tutorial h3{
    color:#ffd57a;
    margin:0 0 15px 0;
    font-size:23px;
}

.vip-radio-tutorial h4{
    color:#ffcb63;
    margin:18px 0 8px 0;
    font-size:18px;
}

.vip-radio-tutorial p{
    color:#ececec;
    line-height:26px;
    margin:10px 0;
}

.vip-radio-tutorial ul{
    margin:10px 0 20px 25px;
}

.vip-radio-tutorial li{
    line-height:26px;
    margin-bottom:6px;
    color:#efefef;
}

.vip-radio-tutorial hr{
    border:none;
    border-top:1px solid rgba(255,180,40,.18);
    margin:35px 0;
}

.vip-radio-tutorial-table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:35px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,180,40,.12);
    border-radius:12px;
    overflow:hidden;
}

.vip-radio-tutorial-table td{
    padding:18px;
    vertical-align:top;
}

.vip-radio-tutorial-table img{
    width:100%;
    max-width:420px;
    border-radius:10px;
    border:1px solid rgba(255,180,40,.20);
    box-shadow:0 0 18px rgba(0,0,0,.45);
}

.vip-radio-tutorial-table:hover{
    box-shadow:0 0 22px rgba(255,170,40,.12);
}

.vip-radio-warning{
    margin:20px 0;
    padding:14px;
    background:rgba(255,70,70,.08);
    border-left:4px solid #ff5555;
    color:#ffd7d7;
    border-radius:8px;
}

.vip-radio-success{
    margin:20px 0;
    padding:14px;
    background:rgba(60,190,60,.10);
    border-left:4px solid #57d657;
    color:#dfffdc;
    border-radius:8px;
}

.vip-radio-footer{
    margin-top:35px;
    text-align:center;
}

.vip-radio-footer h2{
    color:#ffd57a;
    margin-bottom:15px;
}

.vip-radio-footer p{
    max-width:900px;
    margin:0 auto;
    line-height:28px;
}


/* ==========================================================
   CORRECTION NOM DU MEMBRE / GRADE
========================================================== */
.vip-gift-member-name{
    margin:0 0 17px 0;
    font-size:22px;
    font-weight:bold;
    line-height:28px;
}

/*
Ne pas appliquer une couleur fixe ici :
class_user() conserve ainsi la couleur réelle du pseudonyme.
*/


/* ==========================================================
   JAUGE DES CADEAUX VIP
========================================================== */
.vip-gift-status{
    width:90%;
    max-width:760px;
    margin:25px auto;
    padding:24px;
    text-align:center;
    border:1px solid rgba(255,190,80,.35);
    border-radius:14px;
    background:rgba(0,0,0,.28);
    box-shadow:
        0 0 22px rgba(255,170,40,.15),
        inset 0 0 20px rgba(255,190,80,.04);
}

.vip-gift-icon{
    font-size:46px;
    margin-bottom:6px;
    filter:drop-shadow(0 0 10px rgba(255,190,80,.55));
}

.vip-gift-status h2{
    margin:0 0 18px 0;
    color:#ffd47a;
    font-size:25px;
    text-shadow:0 0 10px rgba(255,170,40,.35);
}

.vip-gift-progress{
    width:100%;
    height:22px;
    overflow:hidden;
    border:1px solid rgba(255,205,110,.45);
    border-radius:20px;
    background:rgba(255,255,255,.07);
    box-shadow:inset 0 0 8px rgba(0,0,0,.65);
}

.vip-gift-progress-bar{
    height:100%;
    min-width:0;
    border-radius:20px;
    background:linear-gradient(
        90deg,
        #9f5b16,
        #e9a536,
        #ffd982
    );
    box-shadow:
        0 0 12px rgba(255,184,70,.65),
        inset 0 1px 0 rgba(255,255,255,.35);
    transition:width .45s ease;
}

.vip-gift-count{
    margin-top:14px;
    color:#f4e7ce;
}

.vip-gift-count strong{
    display:block;
    font-size:28px;
    color:#ffd47a;
}

.vip-gift-count span{
    display:block;
    margin-top:4px;
    font-size:16px;
}

.vip-gift-renewal{
    margin:18px 0 0 0;
    padding-top:15px;
    border-top:1px solid rgba(255,190,80,.18);
    color:#ddd;
    line-height:24px;
}


/* ==========================================================
   ÉTAPE 2 — RECHERCHE ET FICHE DU DESTINATAIRE
========================================================== */
.vip-gift-search-box{
    width:90%;
    max-width:810px;
    margin:28px auto;
    padding:24px;
    text-align:center;
    border:1px solid rgba(255,190,80,.32);
    border-radius:14px;
    background:rgba(0,0,0,.28);
    box-shadow:0 0 20px rgba(255,170,40,.10);
}

.vip-gift-search-box h2{
    margin:0 0 10px 0;
    color:#ffd47a;
}

.vip-gift-search-box p{
    line-height:24px;
}

.vip-gift-search-form{
    max-width:650px;
    margin:22px auto 0 auto;
}

.vip-gift-search-form label{
    display:block;
    margin-bottom:9px;
    color:#ffe3a0;
    font-weight:bold;
}

.vip-gift-search-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.vip-gift-search-line input{
    flex:1;
    min-width:220px;
    padding:11px 13px;
    color:#fff;
    border:1px solid rgba(255,190,80,.40);
    border-radius:8px;
    background:rgba(255,255,255,.07);
    box-shadow:inset 0 0 8px rgba(0,0,0,.55);
}

.vip-gift-member-card{
    width:92%;
    max-width:980px;
    margin:30px auto;
    padding:22px;
    display:flex;
    align-items:flex-start;
    gap:25px;
    border:1px solid rgba(255,190,80,.28);
    border-radius:14px;
    background:rgba(0,0,0,.32);
}

.vip-gift-member-card.is-allowed{
    box-shadow:0 0 22px rgba(70,210,100,.12);
}

.vip-gift-member-card.is-blocked{
    box-shadow:0 0 22px rgba(255,75,75,.12);
}

.vip-gift-member-avatar{
    width:150px;
    flex:0 0 150px;
    text-align:center;
}

.vip-gift-member-avatar img{
    width:140px;
    height:238px;
    object-fit:cover;
    border-radius:12px;
    border:2px solid rgba(255,190,80,.42);
    box-shadow:0 0 18px rgba(0,0,0,.55);
}

.vip-gift-member-info{
    flex:1;
    min-width:0;
}

.vip-gift-member-info h2{
    margin:0 0 17px 0;
    color:#ffd47a;
}

.vip-gift-preview-table{
    width:100%;
    border-collapse:collapse;
}

.vip-gift-preview-table th,
.vip-gift-preview-table td{
    padding:11px 12px;
    text-align:left;
    border-bottom:1px solid rgba(255,190,80,.12);
}

.vip-gift-preview-table th{
    width:38%;
    color:#ffe1a0;
    background:rgba(255,185,55,.08);
}

.vip-gift-preview-table td{
    color:#fff;
    background:rgba(255,255,255,.025);
}

.vip-gift-success,
.vip-gift-error,
.vip-gift-summary{
    margin-top:20px;
    padding:16px 18px;
    border-radius:10px;
    line-height:24px;
}

.vip-gift-success{
    color:#dcffdf;
    border-left:4px solid #55d96d;
    background:rgba(60,190,80,.10);
}

.vip-gift-error{
    color:#ffdada;
    border-left:4px solid #ff5757;
    background:rgba(255,65,65,.10);
}

.vip-gift-error-alone{
    width:90%;
    max-width:810px;
    margin:25px auto;
}

.vip-gift-summary{
    color:#eee;
    border:1px solid rgba(255,190,80,.22);
    background:rgba(255,180,50,.055);
}

.vip-gift-summary h3{
    margin:0 0 12px 0;
    color:#ffd47a;
}

.vip-gift-summary p{
    margin:7px 0;
}

.vip-gift-next-step{
    margin-top:15px;
    padding-top:13px;
    border-top:1px solid rgba(255,190,80,.18);
    color:#d9d9d9;
    font-style:italic;
}

@media (max-width:760px){

    .vip-gift-search-line{
        flex-direction:column;
    }

    .vip-gift-search-line input{
        width:100%;
        box-sizing:border-box;
    }

    .vip-gift-member-card{
        flex-direction:column;
        align-items:center;
    }

    .vip-gift-member-avatar{
        width:auto;
        flex:none;
    }

    .vip-gift-member-info{
        width:100%;
    }

    .vip-gift-preview-table th,
    .vip-gift-preview-table td{
        display:block;
        width:auto;
    }
}


/* ==========================================================
   PARTIE 2 — CONFIRMATION DU DONNEUR
========================================================== */
.vip-gift-confirm-form{
    margin-top:22px;
    padding:20px;
    border:1px solid rgba(255,190,80,.22);
    border-radius:12px;
    background:rgba(0,0,0,.24);
}

.vip-gift-confirm-form h3{
    margin:0 0 10px 0;
    color:#ffd47a;
}

.vip-gift-confirm-form p{
    line-height:24px;
}

.vip-gift-confirm-form textarea{
    width:100%;
    min-height:95px;
    box-sizing:border-box;
    resize:vertical;
    padding:12px;
    color:#fff;
    font-family:Arial, sans-serif;
    font-size:14px;
    border:1px solid rgba(255,190,80,.38);
    border-radius:8px;
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 0 8px rgba(0,0,0,.55);
}

.vip-gift-confirm-form textarea:focus,
.vip-gift-password-wrap input:focus{
    outline:none;
    border-color:#e7ad4b;
    box-shadow:
        0 0 10px rgba(231,173,75,.22),
        inset 0 0 8px rgba(0,0,0,.55);
}

.vip-gift-checkbox{
    display:flex;
    align-items:center;
    gap:10px;
    margin:16px 0 24px 0;
    cursor:pointer;
    color:#eee;
}

.vip-gift-checkbox input{
    width:28px;
    height:28px;
}

.vip-gift-password-wrap{
    display:flex;
    align-items:center;
    max-width:520px;
    margin:0 auto;
}

.vip-gift-password-wrap input{
    flex:1;
    min-width:0;
    padding:11px 12px;
    color:#fff;
    border:1px solid rgba(255,190,80,.38);
    border-radius:8px 0 0 8px;
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 0 8px rgba(0,0,0,.55);
}

.vip-gift-eye{
    height:40px;
    min-width:48px;
    cursor:pointer;
    color:#fff;
    border:1px solid rgba(255,190,80,.38);
    border-left:0;
    border-radius:0 8px 8px 0;
    background:rgba(255,180,50,.14);
}

.vip-gift-eye:hover{
    background:rgba(255,180,50,.25);
}

.vip-gift-security-note{
    max-width:660px;
    margin:15px auto 0 auto;
    padding:12px 14px;
    color:#d8d8d8;
    line-height:22px;
    text-align:center;
    border-left:4px solid #d7a33d;
    border-radius:7px;
    background:rgba(255,180,50,.07);
}


/* ==========================================================
   PARTIE 3 — CONFIRMATION FINALE
========================================================== */
.vip-gift-final-confirm{
    margin-top:20px;
    padding:20px;
    text-align:center;
    border:1px solid rgba(255,190,80,.34);
    border-radius:12px;
    background:rgba(255,175,40,.07);
}

.vip-gift-final-confirm h3{
    margin:0 0 14px 0;
    color:#ffd47a;
    font-size:21px;
}

.vip-gift-final-warning{
    margin-top:16px!important;
    padding:12px;
    color:#ffd9a0;
    border-left:4px solid #e3a440;
    border-radius:7px;
    background:rgba(255,165,35,.08);
}

.vip-gift-complete{
    width:90%;
    max-width:850px;
    margin:0 auto 28px auto;
    padding:25px;
    text-align:center;
    color:#eaffed;
    border:1px solid rgba(80,220,110,.48);
    border-radius:14px;
    background:rgba(30,150,60,.10);
    box-shadow:0 0 24px rgba(70,220,100,.13);
}

.vip-gift-complete-icon{
    font-size:48px;
    margin-bottom:5px;
}

.vip-gift-complete h2{
    margin:0 0 15px 0;
    color:#8cff9d;
}

.vip-gift-last-message{
    margin-top:18px;
    padding:14px;
    color:#ffe0a6;
    border:1px solid rgba(255,190,80,.25);
    border-radius:9px;
    background:rgba(255,180,50,.07);
}


/* ==========================================================
   PARTIE 4 — HISTORIQUE DES CADEAUX VIP
========================================================== */
.vip-gift-history{
    width:96%;
    max-width:1180px;
    margin:38px auto 0 auto;
    padding:22px;
    box-sizing:border-box;
    border:1px solid rgba(255,190,80,.28);
    border-radius:14px;
    background:rgba(0,0,0,.28);
    box-shadow:0 0 22px rgba(255,170,40,.10);
}

.vip-gift-history-title{
    text-align:center;
    margin-bottom:20px;
}

.vip-gift-history-title h2{
    margin:0 0 8px 0;
    color:#ffd47a;
    text-shadow:0 0 10px rgba(255,180,70,.28);
}

.vip-gift-history-title p{
    margin:0;
    line-height:24px;
}

.vip-gift-history-empty{
    padding:24px;
    text-align:center;
    color:#ddd;
    border:1px dashed rgba(255,190,80,.25);
    border-radius:10px;
    background:rgba(255,255,255,.025);
}

.vip-gift-history-scroll{
    width:100%;
    overflow-x:auto;
}

.vip-gift-history-table{
    width:100%;
    min-width:1050px;
    border-collapse:collapse;
}

.vip-gift-history-table th{
    padding:12px 10px;
    color:#ffe1a0;
    text-align:center;
    white-space:nowrap;
    border:1px solid rgba(255,190,80,.18);
    background:rgba(255,185,55,.10);
}

.vip-gift-history-table td{
    padding:12px 10px;
    color:#eee;
    text-align:center;
    vertical-align:middle;
    border:1px solid rgba(255,190,80,.11);
    background:rgba(255,255,255,.025);
}

.vip-gift-history-table tbody tr:hover td{
    background:rgba(255,185,55,.07);
}

.vip-gift-history-table a{
    text-decoration:none;
}

.vip-gift-reference{
    display:inline-block;
    padding:4px 7px;
    font-family:monospace;
    font-size:12px;
    color:#ffd47a;
    border:1px solid rgba(255,190,80,.22);
    border-radius:5px;
    background:rgba(0,0,0,.25);
}

.vip-gift-history-message{
    margin-top:7px;
    font-size:12px;
    text-align:left;
}

.vip-gift-history-message summary{
    cursor:pointer;
    color:#ffd47a;
    text-align:center;
}

.vip-gift-history-message div{
    margin-top:7px;
    padding:9px;
    line-height:19px;
    color:#e8e8e8;
    border-left:3px solid #d5a13a;
    border-radius:5px;
    background:rgba(255,180,50,.06);
}


/* ==========================================================
   ÉTAPE 5 — FINALISATION PRODUCTION
========================================================== */
.vip-gift-production-note{
    max-width:850px;
    margin:14px auto 0 auto;
    padding:11px 14px;
    color:#dfffe5;
    line-height:22px;
    text-align:center;
    border:1px solid rgba(80,210,105,.24);
    border-radius:8px;
    background:rgba(50,170,75,.07);
}


/* ==========================================================
   ÉTAPE 5A — NOTIFICATIONS
========================================================== */
.vip-gift-notification-summary{
    max-width:620px;
    margin:18px auto 0 auto;
    padding:14px 18px;
    color:#eaffed;
    line-height:24px;
    text-align:left;
    border:1px solid rgba(80,220,110,.25);
    border-radius:9px;
    background:rgba(55,180,80,.07);
}

.vip-gift-notification-summary strong{
    display:block;
    margin-bottom:7px;
    color:#96ffa7;
    text-align:center;
}

.vip-gift-notification-summary p{
    margin:0;
}