/**********************************************
 * SPORTPOURTOUS - THEME GLOBAL (1-2-3-4)
 * - Couleurs intro (violet/bleu/turquoise/jaune)
 * - Forum plus compact
 * - Effet "glass + néon"
 **********************************************/

/* -------------------------------------------
   0. FOND + LAYOUT GLOBAL
-------------------------------------------- */

body {
    background: radial-gradient(circle at top, #2f3b8f 0%, #141421 40%, #050509 100%) fixed !important;
    color: #f5f7ff !important;
}

#wrap {
    max-width: 1180px !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Liens généraux */
a {
    color: #45b7d1;
}
a:hover {
    color: #f9ca24;
}

/* -------------------------------------------
   1. BLOCS "CHAÎNES" (LECTEUR 1 / 2 / 3 / 4)
   ? mets ces classes sur ton bloc chaînes
   ex :
   <div class="bloc-chaines">
       <a class="btn-lecteur">LECTEUR 1</a>
   </div>
-------------------------------------------- */

.bloc-chaines {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* bouton lecteur style néon */
.btn-lecteur {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 210px;
    padding: 10px 18px;
    border-radius: 14px;
    background: radial-gradient(circle at top left, #ff6b6b 0%, #1b1b2f 60%, #050509 100%);
    color: #fff !important;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none !important;
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 0 18px rgba(255,107,107,0.6);
    position: relative;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.btn-lecteur span.badge-live {
    margin-left: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f93943;
    font-size: 0.7rem;
    font-weight: 700;
}

.btn-lecteur span.badge-off {
    margin-left: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #555a6a;
    font-size: 0.7rem;
    font-weight: 700;
}

.btn-lecteur::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -20%;
    width: 60%;
    height: 200%;
    background: linear-gradient(120deg, rgba(255,255,255,0.45), transparent);
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.btn-lecteur:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 26px rgba(255,107,107,0.8);
    background: radial-gradient(circle at top left, #ff8b6b 0%, #1b1b2f 60%, #050509 100%);
}
.btn-lecteur:hover::before {
    opacity: 1;
    transform: translateX(120%);
}

/* -------------------------------------------
   2. BLOC IMAGE / TABLEAU CENTRAL (PROGRAMME)
   ? mets ces classes sur le cadre central
   ex : <div class="bloc-programme"><img ...></div>
-------------------------------------------- */

.bloc-programme {
    background: linear-gradient(135deg, rgba(40,40,80,0.98), rgba(15,15,30,0.98));
    border-radius: 22px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow:
        0 18px 40px rgba(0,0,0,0.8),
        0 0 40px rgba(102, 126, 234, 0.6),
        0 0 80px rgba(118, 75, 162, 0.5);
    position: relative;
    overflow: hidden;
}

/* halo animé léger */
.bloc-programme::before {
    content: "";
    position: absolute;
    inset: -40%;
    background:
        radial-gradient(circle at 20% 0%, rgba(102,126,234,0.3) 0%, transparent 60%),
        radial-gradient(circle at 80% 100%, rgba(118,75,162,0.3) 0%, transparent 60%);
    opacity: 0.8;
    mix-blend-mode: screen;
    pointer-events: none;
}

.bloc-programme img,
.bloc-programme iframe {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    display: block;
    max-width: 100%;
}

/* -------------------------------------------
   3. "DIFFS" / MCHAT (cadre en dessous)
   ? basé sur mChat classique, ajusté
-------------------------------------------- */

#mchat, /* certains styles */
.mchat-panel,
.mchat-panel .panel,
.mchat {
    background: linear-gradient(135deg, rgba(40,40,70,0.96), rgba(10,10,25,0.98)) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.8) !important;
}

/* barre bleue "MCHAT" */
#mchat .panel-heading,
.mchat-header,
#mchat-header {
    background: linear-gradient(135deg, #45b7d1, #667eea) !important;
    border-radius: 18px 18px 0 0 !important;
    border-bottom: none !important;
    color: #ffffff !important;
    font-weight: 700;
    letter-spacing: 0.08em;
}

/* contenu mchat */
#mchat-messages,
.mchat-body {
    background: transparent !important;
    color: #f5f7ff !important;
}

/* messages */
#mchat .mchat-message,
#mchat .mchat-row {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 4px 10px !important;
}

/* pseudo / texte */
#mchat .mchat-username {
    color: #f9ca24 !important;
    font-weight: 600 !important;
}
#mchat .mchat-text {
    color: #e0e5ff !important;
    font-size: 0.9rem !important;
}

/* zone de saisie */
#mchat .mchat-input,
#mchat textarea {
    background: rgba(5,5,15,0.95) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    color: #f5f7ff !important;
}

/* bouton envoyer mchat */
#mchat input[type="submit"],
#mcha

/* 1) Aligner un peu mieux les boutons chaînes */

.bloc-chaines {
    margin-top: 25px;          /* ajuste si tu veux plus haut/bas */
}

/* 2) Adoucir un peu la lueur de l’arcade pour qu’elle colle aux lecteurs */

#arcade_block, .bloc-arcade {
    box-shadow:
        0 0 20px rgba(255,107,107,0.7),
        0 0 40px rgba(102,126,234,0.45);
}

