/* ============================================================================
   BENJFORUM - ULTIMATE FIX: REMOVE LIGHT BLOCK IN MESSAGES LIST
   ============================================================================ */

/* Remove light block - make everything transparent in dark mode */
html[data-theme="dark"] .conversation-item,
body[data-theme="dark"] .conversation-item,
[data-theme="dark"] .conversation-item {
    background-color: transparent !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 12px 16px !important;
    gap: 12px !important;
    border-bottom: 1px solid #21262d !important;
}

html[data-theme="dark"] .conversation-info,
body[data-theme="dark"] .conversation-info,
[data-theme="dark"] .conversation-info {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 2px !important;
}

html[data-theme="dark"] .conversation-name,
body[data-theme="dark"] .conversation-name,
[data-theme="dark"] .conversation-name {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

html[data-theme="dark"] .conversation-preview,
body[data-theme="dark"] .conversation-preview,
[data-theme="dark"] .conversation-preview {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* CRITICAL: Override ANY style attribute that has background */
html[data-theme="dark"] div[class*="conversation"][style*="background"],
html[data-theme="dark"] div[class*="conversation"][style*="background-color"],
body[data-theme="dark"] div[class*="conversation"][style*="background"],
body[data-theme="dark"] div[class*="conversation"][style*="background-color"] {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

/* Override any rgb(255,255,255) or #fff backgrounds */
*[style*="rgb(255, 255, 255)"][data-theme="dark"],
*[style*="rgb(255,255,255)"][data-theme="dark"],
*[style*="#ffffff"][data-theme="dark"],
*[style*="#fff"][data-theme="dark"],
*[style*="background: white"][data-theme="dark"],
*[style*="background-color: white"][data-theme="dark"] {
    background-color: transparent !important;
    background: transparent !important;
}