/** 
 * @name Memphis Storm   
 * @description A theme based on WINDOWS 95 — FLUXER THEME v3 by SupremeGooper:9570 and the Storm (VGA) theme from Windows 98/2000.
 * @basetheme light
 * @author jce:2492
 * @invite https://fluxer.gg/themes
 */

/* ─────────────────────────────────────────────────
 *   CHAT BACKGROUND
 * ───────────────────────────────────────────────── */
[class*="chatContent___"],
[class*="messagesWrapper___"] {
    background: white !important;
}

/* ─────────────────────────────────────────────────
 *   GUILD LIST (far left icon rail)
 * ───────────────────────────────────────────────── */
[class*="guildListScrollerWrapper___XzkwZG"],
[class*="guildListScrollContainer___XzkwZG"],
[class*="guildListContent___XzkwZG"],
[class*="guildListTopSection___XzkwZG"],
[class*="guildListGuildsSection___XzkwZG"] {
    background: #c0c0c0 !important;
}

[class*="guildListScrollerWrapper___XzkwZG"] {
    border-right: 2px solid #808080 !important;
}

[class*="guildIndicatorBar___XzkwZG"] {
    background: #800080 !important;
}

[class*="guildDivider___XzkwZG"] {
    background: #808080 !important;
    border-bottom: 1px solid #ffffff !important;
}

[class*="addGuildButtonIcon___XzkwZG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #800080 !important;
}

[class*="addGuildButtonIcon___XzkwZG"]:hover {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important;
}

[class*="fluxerButtonIcon___XzkwZG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #800080 !important;
}