/* 3) Légère marge au-dessus du mChat pour respirer */

#mchat, .mchat-panel {
    margin-top: 30px !important;
}
/****************************************
 * MODE COMPACT - HAUTEUR REDUITE
 ****************************************/

/* réduire l’espace entre les catégories */
.forabg, .forumbg {
    margin: 6px auto !important;
}

/* compresser les lignes de forum */
li.row,
li.row.bg1,
li.row.bg2 {
    padding: 4px 8px !important;
    min-height: 32px !important;
}

/* compresser le header de catégorie */
.forabg .header,
.forumbg .header,
.forabg .inner > ul.topiclist > li.header,
.forumbg .inner > ul.topiclist > li.header {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 0.85rem !important;
}

/* compacter les titres */
a.forumtitle {
    font-size: 0.88rem !important;
}

/* compacter les descriptions */
.forum-description {
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

/* compresser les infos (sujets/messages/dernier message) */
li.row dd,
li.row .lastpost,
li.row .posts,
li.row .views,
li.row .topics {
    font-size: 0.75rem !important;
}

/* compresser les sujets */
a.topictitle {
    font-size: 0.88rem !important;
}

/* réduire la hauteur du post */
.postbody {
    padding: 8px 10px !important;
}

/* réduire la taille du profil */
.postprofile {
    padding: 6px !important;
    font-size: 0.78rem !important;
}

/* compacter les boutons */
.button,
.button1,
.button2 {
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
}

/* compacte le mChat (DIFFS) */
#mchat, .mchat-panel {
    padding: 8px !important;
}

#mchat .panel-heading {
    padding: 4px 10px !important;
    font-size: 0.8rem !important;
}

#mchat .mchat-message {
    padding: 3px 6px !important;
}

/* réduire un peu les boutons chaînes */
.btn-lecteur {
    padding: 8px 14px !important;
    min-width: 180px !important;
    font-size: 0.82rem !important;
}

/* -------------------------------------------
   ULTRA COMPACT – LARGEUR 1000px
-------------------------------------------- */
#wrap {
    max-width: 1000px !important;
    margin: 0 auto !important;
}
/* -------------------------------------------
   ULTRA COMPACT – HAUTEUR RÉDUITE
-------------------------------------------- */

/* Catégories plus fines */
.forabg, .forumbg {
    margin: 4px auto !important;
}

/* Header catégorie ultra serré */
.forabg .header,
.forumbg .header,
.forabg .inner > ul.topiclist > li.header,
.forumbg .inner > ul.topiclist > li.header {
    padding: 3px 8px !important;
    font-size: 0.78rem !important;
}

/* Lignes de forums ultra fines */
li.row,
li.row.bg1,
li.row.bg2 {
    padding: 3px 6px !important;
    min-height: 28px !important;
}

/* Titres compacts */
a.forumtitle,
a.topictitle {
    font-size: 0.82rem !important;
}

/* Descriptions serrées */
.forum-description {
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
}

/* Infos stats compactes */
li.row dd,
li.row .lastpost,
li.row .posts,
li.row .views,
li.row .topics {
    font-size: 0.72rem !important;
}

/* Messages / Posts */
.postbody {
    padding: 6px 8px !important;
    font-size: 0.85rem !important;
}

.postprofile {
    padding: 6px !important;
    font-size: 0.75rem !important;
}

/* Boutons réduits */
.button,
.button1,
.button2,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    padding: 3px 10px !important;
    font-size: 0.75rem !important;
}

/* Mchat compact */
#mchat, .mchat-panel {
    padding: 6px !important;
}

#mchat .panel-heading {
    padding: 3px 8px !important;
    font-size: 0.72rem !important;
}

#mchat .mchat-message {
    padding: 2px 5px !important;
}

/* Boutons lecteurs compact */
.btn-lecteur {
    padding: 6px 10px !important;
    min-width: 160px !important;
    font-size: 0.75rem !important;
}
/**********************************************
 * ULTRA COMPACT – FINITION e-SPORT PRO
 **********************************************/

/* --- 1) Réduction MASSIVE des hauteurs de lignes --- */
li.row,
li.row.bg1,
li.row.bg2 {
    min-height: 24px !important;       /* encore plus bas */
    padding: 2px 6px !important;       /* réduit au minimum */
}

ul.topiclist li {
    padding: 0 !important;
}

/* --- 2) police plus compacte partout dans les forums --- */
a.forumtitle,
a.topictitle {
    font-size: 0.78rem !important;
}

.forum-description {
    font-size: 0.72rem !important;
    line-height: 1.05 !important;
}

/* colonnes statistiques ultra compactes */
li.row dd,
li.row .lastpost,
li.row .posts,
li.row .views,
li.row .topics {
    font-size: 0.70rem !important;
    padding: 0 4px !important;
    line-height: 1.1 !important;
}

/* réduire largeur colonne "Dernier message" */
li.row .lastpost {
    width: 140px !important;
}

/* réduire largeur colonne "Sujets" / "Messages" */
li.row .topics,
li.row .posts {
    width: 45px !important;
}

