/* ==============================================
   PATCH RDR — À coller à la FIN de style.css
   ============================================== */

/* Reset global dans le wrapper */
#rdr-wrap { text-align: left; }
#rdr-wrap form { display: inline; flex-direction: unset; gap: 0; margin: 0; margin-bottom: 0; padding: 0; }

/* Reset table globale dans le wrapper */
#rdr-wrap table, #rdr-wrap table th, #rdr-wrap table td { border: none !important; background: transparent !important; padding: 0 !important; text-align: left !important; font-size: inherit !important; color: inherit !important; }
#rdr-wrap table th { font-size: inherit !important; }
#rdr-wrap table tbody tr:nth-child(even),
#rdr-wrap table tbody tr:nth-child(odd),
#rdr-wrap table tbody tr:hover { background: transparent !important; }

/* Filtres */
#rdr-wrap .rdr-filter {
    background: transparent !important;
    color: rgba(180,140,60,0.4) !important;
    border: 1px solid rgba(180,140,60,0.2) !important;
    border-radius: 20px !important;
    padding: 4px 13px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    font-family: 'Segoe UI', sans-serif !important;
    transition: all .15s !important;
    display: inline-block !important;
    width: auto !important;
    line-height: 1.4 !important;
}
#rdr-wrap .rdr-filter:hover,
#rdr-wrap .rdr-filter.active  { background: rgba(180,140,60,0.12) !important; color: #d4af37 !important; border-color: rgba(180,140,60,0.5) !important; }
#rdr-wrap .rdr-filter.fv:hover,
#rdr-wrap .rdr-filter.fv.active { background: rgba(93,186,120,0.1) !important; color: #5dba78 !important; border-color: rgba(93,186,120,0.5) !important; }
#rdr-wrap .rdr-filter.fp:hover,
#rdr-wrap .rdr-filter.fp.active { background: rgba(201,168,60,0.1) !important; color: #c9a83c !important; border-color: rgba(201,168,60,0.5) !important; }
#rdr-wrap .rdr-filter.fr:hover,
#rdr-wrap .rdr-filter.fr.active { background: rgba(192,96,96,0.1) !important;  color: #c06060 !important; border-color: rgba(192,96,96,0.5) !important; }

/* Ligne */
#rdr-wrap .rdr-row { border-bottom: 1px solid rgba(180,140,60,0.07) !important; transition: background .15s !important; }
#rdr-wrap .rdr-row:hover { background: rgba(180,140,60,0.05) !important; }

/* Boutons ronds — dans le flux, invisibles au repos, visibles au survol */
#rdr-wrap .rdr-btn {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    /* Invisible au repos mais occupe sa place */
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateX(10px) !important;
    transition: visibility 0s .22s, opacity .22s ease, transform .32s cubic-bezier(.22,.68,0,1.2) !important;
    background: transparent !important;
    color: inherit !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
/* Au survol : apparition en glissement */
#rdr-wrap .rdr-row:hover .rdr-btn {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(0) !important;
    transition: visibility 0s, opacity .22s ease, transform .32s cubic-bezier(.22,.68,0,1.2) !important;
}
#rdr-wrap .rdr-row:hover .rdr-btn:nth-child(1) { transition-delay: .18s, .18s, .18s !important; }
#rdr-wrap .rdr-row:hover .rdr-btn:nth-child(2) { transition-delay: .12s, .12s, .12s !important; }
#rdr-wrap .rdr-row:hover .rdr-btn:nth-child(3) { transition-delay: .06s, .06s, .06s !important; }
#rdr-wrap .rdr-row:hover .rdr-btn:nth-child(4) { transition-delay: .00s, .00s, .00s !important; }
#rdr-wrap .rdr-btn:hover { transform: scale(1.18) !important; }