[class*="fluxerButton___XzkwZG"]:hover [class*="fluxerButtonIcon___XzkwZG"] {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* ─────────────────────────────────────────────────
 *   DM LIST PANEL (Direct Messages column)
 * ───────────────────────────────────────────────── */

/* Outer column wrapper */
.DMLayout\.module__dmListColumn___ZmIwOG,
[class="DMLayout.module__dmListColumn___ZmIwOG"],
div[class*="dmListColumn___ZmIwOG"] {
    background: #c0c0c0 !important;
}

/* Main container + scroller */
div[class*="dmListContainer___XzM3ZG"],
div[class*="desktopScroller___XzM3ZG"],
div[class*="scrollerContent___XzM3ZG"],
div[class*="dmChannelList___XzM3ZG"] {
    background: #c0c0c0 !important;
}

/* Quick Switcher header */
button[class*="dmListHeader___XzM3ZG"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    border-bottom: 2px solid #000000 !important;
    border-top: 1px solid #a0a0ff !important;
    width: 100% !important;
}

span[class*="dmListHeaderText___XzM3ZG"] {
    color: #ffffff !important;
}

/* Ctrl+K kbd badges */
div[class*="dmListHeaderShortcut___XzM3ZG"],
kbd[class*="key___XzViNG"],
span[class*="keybindHint___XzViNG"] {
    background: #c0c0c0 !important;
    color: #000000 !important;
    border-top:    1px solid #ffffff !important;
    border-left:   1px solid #ffffff !important;
    border-bottom: 1px solid #000000 !important;
    border-right:  1px solid #000000 !important;
    border-radius: 0 !important;
}

/* Friends / Personal Notes / Plutonium nav buttons */
button[class*="clickableItem___XzM3ZG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    margin: 2px 4px !important;
    transition: none !important;
    width: calc(100% - 8px) !important;
}

button[class*="clickableItem___XzM3ZG"]:hover {
    background: #800080 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

button[class*="clickableItem___XzM3ZG"]:hover * {
    color: #ffffff !important;
}

span[class*="clickableItemText___XzM3ZG"],
div[class*="clickableItemIcon___XzM3ZG"] {
    color: #000000 !important;
}

/* "Direct Messages" section separator */
div[class*="dmSectionSeparator___XzM3ZG"] {
    background: #808080 !important;
    border-bottom: 1px solid #ffffff !important;
    height: 2px !important;
    margin: 4px 0 !important;
}

/* "Direct Messages" section header row */
div[class*="dmSectionHeader___XzM3ZG"] {
    background: #c0c0c0 !important;
    border-top:    1px solid #808080 !important;
    border-bottom: 1px solid #ffffff !important;
    padding: 2px 8px !important;
}

span[class*="dmSectionHeaderLabel___XzM3ZG"] {
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* + New DM button */
button[class*="dmCreateButton___XzM3ZG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

button[class*="dmCreateButton___XzM3ZG"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* DM conversation items — normal */
button[class*="dmItem___XzM3ZG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    margin: 2px 4px !important;
    transition: none !important;
    width: calc(100% - 8px) !important;
}

button[class*="dmItem___XzM3ZG"]:hover {
    background: #c0c0c0 !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -2px !important;
}

/* DM item — SELECTED/active — sunken */
button[class*="dmItemSelected___XzM3ZG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important;
}

button[class*="dmItemSelected___XzM3ZG"] span[class*="dmItemNameText___XzM3ZG"] {
    text-decoration: underline !important;
}

/* DM item text */
span[class*="dmItemName___XzM3ZG"],
span[class*="dmItemNameText___XzM3ZG"] {
    color: #000000 !important;
}

/* Close X button on DM items */
div[class*="dmItemCloseButton___XzM3ZG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

div[class*="dmItemCloseButton___XzM3ZG"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* System tag badge (e.g. "SYSTEM" on Fluxer bot) */
span[class*="tag___XzM2Zm"] {
    background: #800080 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 1px 4px !important;
}

span[class*="text___XzM2Zm"] {
    color: #ffffff !important;
}

/* ─────────────────────────────────────────────────
 *   CHANNEL LIST PANEL — silver chrome
 * ───────────────────────────────────────────────── */
[class*="channelListScrollerWrapper___XzdlNz"] {
    background: #c0c0c0 !important;
    border-right: 2px solid #808080 !important;
}

[class*="channelListScroller___XzdlNz"] {
    background: #c0c0c0 !important;
}

[class*="navigationContainer___XzdlNz"],
[class*="channelGroupsContainer___XzdlNz"],
[class*="channelGroup___XzdlNz"],
[class*="membersSection___XzdlNz"] {
    background: transparent !important;
}

/* ─────────────────────────────────────────────────
 *   GUILD HEADER — title bar
 * ───────────────────────────────────────────────── */
[class*="headerWrapper___ZGNlOD"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #a0a0ff !important;
    padding: 0 !important;
}

[class*="headerContainer___ZGNlOD"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[class*="headerContent___ZGNlOD"] {
    padding: 4px 8px !important;
}

[class*="guildName___ZGNlOD"] {
    color: #ffffff !important;;
    text-shadow: 1px 1px 0 #000040 !important;
}

[class*="caretIcon___ZGNlOD"] {
    background: #c0c0c0 !important;
    color: #000000 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    padding: 2px !important;
    width: 16px !important;
    height: 14px !important;
}

[class*="headerContent___ZGNlOD"]:hover [class*="caretIcon___ZGNlOD"] {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* ─────────────────────────────────────────────────
 *   CHANNEL HEADER BAR (top of chat)
 * ──────────────────────────────�────────────────── */
[class*="headerWrapper___XzkyNm"] {
    background: #c0c0c0 !important;
    border-bottom: 2px solid #808080 !important;
    border-top:    1px solid #ffffff !important;
}

[class*="headerContainer___XzkyNm"] {
    background: transparent !important;
}

/* Channel name + icon */
[class*="channelName___XzkyNm"] {
    color: #000000 !important;
}

[class*="channelIcon___XzkyNm"] {
    color: #800080 !important;
}

/* Topic divider dot */
[class*="topicDivider___XzkyNm"] {
    color: #808080 !important;
}

/* Topic text */
[class*="topicContainer___XzkyNm"],
[class*="topicButton___XzkyNm"],
[class*="topicButton___XzkyNm"] * {
    color: #444444 !important;
}

/* Header icon buttons (star, bell, pin, members, search) */
[class*="iconButton___XzkyNm"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #000000 !important;
    transition: none !important;
}

[class*="iconButton___XzkyNm"]:hover {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important;
}

/* Selected/active icon button (members panel toggle when open) */
[class*="iconButtonSelected___XzkyNm"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

[class*="buttonIcon___XzkyNm"] {
    color: #000000 !important;
}

/* Back button */
[class*="backButton___XzkyNm"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

/* Search bar inside header */
[class*="inputContainer___XzZhZj"] {
    background: #ffffff !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    box-shadow: inset 1px 1px 0 #000000 !important;
    border-radius: 0 !important;
}

[class*="input___XzZhZj"] {
    background: transparent !important;
    color: #000000 !important;
}

[class*="input___XzZhZj"]::placeholder {
    color: #808080 !important;
}

[class*="scopeButton___XzZhZj"] {
    background: transparent !important;
    color: #800080 !important;
}

/* ─────────────────────────────────────────────────
 *   CHANNEL ITEMS — raised buttons
 * ───────────────────────────────────────────────── */
[class*="container___Xzk5Zm"] {
    margin: 2px 4px !important;
    background: transparent !important;
}

[class*="channelItemSurface___YTdjZW"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    padding: 3px 8px !important;
    gap: 6px !important;
    transition: none !important;
}

[class*="channelItemSurface___YTdjZW"]:hover {
    background: #c0c0c0 !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -2px !important;
}

[class*="channelItemSurface___YTdjZW"]:hover [class*="channelName___Xzk5Zm"] {
    color: #800080 !important;
}

[class*="channelItemSurfaceSelected___YTdjZW"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important;
}

[class*="channelItemSurfaceSelected___YTdjZW"] [class*="channelName___Xzk5Zm"] {
    color: #000000 !important;
    text-decoration: underline !important;
}

[class*="channelItemCategory___Xzk5Zm"] {
    background: #c0c0c0 !important;
    border-top:    1px solid #808080 !important;
    border-bottom: 1px solid #ffffff !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    padding: 2px 8px !important;
    margin-top: 4px !important;
}

[class*="channelItemCategory___Xzk5Zm"]:hover {
    outline: none !important;
    background: #c0c0c0 !important;
}

[class*="categoryName___Xzk5Zm"] {
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

[class*="channelName___Xzk5Zm"] {
    color: #000000 !important;
}

[class*="channelItemIcon___Xzk5Zm"] {
    color: #800080 !important;
}

[class*="channelItemIconSelected___Xzk5Zm"] {
    color: #000000 !important;
}

[class*="iconButton___XzJiN2"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

[class*="iconButton___XzJiN2"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* ─────────────────────────────────────────────────
 *   MEMBER LIST (far right panel)
 * ───────────────────────────────────────────────── */
[class*="memberListContainer___XzM3MW"],
[class*="memberListScroller___XzM3MW"] {
    background: #c0c0c0 !important;
}

[class*="frame___ZmU4ZG"],
[class*="contentWrapper___ZmU4ZG"],
[class*="body___ZmU4ZG"] {
    background: #c0c0c0 !important;
}

[class*="groupHeader___Yjk5ZT"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 2px 8px !important;
    border-top:    1px solid #a0a0ff !important;
    border-bottom: 1px solid #000040 !important;
}

[class*="button___YTg2NG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    margin: 2px 4px !important;
    transition: none !important;
}

[class*="button___YTg2NG"]:hover {
    background: #800080 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

[class*="button___YTg2NG"]:hover [class*="name___YTg2NG"],
[class*="button___YTg2NG"]:hover [class*="truncatedText___XzM5NG"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

[class*="truncatedText___XzM5NG"] {
    color: #808080 !important;
}

[class*="track___YzkyYz"] {
    background: #c0c0c0 !important;
    border-left: 1px solid #808080 !important;
}

[class*="thumb___YzkyYz"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
}

/* ─────────────────────────────────────────────────
 *   USER AREA
 * ───────────────────────────────────────────────── */
[class*="userAreaContainer"] {
    background: #c0c0c0 !important;
    border-top: 2px solid #808080 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

[class*="userAreaInnerWrapper"],
[class*="userAreaWrapper"] {
    background: transparent !important;
}

[class*="userName"] {
    color: #000000 !important;
    text-shadow: none !important;
}

[class*="userStatus"],
[class*="userStatusLabel"] {
    color: #808080 !important;
}

[class*="userInfo"]:hover {
    background: #800080 !important;
    border-radius: 0 !important;
    animation: none !important;
}

[class*="userInfo"]:hover * {
    color: #ffffff !important;
}

[class*="controlButton"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #000000 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    animation: none !important;
}

[class*="controlButton"] svg {
    color: #000000 !important;
    width: 13px !important;
    height: 13px !important;
    filter: none !important;
}

[class*="controlButton"]:hover {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important;
    animation: none !important;
}

[class*="controlsContainer"] {
    gap: 3px !important;
    padding: 3px 4px !important;
    background: transparent !important;
}

/* ─────────────────────────────────────────────────
 *   MESSAGE EDIT TEXTAREA
 * ───────────────────────────────────────────────── */
[class*="mainWrapperEditing___XzI3Mz"] {
    background: #ffffff !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    box-shadow: inset 1px 1px 0 #000000 !important;
    border-radius: 0 !important;
    padding: 4px !important;
}

[class*="contentAreaEditing___XzI3Mz"],
[class*="scroller___ZTdjNm"],
[class*="flexColumnContainer___ZTdjNm"] {
    background: transparent !important;
}

[class*="textarea___XzI3Mz"] {
    background: transparent !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
}

[class*="textarea___XzI3Mz"]::placeholder {
    color: #808080 !important;
    -webkit-text-fill-color: #808080 !important;
}

/* Emoji button inside edit box */
[class*="buttonCompact___XzMzZT"],
[class*="button___XzMzZT"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

[class*="buttonCompact___XzMzZT"]:hover,
[class*="button___XzMzZT"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

[class*="buttonContainerEditing___XzI3Mz"] {
    background: transparent !important;
}

/* ─────────────────────────────────────────────────
 *   TEXTAREA
 * ───────────────────────────────────────────────── */
[class*="textareaOuter"] {
    background: #ffffff !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    box-shadow: inset 1px 1px 0 #000000 !important;
    border-radius: 0 !important;
    margin: 4px !important;
}

[class*="textareaArea"] {
    background: #c0c0c0 !important;
}

textarea[data-channel-textarea="true"] {
    background: transparent !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
}

textarea[data-channel-textarea="true"]::placeholder {
    color: #808080 !important;
    -webkit-text-fill-color: #808080 !important;
    opacity: 1 !important;
}

[class*="placeholder"] {
    color: #808080 !important;
    -webkit-text-fill-color: #808080 !important;
    opacity: 1 !important;
}

/* ────────────────────�────────────────────────────
 *   MESSAGE BUBBLES
 * ───────────────────────────────────────────────── */
[class*="messageContent"] {
    background: rgba(192,192,192,0.92) !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf, 2px 2px 0 rgba(0,0,0,0.3) !important;
    border-radius: 0 !important;
    padding: 5px 10px !important;
    backdrop-filter: none !important;
    color: #000000 !important;
}

[class*="messageContent"] * {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Code blocks (triple backtick) */
[class*="messageContent"] pre,
[class*="messageContent"] code,
pre[class*="hljs"],
code[class*="hljs"],
[class*="codeBlock"],
[class*="markup___"] pre,
[class*="markup___"] code {
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    box-shadow: inset 1px 1px 0 #000000 !important;
    border-radius: 0 !important;
    font-family: monospace !important;
    padding: 6px 8px !important;
}

/* Inline backtick code */
[class*="messageContent"] code:not(pre code),
[class*="markup___"] code:not(pre code) {
    background: #dfdfdf !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-top:    1px solid #808080 !important;
    border-left:   1px solid #808080 !important;
    border-bottom: 1px solid #ffffff !important;
    border-right:  1px solid #ffffff !important;
    box-shadow: none !important;
    padding: 1px 4px !important;
    font-family: monospace !important;
}

/* Syntax highlight token colors — readable on white */
.hljs-keyword, .hljs-selector-tag, .hljs-built_in  { color: #800080 !important; -webkit-text-fill-color: #800080 !important; }
.hljs-string, .hljs-attr                            { color: #800000 !important; -webkit-text-fill-color: #800000 !important; }
.hljs-number, .hljs-literal                         { color: #008000 !important; -webkit-text-fill-color: #008000 !important; }
.hljs-comment                                       { color: #808080 !important; -webkit-text-fill-color: #808080 !important; font-style: italic !important; }
.hljs-function, .hljs-title                         { color: #800080 !important; -webkit-text-fill-color: #800080 !important; }
.hljs-variable, .hljs-name                          { color: #000000 !important; -webkit-text-fill-color: #000000 !important; }

[class*="username___"],
[class*="usernameBlock"] {
    color: #800080 !important;
}

[class*="timestamp"] {
    color: #808080 !important;
}

/* ─────────────────────────────────────────────────
 *   PROFILE POPOUT (quick card on member click)
 * ───────────────────────────────────────────────── */
[class*="popout___XzkxYm"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf, 4px 4px 0 #000000 !important;
    border-radius: 0 !important;
}

/* Profile card inner container */
[class*="profileCard___XzE1MW"] {
    background: #c0c0c0 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Banner area — W98 title bar gradient */
[class*="headerSection___XzU1Zj"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    border-bottom: 2px solid #000000 !important;
}

[class*="bannerWrapper___XzU1Zj"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
}

[class*="banner___XzU1Zj"] {
    opacity: 0.25 !important;
}

/* Content area */
[class*="contentSection___XzRiYj"] {
    background: #c0c0c0 !important;
    border-radius: 0 !important;
    padding: 8px !important;
}

/* Name button */
[class*="nameButton___YjA5MD"] {
    color: #000000 !important;
}

/* Username tag */
[class*="usernameRow___YjA5MD"] button,
[class*="usernameButton___YjA5MD"] {
    color: #444444 !important;
}

/* Membership info */
[class*="membershipContainer___YzQ4NT"],
[class*="membershipTitle___YzQ4NT"],
[class*="membershipDateText___YzQ4NT"] {
    color: #000000 !important;
}

/* Action buttons (note, copy ID) */
[class*="noteButton___XzkwMW"],
[class*="copyIdButton___XzkwMW"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

[class*="noteButton___XzkwMW"]:hover,
[class*="copyIdButton___XzkwMW"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* Footer section */
[class*="footerSection___ZjVlMW"] {
    background: #c0c0c0 !important;
    border-top: 2px solid #808080 !important;
    border-radius: 0 !important;
    padding: 8px !important;
}

/* ─────────────────────────────────────────────────
 *   SHARED BUTTON MODULE (Message, Friend, etc.)
 * ───────────────────────────────────────────────── */
[class*="button___Yzg1Yz"] {
    border-radius: 0 !important;
    transition: none !important;
}

[class*="button___Yzg1Yz"][class*="primary___Yzg1Yz"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    color: #000000 !important;
}

[class*="button___Yzg1Yz"][class*="primary___Yzg1Yz"]:hover {
    background: #800080 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    color: #ffffff !important;
}

[class*="button___Yzg1Yz"][class*="primary___Yzg1Yz"]:hover * {
    color: #ffffff !important;
}

[class*="button___Yzg1Yz"][class*="secondary___Yzg1Yz"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    color: #000000 !important;
}

[class*="button___Yzg1Yz"][class*="secondary___Yzg1Yz"]:hover {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -3px !important;
}

/* ─────────────────────────────────────────────────
 *   FULL USER PROFILE MODAL
 * ─────────────�─────────────────────────────────── */

/* Modal surface/backdrop */
[class*="surface___XzA4MW"] {
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: 4px 4px 0 #000000 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Modal root and container */
[class*="modalRoot___XzU2Zj"],
[class*="modalContainer___XzU2Zj"] {
    background: #c0c0c0 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Banner */
[class*="bannerContainer___XzU2Zj"] {
    border-bottom: 2px solid #000000 !important;
}

[class*="bannerImage___XzU2Zj"] {
    opacity: 0.3 !important;
}

/* Header — W95 title bar */
[class*="headerContainer___XzU2Zj"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    border-bottom: 2px solid #000000 !important;
    padding: 4px 8px !important;
}

/* Action buttons row */
[class*="actionButtonsContainer___XzU2Zj"],
[class*="actionButtons___XzU2Zj"] {
    background: transparent !important;
}

/* Content container */
[class*="contentContainer___XzU2Zj"] {
    background: #c0c0c0 !important;
}

/* User name */
[class*="userName___XzU2Zj"] {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Username tag row */
[class*="usernameRow___XzU2Zj"] {
    color: #444444 !important;
}

/* Pronouns */
[class*="pronouns___XzU2Zj"] {
    color: #444444 !important;
}

/* Tabs — Overview / Mutual Friends */
[class*="tabsWrapper___XzU2Zj"] {
    background: #c0c0c0 !important;
    border-bottom: 2px solid #808080 !important;
}

[class*="tab___XzIxNj"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    margin-right: 2px !important;
    transition: none !important;
}

[class*="tab___XzIxNj"]:hover {
    background: #c0c0c0 !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -2px !important;
}

[class*="selected___XzIxNj"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
    color: #000000 !important;
}

/* Profile content area */
[class*="profileContentWrapper___XzU2Zj"],
[class*="profileContent___XzU2Zj"],
[class*="profileContentHeader___XzU2Zj"] {
    background: #c0c0c0 !important;
}

/* Bio */
[class*="bioContainer___YzQ4NT"] {
    background: #ffffff !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    box-shadow: inset 1px 1px 0 #000000 !important;
    padding: 6px 8px !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

[class*="bio___XzBhZT"],
[class*="bio___XzBhZT"] * {
    color: #000000 !important;
}

[class*="link___XzBhZT"] {
    color: #800080 !important;
    text-decoration: underline !important;
}

/* Roles */
[class*="rolesContainer___YzQ4NT"] {
    background: transparent !important;
}

[class*="rolesHeader___YzQ4NT"],
[class*="rolesTitle___YzQ4NT"] {
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-bottom: 1px solid #808080 !important;
}

[class*="roleBadge___YWExM2"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

[class*="roleName___YWExM2"] {
    color: #000000 !important;
}

/* Connections */
[class*="connectionsContainer___YzQ4NT"] {
    background: transparent !important;
}

[class*="connectionsTitle___YzQ4NT"] {
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-bottom: 1px solid #808080 !important;
}

[class*="connectionCard___YzQ4NT"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
}

[class*="connectionCardName___YzQ4NT"],
[class*="connectionCardNameRow___YzQ4NT"] {
    color: #000000 !important;
}

[class*="connectionIcon___YzQ4NT"] {
    color: #800080 !important;
}

/* Note textarea */
[class*="noteLabel___XzU2Zj"] {
    color: #000000 !important;
    text-transform: uppercase !important;
}

[class*="noteTextarea___XzU2Zj"] {
    background: #ffffff !important;
    color: #000000 !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    box-shadow: inset 1px 1px 0 #000000 !important;
    border-radius: 0 !important;
}

[class*="noteTextarea___XzU2Zj"]::placeholder {
    color: #808080 !important;
}

/* ─────────────────────────────────────────────────
 *   CONTEXT MENU
 * ───────────────────────────────────────────────── */
[class*="contextMenu___Yzg0NW"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: 2px 2px 0 #000000 !important;
    border-radius: 0 !important;
    padding: 2px !important;
}

[class*="item___Yzg0NW"] {
    background: transparent !important;
    color: #000000 !important;
    border-radius: 0 !important;
    padding: 3px 20px !important;
}

[class*="item___Yzg0NW"]:hover,
[class*="item___Yzg0NW"]:focus {
    background: #800080 !important;
    color: #ffffff !important;
    outline: none !important;
}

[class*="item___Yzg0NW"]:hover *,
[class*="item___Yzg0NW"]:focus * { color: #ffffff !important; }

[class*="label___YjQzN2"] {
    color: inherit !important;
}

[class*="itemIcon___Yzg0NW"] svg { color: #000000 !important; width: 14px !important; height: 14px !important; }
[class*="item___Yzg0NW"]:hover [class*="itemIcon___Yzg0NW"] svg { color: #ffffff !important; }
[class*="danger___Yzg0NW"] { color: #800000 !important; }
[class*="danger___Yzg0NW"]:hover { background: #800000 !important; }
[class*="danger___Yzg0NW"]:hover * { color: #ffffff !important; }
[class*="submenuCaret___Yzg0NW"] { color: #000000 !important; }
[class*="item___Yzg0NW"]:hover [class*="submenuCaret___Yzg0NW"] { color: #ffffff !important; }
[class*="separator___Yzg0NW"] {
    height: 5px !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid #808080 !important;
    border-bottom: 1px solid #ffffff !important;
    margin: 0 4px !important;
}

/* ─────────────────────────────────────────────────
 *   FAVORITES & DISCOVERY — main content area
 * ───────────────────────────────────────────────── */

/* Main content area background */
[class*="guildMainContent___Xzk4ZG"] {
    background: #c0c0c0 !important;
}

/* Favorites welcome section */
[class*="welcomeSection___XzMxOT"] {
    background: #c0c0c0 !important;
}

[class*="iconWrapper___XzMxOT"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    padding: 12px !important;
    color: #800080 !important;
}

[class*="icon___XzMxOT"] {
    color: #800080 !important;
}

[class*="heading___XzMxOT"] {
    color: #000000 !important;
    text-shadow: none !important;
}

[class*="description___XzMxOT"],
[class*="tip___XzMxOT"] {
    color: #000000 !important;
}

[class*="tip___XzMxOT"] {
    color: #444444 !important;
    font-style: italic !important;
}

/* Favorites guild header (top-left "Favorites" title bar) */
[class*="headerIconContainer___Xzk2MT"] {
    background: transparent !important;
}

[class*="headerIcon___Xzk2MT"] {
    color: #ffffff !important;
}

/* Channel list skeleton (gray placeholder bars) */
[class*="skeletonContent___XzRhYT"],
[class*="skeletonCategory___XzRhYT"],
[class*="skeletonChannel___XzRhYT"] {
    background: transparent !important;
}

[class*="skeletonCategoryPill___XzRhYT"],
[class*="skeletonChannelPill___XzRhYT"] {
    background: #a0a0a0 !important;
    border-radius: 0 !important;
}

/* ─────────────────────────────────────────────────
 *   DISCOVERY (Explore Communities) — left sidebar
 * ───────────────────────────────────────────────── */

[class*="guildNavbarContainer___Xzc4Nm"] {
    background: #c0c0c0 !important;
    border-right: 2px solid #808080 !important;
}

/* "Explore" header — reuses ZGNlOD which is already navy, good */
[class*="headerIconContainer___XzBlOG"] {
    background: transparent !important;
}

[class*="headerIcon___XzBlOG"] {
    color: #ffffff !important;
}

/* Discovery sidebar container */
[class*="container___XzU1Nj"] {
    background: #c0c0c0 !important;
}

[class*="categoryList___XzU1Nj"] {
    background: #c0c0c0 !important;
    padding: 4px !important;
}

/* Category filter buttons */
button[class*="categoryItem___XzU1Nj"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #000000 !important;
    margin: 2px 0 !important;
    width: calc(100% - 4px) !important;
    text-align: left !important;
    padding: 4px 8px !important;
    transition: none !important;
}

button[class*="categoryItem___XzU1Nj"]:hover {
    background: #c0c0c0 !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -2px !important;
}

/* Active/selected category — sunken */
button[class*="categoryItemActive___XzU1Nj"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #dfdfdf !important;
    color: #000000 !important;
    text-decoration: underline !important;
}

/* ─────────────────────────────────────────────────
 *   DISCOVERY — main content grid + cards
 * ───────────────────────────────────────────────── */

[class*="container___ZTBkMm"] {
    background: #c0c0c0 !important;
}

/* Hero search area */
[class*="hero___ZTBkMm"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    border-bottom: 2px solid #000000 !important;
}

[class*="heroPattern___ZTBkMm"] {
    opacity: 0.1 !important;
}

[class*="heroContent___ZTBkMm"],
[class*="heroControls___ZTBkMm"] {
    background: transparent !important;
}

/* Search input in hero */
[class*="inputContainer___ZGQ3MT"],
[class*="inputWrapper___ZGQ3MT"] {
    background: #ffffff !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    box-shadow: inset 1px 1px 0 #000000 !important;
    border-radius: 0 !important;
}

[class*="input___ZGQ3MT"],
[class*="searchInput___ZTBkMm"] {
    background: transparent !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

[class*="input___ZGQ3MT"]::placeholder {
    color: #808080 !important;
    -webkit-text-fill-color: #808080 !important;
}

[class*="leftIcon___ZGQ3MT"] {
    color: #800080 !important;
}

/* Content grid */
[class*="content___ZTBkMm"],
[class*="grid___ZTBkMm"] {
    background: #c0c0c0 !important;
}

/* Guild cards */
[class*="card___YzBjMm"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    transition: none !important;
}

[class*="card___YzBjMm"]:hover {
    outline: 1px dotted #800080 !important;
    outline-offset: -2px !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
}

[class*="cardBody___YzBjMm"],
[class*="footer___YzBjMm"] {
    background: transparent !important;
}

[class*="footer___YzBjMm"] {
    border-top: 1px solid #808080 !important;
    padding-top: 6px !important;
}

[class*="name___YzBjMm"] {
    color: #000000 !important;
    text-shadow: none !important;
}

[class*="category___YzBjMm"] {
    color: #800080 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

[class*="description___YzBjMm"] {
    color: #000000 !important;
}

[class*="statText___YzBjMm"] {
    color: #444444 !important;
}

/* ─────────────────────────────────────────────────
 *   ADD COMMUNITY MODAL (XzNjNz)
 * ───────────────────────────────────────────────── */

/* Modal surface already styled via XzA4MW, content area: */
[class*="content___XzNjNz"],
[class*="landingContainer___XzNjNz"] {
    background: #c0c0c0 !important;
}

[class*="landingContainer___XzNjNz"] p {
    color: #000000 !important;
}

/* Modal header */
[class*="layout___XzA4MW"][class*="header___XzA4MW"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    border-bottom: 2px solid #000000 !important;
    border-radius: 0 !important;
}

[class*="headerText___XzA4MW"] h3 {
    color: #ffffff !important;
    text-shadow: 1px 1px 0 #000040 !important;
}

/* Close button in modal header */
[class*="layout___XzA4MW"][class*="header___XzA4MW"] button {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    width: 16px !important;
    height: 14px !important;
    min-width: 16px !important;
    padding: 0 !important;
}

[class*="layout___XzA4MW"][class*="header___XzA4MW"] button:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* Action buttons: Create Community / Join Community / Import Template */
button[class*="actionButton___XzNjNz"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    transition: none !important;
}

button[class*="actionButton___XzNjNz"]:hover {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -3px !important;
}

[class*="actionIcon___XzNjNz"] {
    background: #800080 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 8px !important;
}

[class*="actionLabel___XzNjNz"] {
    color: #000000 !important;
}

[class*="actionButtonsGroup___XzNjNz"],
[class*="actionButtons___XzNjNz"] {
    background: transparent !important;
}

/* ─────────────────────────────────────────────────
 *   SETTINGS MODAL
 * ───────────────────────────────────────────────── */
[class*="container___XzU3Zj"] { background: #c0c0c0 !important; }

[class*="desktopSidebar___XzU3Zj"],
[class*="desktopSidebarInner___XzU3Zj"] {
    background: #c0c0c0 !important;
    border-right: 2px solid #808080 !important;
}

[class*="sidebarCategoryTitle___XzU3Zj"] {
    color: #000000 !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #808080 !important;
}

[class*="sidebarItem___XzU3Zj"] {
    color: #000000 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

[class*="sidebarItem___XzU3Zj"]:hover {
    background: #800080 !important;
    color: #ffffff !important;
}

[class*="sidebarItem___XzU3Zj"]:hover * { color: #ffffff !important; }

[class*="sidebarItemSelected___XzU3Zj"],
[class*="sidebarItemSelected___XzU3Zj"] * {
    background: #800080 !important;
    color: #ffffff !important;
}

[class*="sidebarItemDanger___XzU3Zj"] { color: #800000 !important; }

[class*="desktopContent___XzU3Zj"],
[class*="desktopContentCard___XzU3Zj"],
[class*="desktopContentPad___XzU3Zj"] { background: #c0c0c0 !important; }

[class*="desktopHeader___XzU3Zj"] {
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    border-bottom: 2px solid #000000 !important;
}

[class*="title___XzhlMD"],
[class*="title___XzhkYm"] {
    color: #ffffff !important;
}

[class*="desktopContent___XzU3Zj"] label,
[class*="desktopContent___XzU3Zj"] p,
[class*="desktopContent___XzU3Zj"] span,
[class*="desktopContent___XzU3Zj"] div {
    color: #000000 !important;
}

[class*="desktopContent___XzU3Zj"] input,
[class*="desktopContent___XzU3Zj"] textarea {
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-right:  2px solid #dfdfdf !important;
    border-radius: 0 !important;
}

[class*="legalLink___ZWQxYT"] { color: #800080 !important; }
[class*="sidebarFooter___XzU3Zj"] * { color: #808080 !important; }

/* ═══════════════════════════════════════════════════════
 *   VOICE CONNECTION STATUS AREA (user area / bottom panel)
 *   ═══════════════════════════════════════════════════════ */

[class*="voiceConnectionWrapper___XzEyMT"],
[class*="voiceConnectionContainer___XzRiYz"] {
    background: #c0c0c0 !important;
    border-top: 2px solid #808080 !important;
}

/* "Voice Connected" status button */
[class*="statusRow___XzRiYz"] {
    background: transparent !important;
}

[class*="statusButton___XzRiYz"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #000000 !important;
    transition: none !important;
}

[class*="statusButton___XzRiYz"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -3px !important;
}

/* Signal / ping icon — keep green */
[class*="signalIcon___XzRiYz"] {
    color: #00aa00 !important;
}

/* Noise suppression, disconnect, and other control buttons */
[class*="controlButton___XzRiYz"],
[class*="mediaButton___XzRiYz"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #000000 !important;
    transition: none !important;
}

[class*="controlButton___XzRiYz"]:hover,
[class*="mediaButton___XzRiYz"]:hover {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* Connection info text: channel name, connection ID */
[class*="connectionInfo___XzRiYz"],
[class*="channelSourceLink___XzRiYz"],
[class*="connectionIdValue___XzRiYz"] {
    color: #000000 !important;
    text-shadow: none !important;
}

[class*="channelSourceLink___XzRiYz"] {
    color: #800080 !important;
    text-decoration: underline !important;
}

/* Avatar stack (participant mini-avatars) */
[class*="channelAvatarStack___XzRiYz"] {
    background: transparent !important;
}

/* ═══════════════════════════════════════════════════════
 *   VOICE CALL PARTICIPANT GRID
 *   ═══════════════════════════════════════════════════════ */

/* Root view — match chat wallpaper */
[class*="root___XzdmOG"] {
    background: black !important;
}

[class*="mainContent___XzdmOG"] {
    background: transparent !important;
}

/* Grid viewport */
[class*="gridViewport___XzYwZT"],
[class*="grid___XzYwZT"] {
    background: transparent !important;
}

/* Individual participant tiles */
[class*="gridItem___XzYwZT"] {
    background: transparent !important;
}

[class*="lkParticipantTile___XzdmOG"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
}

/* Avatar placeholder background inside tile */
[class*="lkParticipantPlaceholder___XzdmOG"] {
    background: #a0a0a0 !important;
    border-radius: 0 !important;
}

/* Avatar ring */
[class*="avatarRing___XzdmMT"] {
    border-color: #800080 !important;
    border-radius: 50% !important;
}

/* Name / metadata overlay at bottom of tile */
[class*="lkParticipantMetadata___XzdmOG"] {
    background: linear-gradient(transparent, rgba(0,0,0,0.6)) !important;
}

[class*="participantNameText___XzdmMT"] {
    color: #ffffff !important;
    text-shadow: 1px 1px 0 #000000 !important;
}

[class*="participantConnectionText___XzdmMT"] {
    color: #c0c0c0 !important;
    text-shadow: 1px 1px 0 #000000 !important;
}

/* Per-tile context menu button */
[class*="menuButton___XzdmMT"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    transition: none !important;
}

/* Bottom control bar */
[class*="container___XzgyOT"] {
    background: #c0c0c0 !important;
    border-top: 2px solid #808080 !important;
    box-shadow: none !important;
}

[class*="button___XzgyOT"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    color: #000000 !important;
    transition: none !important;
}

[class*="button___XzgyOT"]:hover {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    outline: 1px dotted #800080 !important;
    outline-offset: -3px !important;
}

/* Muted state — sunken/pressed button */
[class*="buttonMuted___XzgyOT"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
    color: #800000 !important;
}

/* Settings caret buttons */
[class*="settingsButton___XzgyOT"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    transition: none !important;
}

/* Disconnect button — red W95 style */
[class*="button___XzgyOT"][class*="disconnect"],
[class*="button___XzgyOT"][aria-label*="Disconnect"],
[class*="button___XzgyOT"][aria-label*="disconnect"] {
    background: #c0c0c0 !important;
    color: #800000 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
}

/* Fullscreen button */
[class*="fullscreenButtonWrap___XzdmOG"] button {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    transition: none !important;
}

/* Grey divider bar fix — any horizontal rule or separator in the voice view */
[class*="root___XzdmOG"] hr,
[class*="root___XzdmOG"] [class*="separator"],
[class*="root___XzdmOG"] [class*="divider"] {
    background: #808080 !important;
    border: none !important;
    height: 2px !important;
}

/* ══════════════════════════����═══════════════════════════
 *   PICTURE-IN-PICTURE STREAMING OVERLAY
 *   ═══════════════════════════════════════════════════════ */

[class*="container___ZjM0OD"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
}

/* Frozen/paused frame */
[class*="frozenFrame___ZjM0OD"] {
    border-radius: 0 !important;
    opacity: 0.7 !important;
}

/* Paused overlay */
[class*="previewPausedOverlay___ZjM0OD"] {
    background: rgba(192, 192, 192, 0.92) !important;
    border-radius: 0 !important;
}

[class*="previewPausedIcon___ZjM0OD"] {
    color: #800080 !important;
}

[class*="previewPausedTextWrap___ZjM0OD"],
[class*="previewPausedTextWrap___ZjM0OD"] * {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Hover overlay — header gradient */
[class*="hoverOverlay___ZjM0OD"] {
    background: transparent !important;
}

[class*="headerGradient___ZjM0OD"] {
    background: linear-gradient(180deg, rgba(0,0,128,0.9) 0%, transparent 100%) !important;
}

[class*="headerContent___ZjM0OD"] {
    background: transparent !important;
}

/* "Return to call" button */
[class*="returnToCallButton___ZjM0OD"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    transition: none !important;
}

[class*="returnToCallButton___ZjM0OD"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

[class*="returnToCallLabel___ZjM0OD"] {
    color: #000000 !important;
}

[class*="returnToCallIcon___ZjM0OD"] {
    color: #800080 !important;
}

/* Close button (X) */
[class*="closeButton___ZjM0OD"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    width: 16px !important;
    height: 14px !important;
    min-width: 16px !important;
    padding: 0 !important;
    transition: none !important;
}

[class*="closeButton___ZjM0OD"]:hover {
    border-top:    2px solid #000000 !important;
    border-left:   2px solid #000000 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
}

/* Footer gradient + streamer name */
[class*="footerGradient___ZjM0OD"] {
    background: linear-gradient(0deg, rgba(0,0,128,0.9) 0%, transparent 100%) !important;
}

[class*="footerContent___ZjM0OD"] {
    background: transparent !important;
}

[class*="streamerName___ZjM0OD"] {
    color: #ffffff !important;
    text-shadow: 1px 1px 0 #000000 !important;
}

/* Resize handles — W95 style gripper dots */
[class*="resizeHandleTop___ZjM0OD"],
[class*="resizeHandleBottom___ZjM0OD"],
[class*="resizeHandleLeft___ZjM0OD"],
[class*="resizeHandleRight___ZjM0OD"],
[class*="resizeHandleTopLeft___ZjM0OD"],
[class*="resizeHandleTopRight___ZjM0OD"],
[class*="resizeHandleBottomLeft___ZjM0OD"],
[class*="resizeHandleBottomRight___ZjM0OD"] {
    background: transparent !important;
    border: none !important;
}

[class*="resizeHandleBottomRight___ZjM0OD"] {
    background-image: radial-gradient(circle, #808080 1px, transparent 1px) !important;
    background-size: 3px 3px !important;
    background-position: bottom right !important;
    background-repeat: repeat !important;
    width: 12px !important;
    height: 12px !important;
}


/* ═══════════════════════════════════════════════════════
 *   WINDOWS SPLASH / LOADING SCREEN
 *   ═══════════════════════════════════════════════════════ */

[class*="splashOverlay___ZTBkMm"] {
    background: black !important; /* Storm (VGA) only had a black desktop */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

[class*="topDragRegion___ZTBkMm"] {
    background: transparent !important;
}

/* The window itself */
[class*="splashContent___ZTBkMm"] {
    background: #c0c0c0 !important;
    border-top:    2px solid #ffffff !important;
    border-left:   2px solid #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    border-right:  2px solid #000000 !important;
    box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 420px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
}

/* Title bar via ::before */
[class*="splashContent___ZTBkMm"]::before {
    content: "Fluxer" !important;
    display: flex !important;
    width: 99%;
    align: left !important;
    background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
    color: #ffffff !important;
    padding: 3px 4px 3px 6px !important;
    text-shadow: 1px 1px 0 #000040 !important;
    flex-shrink: 0 !important;
    letter-spacing: 0 !important;
}

/* Icon area */

/* Hide the Fluxer SVG icon pulse */
[class*="iconPulse___ZTBkMm"] {
    display: none !important;
}

/* Wordmark removed — logo image contains the text */
[class*="iconWrapper___ZTBkMm"]::after {
    content: none !important;
    display: none !important;
}

/* Quote / status area */
[class*="quoteContainer___ZTBkMm"] {
    background: #c0c0c0 !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid #808080 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

[class*="quoteLink___ZTBkMm"] {
    color: #000000 !important;
    text-decoration: none !important;
}

[class*="incidentCta___ZTBkMm"] {
    color: #800080 !important;
    text-decoration: underline !important;
}

/* "Connecting" + progress bar */
[class*="connectionStatus___ZTBkMm"] {
    background: #c0c0c0 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 8px 14px 10px !important;
    margin: 0 !important;
    text-align: left !important;
}

[class*="connectionStatus___ZTBkMm"]::after {
    content: "" !important;
    display: block !important;
    margin-top: 6px !important;
    height: 16px !important;
    background: repeating-linear-gradient(
        90deg,
        #800080 0px,
        #800080 10px,
        #c0c0c0 10px,
        #c0c0c0 12px
    ) !important;
    border-top:    2px solid #808080 !important;
    border-left:   2px solid #808080 !important;
    border-bottom: 2px solid #ffffff !important;
    border-right:  2px solid #ffffff !important;
    animation: w98progress 1.4s steps(10, end) infinite !important;
    background-size: 220% 100% !important;
}

@keyframes w98progress {
    0%   { background-position: 0% 0%; }
    100% { background-position: -100% 0%; }
}
    

/* Desktop client title bar */

[class*="NativeTitlebar"][class*="module__titlebar"] {
  background: linear-gradient(90deg, #800080 0%, #388cb0 100%) !important;
  /* border-bottom: 1px solid #0e264a !important; */
  padding: 0 7px !important;
}

/* Fluxer wordmark inside title bar */
[class*="NativeTitlebar"][class*="module__wordmark"] {
  color: #ffffff !important;
  /* filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; */
}