/* --- 3) En-tête catégories encore plus compact --- */
.forabg .header,
.forumbg .header,
.forabg .inner > ul.topiclist > li.header,
.forumbg .inner > ul.topiclist > li.header {
    padding: 3px 8px !important;
    font-size: 0.75rem !important;
}

/* --- 4) Espacement vertical entre sections réduit --- */
.forabg, .forumbg {
    margin: 3px auto !important;
}

/* --- 5) Posts encore plus compacts --- */
.post {
    padding: 6px 8px !important;
}

.postbody {
    padding: 6px 8px !important;
    font-size: 0.84rem !important;
}

.postprofile {
    padding: 4px !important;
    font-size: 0.72rem !important;
}

/* --- 6) Compact pagination --- */
.pagination li a,
.pagination span strong {
    padding: 2px 6px !important;
    font-size: 0.72rem !important;
}

/* --- 7) Compact mini-icônes forum --- */
ul.forums li.row dt .list-inner .forum-image,
ul.topiclist li.row .folder {
    transform: scale(0.65) !important;
    margin-right: 4px !important;
}
/* Correction d’alignement du header des colonnes */
.forabg .header dl dd,
.forumbg .header dl dd {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    line-height: 24px !important; /* tu peux ajuster entre 22 et 26 */
}

/* Correction du 2e header (celui généré par les styles Progamer) */
li.header dl dt,
li.header dl dd {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 24px !important; /* identique au-dessus */
}

/* Pour régler “MESSAGES” qui monte plus que les autres */
li.header dl dd:nth-child(2) {
    margin-top: 1px !important;   /* Ajustement fin */
}
/* SUPPRIMER les bandes colorées autour des posts (Progamer Highlight) */
.post.bg1,
.post.bg2,
.post.bg3,
.post.bg4,
.post.bg5,
.post.bg6,
.post.bg7,
.post.bg8 {
    background: linear-gradient(135deg, rgba(40,40,70,0.92), rgba(15,15,30,0.98)) !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Supprime la bordure d’accent colorée */
.post {
    border-top: none !important;
}

/* Pour être sûr que rien ne repasse devant */
.post.bg1,
.post.bg2 {
    box-shadow: none !important;
}

/* STYLE PREMIUM UNIFORME DES POSTS */
.post {
    background: linear-gradient(135deg, rgba(40,40,70,0.92), rgba(15,15,30,0.98)) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.7) !important;
}
/* SUPPRESSION TOTALE DES BANDES COLORÉES PROGAMER */
.post:before,
.post:after {
    display: none !important;
    content: none !important;
}

/* Certaines versions utilisent un DIV interne */
.post_highlight,
.poster-rank-highlight,
.post-highlight,
.post_highlighted {
    display: none !important;
}

/* Variante utilisée par Progamer pour les rangs */
.post.bg1 .posthead,
.post.bg2 .posthead,
.post.bg3 .posthead,
.post.bg4 .posthead,
.post.bg5 .posthead,
.post.bg6 .posthead,
.post.bg7 .posthead,
.post.bg8 .posthead {
    background: none !important;
    border: none !important;
}

/* Pour être sûr qu'aucune bordure colorée ne reste */
.post {
    border-top: none !important;
}
/* SUPPRIME TOUTES LES BARRES COLOREES DES POSTS */
.postheader,
.postheader.bar-top,
.postheader.bar-bottom {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: none !important;
}
/********************************************
 * PACK TOPIC PREMIUM  — Glow + Compact + Clean
 ********************************************/

/* Conteneur du post : style glass */
.post {
    background: linear-gradient(135deg, rgba(18,18,40,0.9), rgba(9,9,22,0.95)) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.6) !important;
    margin-bottom: 18px !important;
}

/* Titre du post (ex: "Présentation Moris") */
h3 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em;
    color: #78d6ff !important;
    text-shadow: 0 0 6px rgba(120,214,255,0.4);
}

/* Réduction compacte du texte */
.postbody {
    padding: 12px 16px !important;
    font-size: 0.96rem !important;
    line-height: 1.35 !important;
}

/* Auteur vertical */
.postprofile {
    padding: 10px 6px !important;
}

/* Nom du membre */
.postprofile dt a {
    font-weight: 700;
    font-size: 0.92rem !important;
    color: #00c6ff !important;
}

/* Infos sous pseudo */
.postprofile dd {
    font-size: 0.76rem !important;
    color: #aec4ff !important;
    margin-bottom: 4px !important;
}

/* Avatar glow léger */
.postprofile .avatar img {
    border-radius: 10px !important;
    box-shadow: 0 0 12px rgba(0,180,255,0.55) !important;
    border: 1px solid rgba(255,255,255,0.1);
}

/* Barre d’icônes (modifier,*

/*************************************************
 * MCHAT PREMIUM — Glow + Compact + Lisibilité
 *************************************************/

#mchat, .mchat-panel {
    background: linear-gradient(135deg, rgba(18,18,40,0.9), rgba(9,9,22,0.95)) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.65) !important;
    padding: 12px 15px !important;
}

/* Titre MCHAT */
#mchat .panel-heading {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #81e3ff !important;
    text-shadow: 0 0 6px rgba(100,200,255,0.5);
    padding: 5px 10px !important;
}