#rdr-wrap .rdr-btn-v { color: #4ade80 !important; border: 1.5px solid rgba(74,222,128,0.5) !important;   background: rgba(74,222,128,0.12) !important; }
#rdr-wrap .rdr-btn-x { color: #f87171 !important; border: 1.5px solid rgba(248,113,113,0.5) !important;  background: rgba(248,113,113,0.12) !important; }
#rdr-wrap .rdr-btn-p { color: #fbbf24 !important; border: 1.5px solid rgba(251,191,36,0.5) !important;   background: rgba(251,191,36,0.12) !important; }
#rdr-wrap .rdr-btn-d { color: #94a3b8 !important; border: 1.5px solid rgba(148,163,184,0.35) !important; background: rgba(148,163,184,0.08) !important; }
#rdr-wrap .rdr-btn-v:hover { background: rgba(74,222,128,0.28) !important;   border-color: #4ade80 !important; }
#rdr-wrap .rdr-btn-x:hover { background: rgba(248,113,113,0.28) !important;  border-color: #f87171 !important; }
#rdr-wrap .rdr-btn-p:hover { background: rgba(251,191,36,0.28) !important;   border-color: #fbbf24 !important; }
#rdr-wrap .rdr-btn-d:hover { background: rgba(148,163,184,0.18) !important;  border-color: #94a3b8 !important; }

/* Swipe mobile */
#rdr-wrap .rdr-swipe {
    position: absolute !important;
    right: 0 !important; top: 0 !important; bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 14px !important;
    background: rgba(20,15,4,0.97) !important;
    transform: translateX(100%) !important;
    transition: transform .28s ease !important;
    z-index: 6 !important;
    border-left: 1px solid rgba(180,140,60,0.12) !important;
}
#rdr-wrap .rdr-row { position: relative !important; overflow: hidden !important; }
#rdr-wrap .rdr-row.swiped .rdr-swipe { transform: translateX(0) !important; }
#rdr-wrap .rdr-swipe .rdr-btn { visibility: visible !important; opacity: 1 !important; transform: none !important; }

#rdr-wrap .rdr-name:hover { color: #d4af37 !important; text-decoration: underline !important; }

@media (max-width: 600px) {
    #rdr-wrap .rdr-acts  { display: none !important; }
    #rdr-swipe-hint      { display: block !important; }
}
@media (min-width: 601px) {
    #rdr-wrap .rdr-swipe { display: none !important; }
}
/* ==============================================
   CORRECTIF ALIGNEMENT AVATAR & NOM (RDR)
   ============================================== */

/* 1. Aligner verticalement le contenu de toutes les cellules */
#rdr-wrap table td {
    vertical-align: middle !important;
}

/* 2. Créer un conteneur flexible pour l'avatar s'il est seul dans sa cellule */
#rdr-wrap .avatar-thumb, 
#rdr-wrap td img, 
#rdr-wrap td div[style*="border-radius:50%"] {
    margin: 0 auto 0 0 !important; /* Garde l'alignement à gauche mais propre */
}

/* 3. Ajuster le bloc Nom + Date pour qu'il ne flotte pas */
#rdr-wrap .rdr-name {
    display: block !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
}

/* 4. Fix spécifique pour mobile (optionnel mais recommandé) */
@media (max-width: 600px) {
    #rdr-wrap table td {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}
/* ============================================================
   FOND GLOBAL PARCHEMIN BRÛLÉ — coller à la FIN de style.css
   ============================================================ */
body {
    background-color: #1a1208 !important;
    background-image:
        radial-gradient(ellipse 90% 60% at 20% 30%, rgba(130,85,22,.16) 0%, transparent 65%),
        radial-gradient(ellipse 70% 70% at 80% 75%, rgba(90,55,12,.13) 0%, transparent 60%),
        radial-gradient(ellipse 50% 40% at 60% 10%, rgba(160,110,30,.08) 0%, transparent 55%),
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(110,70,18,.03) 2px, rgba(110,70,18,.03) 3px),
        repeating-linear-gradient(90deg, transparent, transparent 42px, rgba(90,55,12,.022) 42px, rgba(90,55,12,.022) 43px) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}