/* Messages du mchat */
#mchat .mchat-message {
    background: rgba(255,255,255,0.03) !important;
    border-radius: 10px !important;
    padding: 5px 10px !important;
    margin-bottom: 6px !important;
    color: #e3e9ff !important;
    font-size: 0.88rem !important;
}

/* Auteurs */
#mchat .mchat-username {
    color: #76d7ff !important;
    font-weight: 600 !important;
}

/* Timestamp */
#mchat .mchat-timestamp {
    color: #9bb3ff !important;
    opacity: 0.8;
    font-size: 0.75rem !important;
}

/* Zone de saisie */
#mchat .mchat-input {
    background: rgba(0,0,0,0.3) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 6px !important;
}

#mchat .mchat-input:focus {
    border-color: #00cfff !important;
    box-shadow: 0 0 10px rgba(0,200,255,0.5);
}
/********************************************
 * REPONSE RAPIDE — Style Premium Glass
 ********************************************/

#quick-reply {
    background: linear-gradient(135deg, rgba(18,18,40,0.85), rgba(8,8,20,0.9)) !important;
    border-radius: 20px !important;
    padding: 15px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.65) !important;
}

/* Titre "Réponse rapide" */
#quick-reply h3 {
    font-size: 1rem !important;
    color: #7fd9ff !important;
    text-shadow: 0 0 6px rgba(120,200,255,0.5);
    margin-bottom: 6px !important;
}

/* Champ du message */
#message-box textarea {
    background: rgba(0,0,0,0.35) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 0.95rem !important;
}

#message-box textarea:focus {
    border-color: #00baff !important;
    box-shadow: 0 0 10px rgba(0,200,255,0.5);
}

/* Bouton envoyer */
input[type="submit"] {
    background: linear-gradient(135deg, #4ab6ff, #006eff) !important;
    border-radius: 50px !important;
    padding: 6px 20px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    box-shadow: 0 0 15px rgba(0,120,255,0.6);
}
/*************************************************
 * MCHAT PREMIUM — VERSION 2 (Glass + Glow)
 *************************************************/

/* --- Conteneur général --- */
#mchat, .mchat-panel {
    background: linear-gradient(135deg, rgba(15,20,40,0.85), rgba(5,10,25,0.92)) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.55) !important;
    padding: 15px !important;
}

/* --- Boîte des messages --- */
#mchat .mchat-messages {
    padding: 5px 0 !important;
}

/* --- Message individuel --- */
#mchat .mchat-message {
    background: rgba(255,255,255,0.03) !important;
    border-radius: 12px !important;
    padding: 6px 10px !important;
    margin-bottom: 7px !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.3) !important;
}

/* --- Pseudo --- */
#mchat .mchat-username {
    color: #7de0ff !important;
    font-weight: 600 !important;
}

/* --- Date/Heure --- */
#mchat .mchat-timestamp {
    font-size: 0.74rem !important;
    color: #9db7ff !important;
    opacity: 0.8 !important;
}

/* --- Zone d’écriture (corrige fond noir) --- */
#mchat .mchat-input textarea,
#mchat .mchat-input input[type="text"] {
    background: rgba(0,0,0,0.30) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 0.95rem !important;
    transition: 0.2s !important;
}

#mchat .mchat-input textarea:focus,
#mchat .mchat-input input[type="text"]:focus {
    border-color: #00ba
/* Fix universel du textarea du mChat (fond noir) */
#mchat textarea,
#mchat input[type="text"],
.mchat textarea,
.mchat input[type="text"] {
    background: rgba(0,0,0,0.30) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 0.95rem !important;
}

#mchat textarea:focus,
#mchat input[type="text"]:focus,
.mchat textarea:focus,
.mchat input[type="text"]:focus {
    border-color: #00baff !important;
    box-shadow: 0 0 10px rgba(0,200,255,0.4) !important;
}
/* Correction des deux boutons bleus */
#mchat .mchat-buttons button,
#mchat .mchat-buttons input[type="submit"] {
    height: 42px !important;
    border-radius: 12px !important;
    margin-left: 6px !important;
}
/* Fix ultime du champ noir du mChat (thème Progamer override) */
#mchat-input,
#mchat textarea,
.mchat-input textarea,
textarea#mchat_message,
textarea[name="mchat_message"] {
    background: rgba(0,0,0,0.30) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    padding: 12px !important;
    box-shadow: 0 0 10px rgba(0,150,255,0.40) !important;
}

/* Focus effect */
#mchat textarea:focus,
textarea#mchat_message:focus {
    border-color: #00baff !important;
    box-shadow: 0 0 14px rgba(0,200,255,0.55) !important;
}
/* Patch final : écrase le fond noir du champ mChat */
#mchat #mchat-input-container #mchat-input.mchat-multi-line,
textarea#mchat-input.mchat-multi-line.no-auto-resize {
    background: rgba(0,0,0,0.30) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px !important;
    font-size: 0.95rem !important;
    box-shadow: 0 0 14px rgba(0,160,255,0.55) !important;
}

/* Focus */
textarea#mchat-input:focus {
    border-color: #00c6ff !important;
    background: rgba(0,20,40,0.45) !important;
    box-shadow: 0 0 18px rgba(0,200,255,0.65) !important;
}
/* Supprime le pseudo-élément noir derrière le mChat */
#mchat-input-container::before,
#mchat-input-container::after,
#mchat-input::before,
#mchat-input::after,
textarea#mchat-input::before,
textarea#mchat-input::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

/* Forcer le vrai fond du champ */
textarea#mchat-input,
#mchat-input.mchat-multi-line,
#mchat textarea {
    background-color: rgba(0,0,0,0.30) !important;
    background: rgba(0,0,0,0.30) !important;
}
/* Conteneur général */
#mchat {
    border-radius: 18px !important;
    padding: 15px !important;
    background: linear-gradient(135deg, rgba(10,10,25,0.85), rgba(5,5,15,0.92)) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

/* Liste des messages */
#mchat .mchat-message {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start;
    margin-bottom: 14px !important;
}

/* Bulle */
#mchat .mchat-message .mchat-text {
    background: rgba(255,255,255,0.04) !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.4) !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    max-width: 85% !important;
}

/* Pseudo */
#mchat .mchat-message .mchat-username {
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    color: #79d6ff !important;
    margin-bottom: 2px !important;
}

/* Timestamp discret */
#mchat .mchat-message .mchat-timestamp {
    font-size: 0.72rem !important;
    color: #8894b3 !important;
    margin-left: 6px !important;
    opacity: 0.8;
}
/* Avatar Discord */
#mchat .mchat-username-avatar img,
#mchat .avatar img,
#mchat .mchat-avatar img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 0 8px rgba(0,180,255,0.5) !important;
}
/* Messages pairs (droite) */
#mchat .mchat-message:nth-child(even) {
    flex-direction: row-reverse !important;
}

#mchat .mchat-message:nth-child(even) .mchat-text {
    background: rgba(0,160,255,0.15) !important;
}

/* Messages impairs (gauche) */
#mchat .mchat-message:nth-child(odd) .mchat-text {
    background: rgba(255,255,255,0.04) !important;
}
#mchat .mchat-message .mchat-controls {
    opacity: 0.35 !important;
    transform: scale(0.9) !important;
    transition: 0.15s !important;
}

#mchat .mchat-message:hover .mchat-controls {
    opacity: 0.8 !important;
}
/* Conteneur zone d’écriture */
#mchat .mchat-input-panel {
    padding: 12px !important;
    background: rgba(255,255,255,0.02) !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

/* Boutons (envoyer, BBcode) */
#mchat .mchat-buttons button,
#mchat .mchat-buttons input[type="submit"] {
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 0.95rem !important;
    background: linear-gradient(135deg, #4ab6ff, #006eff) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 0 12px rgba(0,120,255,0.6);
}

#mchat .mchat-buttons button:hover {
    background: linear-gradient(135deg, #6cd4ff, #2d8bff) !important;
    box-shadow: 0 0 16px rgba(0,160,255,0.7);
}
/********************************************
 * MCHAT DISCORD - VERSION PROGAMER
 ********************************************/

/* Chaque message du mChat */
#mchat .mchat-message, 
#mchat .mChatMessage, 
#mchat .mchat-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    padding-right: 10px !important;
}

/* Avatar Discord */
#mchat img.avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 0 8px rgba(0,180,255,0.5) !important;
    flex-shrink: 0 !important;
}

/* Conteneur du texte */
#mchat .mchat-content {
    background: rgba(255,255,255,0.04) !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    max-width: 85% !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.4) !important;
}

/* Pseudo */
#mchat .mchat-username {
    font-weight: 600 !important;
    font-size: 0.90rem !important;
    color: #7dd0ff !important;
    display: inline-block;
    margin-right: 6px !important;
}

/* Timestamp Discord */
#mchat .mchat-timestamp {
    font-size: 0.72rem !important;
    color: #9aa6c8 !important;
    opacity: 0.75 !important;
}

/* Alignement du texte */
#mchat .mchat-text {
    margin-top: 2px !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
}

/* Alignement droite/gauche */
/* Pair ? message aligné à droite */
#mchat .mchat-message:nth-child(even),
#mchat .mchat-row:nth-child(even) {
    flex-direction: row-reverse !important;
}

#mchat .mchat-message:nth-child(even) .mchat-content,
#mchat .mchat-row:nth-child(even) .mchat-content {
    background: rgba(0,160,255,0.15) !important;
}

/* Impair ? bulle normale */
#mchat .mchat-message:nth-child(odd) .mchat-content,
#mchat .mchat-row:nth-child(odd) .mchat-content {
    background: rgba(255,255,255,0.04) !important;
}
/* Crée dynamiquement un conteneur bullé autour du texte */
#mchat .mchat-message > span,
#mchat .mchat-row > span {
    display: block !important;
    background: rgba(255,255,255,0.04) !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    max-width: 85% !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.4) !important;
}
<img avatar> pseudo date
<span>texte…</span>
/* ------------------------------
   MCHAT — STYLE DISCORD FONCÉ
   ------------------------------ */

/* --- Zone du mChat --- */
#mchat, 
.mchat-body, 
.mchat-wrapper {
    background: #2b2d31 !important;  /* fond Discord */
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    padding-top: 0 !important;
}

/* --- Bar du haut (titre MCHAT) --- */
#mchat-header {
    background: #1e1f22 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 6px 10px !important;
}

#mchat-header strong,
#mchat-header span {
    color: #dfe1e5 !important;
    font-size: 14px !important;
}

/* --- Chaque message --- */
#mchat-messages .mchat-message-row {
    background: #1e1f22 !important;
    padding: 8px 10px !important;
    margin: 4px 0 !important;
    border-radius: 6px !important;
}

/* --- Avatar Discord-like --- */
.mchat-avatar img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
    margin-right: 10px !important;
}

/* --- Alignement avatar + pseudo + message --- */
.mchat-message-row {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

/* --- Pseudo --- */
.mchat-username,
.mchat-username a {
    color: #f2f3f5 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* --- Message texte --- */
.mchat-message {
    color: #dbdee1 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

/* --- Timestamp façon Discord --- */
.mchat-timestamp {
    color: #949ba4 !important;
    font-size: 11px !important;
    margin-left: 6px !important;
}

/* --- Boutons d’actions (éditer, citer etc.) --- */
.mchat-buttons a {
    filter: brightness(0.7) !important;
    transition: 0.15s !important;
}

.mchat-buttons a:hover {
    filter: brightness(1) !important;
    transform: translateY(-1px) !important;
}

/* --- Zone de saisie --- */
#mchat-input textarea {
    background: #1e1f22 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 6px !important;
    color: #f2f3f5 !important;
    padding: 8px !important;
    resize: none !important;
    font-size: 14px !important;
}

/* --- Bouton envoyer --- */
#mchat-input button {
    background: #5865f2 !important; /* bleu Discord */
    color: #fff !important;
    border-radius: 6px !important;
    border: none !important;
    font-weight: bold !important;
    transition: 0.2s !important;
}

#mchat-input button:hover {
    background: #4752c4 !important;
    transform: scale(1.05) !important;
}

/* --- Scrollbar type Discord --- */
#mchat-messages::-webkit-scrollbar {
    width: 8px;
}
#mchat-messages::-webkit-scrollbar-thumb {
    background: #3a3c41;
    border-radius: 6px;
}
#mchat-messages::-webkit-scrollbar-thumb:hover {
    background: #4b4e54;
}

/* --- Emoji bar --- */
#mchat-smilies {
    background: #1e1f22 !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

#mchat-smilies img {
    width: 24px !important;
    height: 24px !important;
    margin: 4px !important;
}
/* ================================
   MCHAT - BARRE DU HAUT (A)
   Compacte + moderne + propre
   ================================ */

#mchat-header {
    background: linear-gradient(90deg, #3b82f6, #2563eb) !important; /* bleu classe */
    padding: 4px 10px !important; /* hauteur réduite */
    height: 32px !important;      /* bar plus fine */
    display: flex !important;
    align-items: center !important;
    border-radius: 6px 6px 0 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* texte “MCHAT” */
#mchat-header strong,
#mchat-header span {
    color: #f0f4ff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Flèche ? */
#mchat-header .mchat-drop i {
    color: #e0e6f5 !important;
    margin-left: 6px !important;
    font-size: 13px !important;
}

/* Petite ombre classe */
#mchat {
    box-shadow: 0 4px 18px rgba(0,0,0,0.4) !important;
}
/* ===========================================
   MCHAT HEADER - STYLE 4 : FROSTED GLASS
   =========================================== */

#mchat-header {
    background: rgba(255, 255, 255, 0.10) !important; /* transparent léger */
    backdrop-filter: blur(12px) brightness(1.2) !important; 
    -webkit-backdrop-filter: blur(12px) brightness(1.2) !important;
    padding: 4px 12px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 8px 8px 0 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
}

/* Texte “MCHAT” */
#mchat-header strong,
#mchat-header span {
    color: #eaf2ff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-shadow: 0 0 4px rgba(0,0,0,0.4) !important;
}

/* Icône flèche ? */
#mchat-header .mchat-drop i {
    color: #eaf2ff !important;
    font-size: 13px !important;
    margin-left: 6px !important;
    opacity: 0.9 !important;
}

/* Ombre générale du bloc */
#mchat {
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.55) !important;
}
/* ===========================================
   MCHAT HEADER — FROSTED GLASS (Version forcée)
   =========================================== */

#mchat-header,
div#mchat-header,
.mchat-header {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
    padding: 6px 14px !important;
    height: 36px !important;

    border-radius: 10px 10px 0 0 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-bottom: 1px solid rgba(255,255,255,0.20) !important;

    display: flex !important;
    align-items: center !important;

    box-shadow: 0 8px 28px rgba(0,0,0,0.45) !important;
    z-index: 9999 !important;
}

/* Texte : MCHAT */
#mchat-header strong,
#mchat-header span,
.mchat-header strong {
    color: #f7f9ff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
}

/* Icône ? */
#mchat-header .mchat-drop i {
    color: #f7f9ff !important;
    opacity: 0.9 !important;
    font-size: 13px !important;
}
/* =====================================================
   MCHAT HEADER — FROSTED GLASS (VERSION ULTIME)
   Imbattable, override absolu
   ===================================================== */

/* On cible toutes les variantes possibles */
#mchat-header,
div#mchat-header,
.mchat-header,
div[class*="mchat-header"],
div[id*="mchat-header"],
div[id="mchat"] > div:first-child {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;

    height: 38px !important;
    padding: 6px 14px !important;

    border-radius: 12px 12px 0 0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-bottom: 1px solid rgba(255,255,255,0.23) !important;

    display: flex !important;
    align-items: center !important;

    box-shadow: 0 6px 22px rgba(0,0,0,0.55) !important;
    z-index: 999999 !important;

    /* On supprime TOUT style précédent */
    background-image: none !important;
}

/* Texte du header */
#mchat-header strong,
#mchat-header span,
.mchat-header strong,
.mchat-header span,
div[id*="mchat-header"] strong {
    color: #f6f9ff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .4px !important;
    text-shadow: 0 0 4px rgba(0,0,0,0.4) !important;
}

/* Icône ? */
/* Supprime l'image bleue du mChat (proGamer) */
#mchat-header,
div#mchat-header,
.mchat-header {
    background-image: none !important;
}
#mchat-header {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
}
#mchat-input-panel {
    border: none !important;
    box-shadow: none !important;
}
#mchat-input-panel textarea.mchat-input {
    background: #1c1f26 !important;   /* Fond gris-bleuté foncé */
    color: #ffffff !important;
    border: 1px solid #2e3541 !important;
    border-radius: 10px !important;
}
textarea.mchat-input {
    box-shadow: none !important;
    outline: none !important;
}
#mchat-buttons button {
    height: 48px !important;
    border-radius: 10px !important;
    margin-left: 6px !important;
}
.mchat-input-container,
#mchat-input-panel,
.mchat-input-panel,
.mchat-panel {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
textarea.mchat-input {
    background: #1a1d24 !important;
    border: 1px solid #2d3440 !important;
    border-radius: 10px !important;
    color: #fff !important;
    box-shadow: none !important;
}
#mchat-input-panel::before,
#mchat-input-panel::after,
.mchat-input-container::before,
.mchat-input-container::after {
    display: none !important;
}
/****************************************
 * MCHAT ULTRA – bulles + glow + anim
 ****************************************/

/* 1. Lignes de messages en "bulle" */

#mchat-body .mchat-row,
#mchat-body .mchat-message-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 6px 10px !important;
    margin: 4px 8px !important;
    border-radius: 10px !important;
    background: rgba(0, 0, 0, 0.25) !important;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}

/* survol d’un message */
#mchat-body .mchat-row:hover,
#mchat-body .mchat-message-row:hover {
    background: rgba(0, 0, 0, 0.4) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

/* 2. Avatar façon Discord */

#mchat-body .mchat-row img.avatar,
#mchat-body .mchat-message-row img.avatar {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 0 8px rgba(0, 180, 255, 0.5) !important;
}

/* 3. Pseudo + texte harmonisés */

#mchat-body .mchat-username {
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    color: #7fd5ff !important;
}

#mchat-body .mchat-timestamp {
    font-size: 0.75rem !important;
    color: #9aa4c8 !important;
    opacity: 0.85;
    margin-left: 5px;
}

#mchat-body .mchat-text,
#mchat-body .mchat-message {
    color: #e4e8ff !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
}

/* 4. Dernier message : petite anim "pop" discrète */

@keyframes mchat-new-msg {
    0% {
        transform: translateY(4px);
        background: rgba(0, 180, 255, 0.26);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        transform: translateY(0);
        background: rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    }
}

#mchat-body .mchat-row:last-child,
#mchat-body .mchat-message-row:last-child {
    animation: mchat-new-msg 0.35s ease-out;
}

/* 5. Glow autour de la zone de rédaction */

.mchat-input-container.inputbox {
    background: rgba(0, 0, 0, 0.55) !important;
    border-radius: 12px !important;
    padding: 10px !important;
    border: 1px solid rgba(0, 200, 255, 0.35) !important;
    box-shadow: 0 0 18px rgba(0, 150, 255, 0.45) !important;
}

/* textarea lui-même : propre, sans cadre blanc */

textarea#mchat-input.no-auto-resize.mchat-multi-line {
    background: #000000 !important;
    border: 1px solid #2e3540 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 8px !important;
    box-shadow: none !important;
}

/* 6. Boutons bleus à droite : alignés + un peu "bouton gaming" */

#mchat-buttons button,
#mchat-buttons input[type="submit"] {
    height: 46px !important;
    border-radius: 10px !important;
    margin-left: 6px !important;
    padding: 0 14px !important;
    background: linear-gradient(135deg, #4ab6ff, #006eff) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 0 12px rgba(0, 120, 255, 0.6) !important;
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease !important;
}

#mchat-buttons button:hover,
#mchat-buttons input[type="submit"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 0 16px rgba(0, 160, 255, 0.85) !important;
}

/* 7. Scrollbar façon Discord dans la zone de messages */

#mchat-body::-webkit-scrollbar {
    width: 8px;
}

#mchat-body::-webkit-scrollbar-track {
    background: transparent;
}

#mchat-body::-webkit-scrollbar-thumb {
    background: #2f3b52;
    border-radius: 4px;
}

#mchat-body::-webkit-scrollbar-thumb:hover {
    background: #3f4d6a;
}
/* FORCE l'effet bulle (tes anciens styles écrasaient tout) */
#mchat-body .mchat-row,
#mchat-body .mchat-message-row {
    background: rgba(0, 0, 0, 0.35) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    margin: 6px 10px !important;
    border: 1px solid rgba(0, 180, 255, 0.12) !important;
    box-shadow: 0 0 10px rgba(0, 180, 255, 0.15) !important;
}

/* Survol */
#mchat-body .mchat-row:hover,
#mchat-body .mchat-message-row:hover {
    background: rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 14px rgba(0, 180, 255, 0.25) !important;
    transform: translateY(-1px);
}

/* Réduit l’espace énorme autour des messages */
#mchat-panel {
    padding: 0 !important;
}

/* Corrige l’alignement global de la zone d’écriture */
.mchat-input-container.inputbox {
    margin: 0 10px 10px 10px !important;
}

/* Glow plus cohérent */
.mchat-input-container.inputbox {
    box-shadow: 0 0 16px rgba(0, 120, 255, 0.35) !important;
    border: 1px solid rgba(0, 150, 255, 0.25) !important;
}

/* Zone texte finale : encore plus propre */
textarea#mchat-input.no-auto-resize.mchat-multi-line {
    background: rgba(0,0,0,0.75) !important;
    border: 1px solid rgba(0, 120, 180, 0.35) !important;
    border-radius: 10px !important;
}
.mchat-input-container,
.mchat-panel-buttons {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}
.mchat-input-container textarea {
    display: none !important;
}
#mchat > div#mchat-body:last-of-type {
    display: none !important;
}
#mchat-body:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#inner > #mchat-body {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.inner > #mchat-body {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
#mchat-body:empty,
#mchat-body:not(:has(*)):not(:has(text)) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
/* Supprime les conteneurs vides dans mChat */
#mchat-body:empty,
#mchat-body:empty ~ * {
    display: none !important;
}
/* Supprime tout div vide sous #mchat (sécurisé) */
#mchat div:empty {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Supprime tout espace fantôme avant/après la zone de rédaction */
#mchat .mchat-input-container,
#mchat .mchat-message-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* Réduction maximale de l’espace entre messages et input */
#mchat #mchat-body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#mchat .mchat-input-container {
    margin-top: 5px !important;
    padding-top: 0 !important;
}

/* Neutralisation des DIV fantômes sous le textarea */
#mchat .mchat-input-panel-buttons + div:empty,
#mchat .mchat-character-count:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Nettoyage maximal de la zone de saisie */
#mchat .mchat-input-container {
    margin: 0 !important;
    padding: 5px 0 0 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Conteneur du bas (celui en gris foncé) */
#mchat #mchat-body + div {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: rgba(0,0,0,0.25) !important; /* ou transparence complète si tu veux */
}

/* Le bloc emoji trop éloigné */
#mchat .mchat-smilies {
    margin-top: 5px !important;
}

/* Le texte "No one is chatting" trop bas */
#mchat #mchat-whois {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Réduit l’espace interne du bloc du bas (zone saisie + emojis) */
#mchat #mchat-body + div {
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(0,0,0,0.15) !important; /* ou transparent si tu veux */
    border: none !important;
    border-radius: 12px !important;
}

/* Zone contenant le champ de texte */
#mchat .mchat-input-container {
    margin: 0 !important;
    padding: 8px 0 0 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Champ de texte lui-même */
#mchat #mchat-input textarea {
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #111 !important;
    border-radius: 10px !important;
}

/* Zone emojis trop collée ou trop basse */
#mchat .mchat-smilies {
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
}

/* "No one is chatting" descend trop bas */
#mchat #mchat-whois {
    margin-top: 2px !important;
    padding: 0 !important;
}
/* Supprime le padding inutile du CONTENEUR bas du mChat */
#mchat > div:last-child,
#mchat .mchat-panel {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Zone du textarea */
#mchat .mchat-input-container {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Champ de saisie */
#mchat #mchat-input textarea {
    padding: 10px !important;
    border: 1px solid #111 !important;
    border-radius: 12px !important;
}

/* Bande des emojis */
#mchat .mchat-smilies {
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
}

/* "No one is chatting" — trop bas */
#mchat #mchat-whois {
    margin-top: 6px !important;
    padding: 0 !important;
}

/* Supprime le gros bloc qui entoure la zone de saisie */
#mchat .forabg,
#mchat .forabg > .inner,
#mchat .forabg .mchat-panel,
#mchat .mchat-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Réduit le wrapper final */
#mchat > div:last-child {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Nettoyage du conteneur d’input */
#mchat .mchat-input-container {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Supprime complètement le dernier wrapper gris */
#mchat .mchat-panel-content,
#mchat .mchat-input-wrapper,
#mchat .forumbg,
#mchat .forabg.bottom,
#mchat .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Nettoie la zone sous le chat */
#mchat > div {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Supprime le cadre clair autour du bas du chat */
#mchat ~ .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Variante : certains thèmes utilisent .panel.bg1 */
#mchat ~ .panel.bg1 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Supprime totalement le cadre clair autour de la zone de saisie MChat */
#mchat-body + .panel,
#mchat-body + .panel.bg1,
#mchat + .panel,
#mchat + .panel.bg1 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}