/*
  WarDrix 1.8.64 – Forge UI
  Safe visual redesign layer.
  IMPORTANT: no primary application grid, visibility logic, JS hooks,
  element IDs, or responsive navigation mechanics are changed here.
*/

:root{
  --forge-bg:#090c10;
  --forge-surface-0:#0b0f14;
  --forge-surface-1:#0f141a;
  --forge-surface-2:#141a21;
  --forge-surface-3:#19212a;
  --forge-panel:#10151b;
  --forge-line:#2a323d;
  --forge-line-soft:#202731;
  --forge-text:#eef1f4;
  --forge-muted:#919aa5;
  --forge-orange:#f97316;
  --forge-orange-2:#fb923c;
  --forge-orange-soft:rgba(249,115,22,.12);
  --forge-orange-line:rgba(249,115,22,.48);
  --forge-shadow:0 16px 38px rgba(0,0,0,.38);
  --forge-radius:6px;
  --forge-radius-sm:4px;
}

body{
  background:var(--forge-bg)!important;
  color:var(--forge-text);
}

/* ---------- shared controls ---------- */
button,
input,
textarea,
select{
  border-radius:var(--forge-radius-sm)!important;
}
button{
  transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease;
}
input,textarea,select{
  background:#0b1016!important;
  border-color:var(--forge-line)!important;
  color:var(--forge-text)!important;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--forge-orange)!important;
  box-shadow:0 0 0 1px rgba(249,115,22,.35)!important;
}
.primary,
.send-button{
  background:linear-gradient(180deg,#fb923c,#f97316)!important;
  color:#160b04!important;
  border-color:#ffad64!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.primary:hover,
.send-button:hover{
  background:linear-gradient(180deg,#ffa657,#fb7d20)!important;
}

/* ---------- app surfaces: same layout, new identity ---------- */
#appView.app{
  background:var(--forge-bg)!important;
}
#appView>.server-rail{
  background:#080b0f!important;
  border-right:1px solid var(--forge-line)!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.015)!important;
}
#appView>.channel-sidebar{
  background:var(--forge-surface-1)!important;
  border-right:1px solid var(--forge-line)!important;
  box-shadow:none!important;
}
#appView>.chat-main{
  background:var(--forge-surface-0)!important;
}
#appView>.member-sidebar{
  background:var(--forge-surface-1)!important;
  border-left:1px solid var(--forge-line)!important;
}

/* ---------- server rail: compact rectangular dock ---------- */
.server-rail .rail-logo,
.server-rail .server-button,
.server-rail .server-add{
  border-radius:9px!important;
  border:1px solid #29313b!important;
  background-color:#111820!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.server-rail .server-button:not(.has-icon):hover,
.server-rail .server-add:hover,
.server-rail .rail-logo:hover{
  border-color:#48515c!important;
  background-color:#18212a!important;
  border-radius:7px!important;
}
.server-rail .rail-logo.active,
.server-rail .server-button:not(.has-icon).active{
  border-color:var(--forge-orange)!important;
  background:linear-gradient(145deg,#22150c,#151b21 60%)!important;
  box-shadow:inset 0 0 0 1px rgba(249,115,22,.16)!important;
  border-radius:7px!important;
}

/* Server icons are rendered via inline background-image by app.js.
   Never use the background shorthand on these buttons. */
.server-rail .server-button.has-icon{
  background-color:transparent!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  box-shadow:none!important;
  color:transparent!important;
}
.server-rail .server-button.has-icon:hover{
  background-color:transparent!important;
  border-color:#48515c!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035)!important;
}
.server-rail .server-button.has-icon.active{
  background-color:transparent!important;
  border-color:var(--forge-orange)!important;
  box-shadow:0 0 0 1px rgba(249,115,22,.18),0 0 14px rgba(249,115,22,.12)!important;
}

.server-rail .server-button::before{
  left:-9px!important;
  width:3px!important;
  border-radius:0!important;
  background:transparent!important;
}
.server-rail .server-button.active::before{
  background:var(--forge-orange)!important;
  box-shadow:0 0 10px rgba(249,115,22,.45);
}
.rail-separator{
  background:#29313b!important;
  height:1px!important;
}

/* ---------- workspace / channel navigator ---------- */
.server-header{
  background:#0c1117!important;
  border-bottom:1px solid var(--forge-line)!important;
  box-shadow:inset 0 -2px 0 rgba(249,115,22,.08)!important;
}
.server-brand{
  border-radius:7px!important;
  border:1px solid #333c47!important;
  background:#111820!important;
}
.server-title strong{
  color:#f5f6f7!important;
  letter-spacing:.015em;
}
.server-title small{
  color:#d5874d!important;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:9px!important;
}
.sidebar-action-row{
  padding-top:10px!important;
}
.sidebar-action{
  border-radius:5px!important;
  background:#0b1016!important;
  border:1px solid var(--forge-line)!important;
  color:#dfe4e8!important;
  min-height:38px;
}
.sidebar-action:hover{
  background:#151c24!important;
  border-color:#3d4651!important;
}
.sidebar-action.active{
  background:linear-gradient(90deg,rgba(249,115,22,.14),#111820 48%)!important;
  border-color:rgba(249,115,22,.45)!important;
  box-shadow:inset 3px 0 0 var(--forge-orange)!important;
}
.section-label,
.section-head,
.member-header{
  color:#8f99a5!important;
  letter-spacing:.13em!important;
  font-size:9px!important;
  font-weight:900!important;
}
.section-head{
  position:relative;
}
.section-head::after{
  content:"";
  height:1px;
  flex:1 1 auto;
  margin-left:10px;
  background:linear-gradient(90deg,rgba(249,115,22,.38),transparent);
}
.channel-list{
  padding-left:7px!important;
  padding-right:7px!important;
}
.channel-item,
.voice-item,
.dm-item{
  border-radius:4px!important;
  border:1px solid transparent!important;
  min-height:38px!important;
}
.channel-item:hover,
.voice-item:hover,
.dm-item:hover{
  background:#151b22!important;
  border-color:#242d36!important;
}
.channel-item.active,
.voice-item.active,
.dm-item.active{
  background:linear-gradient(90deg,rgba(249,115,22,.16),rgba(249,115,22,.035) 68%,transparent)!important;
  border-color:rgba(249,115,22,.28)!important;
  box-shadow:inset 2px 0 0 var(--forge-orange)!important;
}
.category-head{
  border-radius:3px!important;
}
.category-head:hover{
  background:#121820!important;
}
.channel-icon,
.voice-channel-speaker,
.channel-glyph{
  color:#f6a25f!important;
}
.channel-tree-toolbar{
  border-bottom-color:var(--forge-line-soft)!important;
}
.channel-tree-toolbar #serverActionsBtn.server-actions-trigger{
  border-radius:4px!important;
  background:#0b1016!important;
  border-color:var(--forge-line)!important;
}
.channel-tree-toolbar #serverActionsBtn.server-actions-trigger:hover{
  background:#151c24!important;
  border-color:var(--forge-orange-line)!important;
}

/* ---------- server dropdown / compact menus ---------- */
.server-actions-menu{
  background:#0b1016f8!important;
  border:1px solid #343e49!important;
  border-top:2px solid var(--forge-orange)!important;
  border-radius:5px!important;
  box-shadow:var(--forge-shadow)!important;
  padding:5px!important;
}
.channel-tree-toolbar .server-actions-menu button{
  min-height:36px!important;
  border-radius:3px!important;
  color:#dfe4e8!important;
}
.channel-tree-toolbar .server-actions-menu button:hover{
  background:var(--forge-orange-soft)!important;
  color:#fff!important;
}
.channel-tree-toolbar .server-actions-menu button>.material-symbols-rounded{
  color:#f69a54!important;
}

/* ---------- chat command header ---------- */
.chat-header{
  background:#0d1218f5!important;
  border-bottom:1px solid #303945!important;
  box-shadow:inset 0 -2px 0 rgba(249,115,22,.055)!important;
  backdrop-filter:blur(12px)!important;
}
.chat-title strong{
  color:#f1f4f6!important;
  letter-spacing:.01em;
}
.chat-title small{
  color:#89939e!important;
  opacity:1!important;
}
.chat-header .icon-btn,
.header-action-btn,
.support-request-btn{
  border-radius:4px!important;
}
.header-action-btn,
.support-request-btn{
  border:1px solid transparent!important;
  background:transparent!important;
}
.header-action-btn:hover,
.support-request-btn:hover,
.chat-header .icon-btn:hover{
  background:#171e26!important;
  border-color:#303945!important;
}
.search-box{
  background:#080c11!important;
  border-color:#303945!important;
  border-radius:4px!important;
}

/* ---------- messages ---------- */
.messages{
  background:
    linear-gradient(90deg,rgba(249,115,22,.018),transparent 18%),
    #0b0f14!important;
}
.message{
  border-left:2px solid transparent;
  transition:background-color .1s ease,border-color .1s ease;
}
.message:hover{
  background:#111820!important;
  border-left-color:rgba(249,115,22,.52);
}
.message-user{
  font-weight:750!important;
  letter-spacing:.005em;
}
.message-time{
  color:#7f8994!important;
}
.message-content{
  color:#e5e9ed!important;
  text-shadow:none!important;
}
.message-actions{
  background:#0b1016!important;
  border-color:#313b46!important;
  border-radius:4px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
}
.message-actions button{
  border-radius:3px!important;
}
.message-actions button:hover{
  background:var(--forge-orange-soft)!important;
}

/* ---------- composer: WarDrix command input ---------- */
.composer{
  background:#0c1117f8!important;
  border-top:1px solid #303945!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.14)!important;
}
.composer-tabs.segmented{
  background:#090d12!important;
  border:1px solid #252e38!important;
  border-radius:4px!important;
  padding:3px!important;
}
.composer-tabs.segmented button{
  border-radius:3px!important;
  color:#929ca7!important;
}
.composer-tabs.segmented button.active{
  color:#fff!important;
  background:#19212a!important;
  box-shadow:inset 0 -2px 0 var(--forge-orange)!important;
}
.composer-row{
  background:#090d12!important;
  border:1px solid #303945!important;
  border-radius:6px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.composer-row:focus-within{
  border-color:rgba(249,115,22,.7)!important;
  box-shadow:inset 3px 0 0 var(--forge-orange)!important;
}
.composer-row textarea{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.attach-btn,
.emoji-plus-btn,
.composer-format-btn,
.voice-record-btn{
  border-radius:4px!important;
  background:#111820!important;
  border-color:#29333d!important;
}
.attach-btn:hover,
.emoji-plus-btn:hover,
.composer-format-btn:hover,
.voice-record-btn:hover{
  background:#1a232c!important;
  border-color:rgba(249,115,22,.48)!important;
  color:#ffb06f!important;
}
.composer-help{
  color:#737e89!important;
}

/* ---------- voice dock / voice room ---------- */
.voice-dock{
  background:#090d12!important;
  border-top:1px solid var(--forge-line)!important;
}
.voice-dock button{
  border-radius:4px!important;
  background:#111820!important;
  border-color:#2c3540!important;
}
.voice-dock button:hover{
  background:#1a222b!important;
  border-color:#47515c!important;
}
.voice-dock strong{
  color:#fb9b54!important;
}
.voice-room-view{
  background:#0b0f14!important;
}
.voice-room-head{
  background:#0e141a!important;
  border-color:#2b3540!important;
}
.voice-room-head button{
  border-radius:4px!important;
}
.voice-room-tile,
.voice-room-card,
.voice-stream-card{
  border-radius:7px!important;
  border-color:#29333d!important;
  background:#10161d!important;
}
.voice-room-chat-panel{
  background:#0c1117f7!important;
  border-color:#303945!important;
}

/* ---------- members / profile ---------- */
.member-header{
  background:#0d1218!important;
  border-bottom:1px solid #252e38!important;
}
.member-row{
  border-radius:4px!important;
  border:1px solid transparent!important;
}
.member-row:hover{
  background:#151c24!important;
  border-color:#26303a!important;
  box-shadow:inset 2px 0 0 rgba(249,115,22,.5)!important;
}
.profile-sidebar{
  background:#0b1016f6!important;
  border-left:1px solid #303945!important;
  box-shadow:-18px 0 42px rgba(0,0,0,.42)!important;
}
.profile-side-section,
.profile-activity-card{
  border-radius:5px!important;
  border-color:#29333d!important;
  background:#10161d!important;
}

/* ---------- notifications ---------- */
.notification-center-popover{
  background:#0b1016fa!important;
  border:1px solid #343e49!important;
  border-top:2px solid var(--forge-orange)!important;
  border-radius:6px!important;
  box-shadow:var(--forge-shadow)!important;
}
.notification-center-head{
  background:#0f151c!important;
  border-bottom:1px solid #2b3540!important;
}
.notification-center-item{
  border-radius:4px!important;
}
.notification-center-item:hover{
  background:#151d25!important;
}
.notification-center-item-icon{
  border-radius:4px!important;
}

/* ---------- right-click context system ---------- */
.server-context-menu,
.channel-context-menu,
.dm-friend-quick-menu{
  background:#090e14f8!important;
  border:1px solid #36414d!important;
  border-top:2px solid var(--forge-orange)!important;
  border-radius:5px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.56)!important;
  backdrop-filter:blur(14px)!important;
  padding:5px!important;
}
#serverContextMenu.server-context-menu,
#channelContextMenu.channel-context-menu,
#memberContextMenu.server-context-menu,
#forumContextMenu.server-context-menu,
.dm-friend-quick-menu{
  border-radius:5px!important;
}
.server-context-title{
  color:#86919c!important;
  border-bottom:1px solid #29333d!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}
.server-context-menu .server-context-item,
#channelContextMenu .channel-context-item,
.dm-friend-quick-menu button{
  min-height:38px!important;
  border-radius:3px!important;
  padding:7px 8px!important;
  color:#dce2e7!important;
  background:transparent!important;
  font-family:"Segoe UI",Calibri,Arial,sans-serif!important;
  font-size:12.5px!important;
  font-weight:600!important;
}
.server-context-menu .server-context-item:hover:not(:disabled),
#channelContextMenu .channel-context-item:hover:not(:disabled),
.dm-friend-quick-menu button:hover{
  background:linear-gradient(90deg,rgba(249,115,22,.16),rgba(249,115,22,.045))!important;
  color:#fff!important;
}
.server-context-menu .server-context-item.active,
#channelContextMenu .channel-context-item.active{
  background:rgba(249,115,22,.12)!important;
  box-shadow:inset 2px 0 0 var(--forge-orange)!important;
}
.server-context-menu .server-context-label>.material-symbols-rounded,
#channelContextMenu .channel-context-label>.material-symbols-rounded,
.dm-friend-quick-menu .material-symbols-rounded{
  width:26px!important;
  height:26px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid #2c3641!important;
  border-radius:3px!important;
  background:#111820!important;
  color:#f5a15e!important;
  font-size:16px!important;
}
.server-context-menu .server-context-note{
  color:#7f8994!important;
}
.server-context-menu .server-context-trailing,
#channelContextMenu .channel-context-trailing{
  color:#89939e!important;
}
.server-context-menu .server-context-chevron{
  color:#7c8792!important;
}
.server-context-menu .server-context-separator,
#channelContextMenu .channel-context-separator{
  height:1px!important;
  background:#29333d!important;
  margin:5px 4px!important;
}
.server-context-menu .server-context-submenu,
#channelContextMenu .channel-context-submenu{
  background:#090e14fa!important;
  border:1px solid #36414d!important;
  border-top:2px solid var(--forge-orange)!important;
  border-radius:5px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.52)!important;
}
.server-context-menu .server-context-item.danger,
#channelContextMenu .channel-context-item.danger,
.dm-friend-quick-menu button.danger{
  color:#ff9da5!important;
}
.server-context-menu .server-context-item.danger:hover,
#channelContextMenu .channel-context-item.danger:hover,
.dm-friend-quick-menu button.danger:hover{
  background:rgba(190,45,58,.16)!important;
}

/* ---------- emoji / picker / popovers ---------- */
.picker-popover,
#emojiPicker.picker-popover{
  background:#0a0f15!important;
  border:1px solid #36414d!important;
  border-top:2px solid var(--forge-orange)!important;
  border-radius:6px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.6)!important;
}
.picker-popover>input{
  border-radius:4px!important;
}
.emoji-tabs button,
.emoji-grid button{
  border-radius:3px!important;
}
.emoji-tabs button:hover,
.emoji-tabs button.active,
.emoji-grid button:hover{
  background:rgba(249,115,22,.12)!important;
}

/* ---------- dialogs / settings ---------- */
dialog::backdrop{
  background:rgba(2,5,8,.76)!important;
  backdrop-filter:blur(3px)!important;
}
.dialog-card,
.settings-dialog,
.user-settings-dialog,
.server-invite-dialog,
.poll-create-dialog,
.forum-create-card{
  background:#0e141af8!important;
  border:1px solid #343e49!important;
  border-top:2px solid var(--forge-orange)!important;
  border-radius:7px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.52)!important;
}
.dialog-card header,
.settings-content>header,
.user-settings-dialog>header{
  border-bottom-color:#2a343e!important;
}
.dialog-card h3,
.settings-content header strong{
  color:#f2f4f6!important;
}
.settings-nav,
.server-settings-nav{
  background:#090e14!important;
  border-right-color:#2a343e!important;
}
.settings-nav button,
.server-settings-nav button,
.user-settings-tabs button{
  border-radius:3px!important;
}
.settings-nav button:hover,
.server-settings-nav button:hover,
.user-settings-tabs button:hover{
  background:#151d25!important;
}
.settings-nav button.active,
.server-settings-nav button.active,
.user-settings-tabs button.active{
  background:linear-gradient(90deg,rgba(249,115,22,.14),transparent)!important;
  box-shadow:inset 2px 0 0 var(--forge-orange)!important;
  color:#fff!important;
}
.settings-card,
.voice-settings-section,
.notification-section,
.user-profile-bio,
.role-check,
.permission-toggle{
  background:#0b1016!important;
  border:1px solid #29333d!important;
  border-radius:5px!important;
}
.close-big,
.dialog-card header button{
  border-radius:4px!important;
}

/* ---------- forum / tickets / other cards ---------- */
.forum-category-list,
.forum-subcategory-list,
.forum-thread-card,
.forum-category-row-clean,
.ticket-card,
.ticket-detail-head,
.ticket-reply{
  border-radius:5px!important;
}
.forum-thread-card:hover,
.forum-category-row-clean:hover,
.ticket-card:hover{
  border-color:rgba(249,115,22,.4)!important;
  background:#121920!important;
}

/* ---------- status badges ---------- */
.unread-count-badge,
.nav-badge,
.voice-room-chat-badge{
  border-radius:3px!important;
  background:#f97316!important;
  color:#140a03!important;
  border-color:#ff9f54!important;
  font-weight:900!important;
}
.presence-dot,
.self-presence-dot{
  box-shadow:none!important;
}

/* ---------- scrollbars ---------- */
.sidebar-scroll,
.messages,
.member-sidebar,
.settings-body,
.user-settings-scroll,
.profile-sidebar,
.emoji-grid,
.notification-center-list{
  scrollbar-color:#38424d #0b1016;
  scrollbar-width:thin;
}
.sidebar-scroll::-webkit-scrollbar,
.messages::-webkit-scrollbar,
.member-sidebar::-webkit-scrollbar,
.settings-body::-webkit-scrollbar,
.user-settings-scroll::-webkit-scrollbar,
.profile-sidebar::-webkit-scrollbar,
.emoji-grid::-webkit-scrollbar,
.notification-center-list::-webkit-scrollbar{
  width:8px;
  height:8px;
}
.sidebar-scroll::-webkit-scrollbar-thumb,
.messages::-webkit-scrollbar-thumb,
.member-sidebar::-webkit-scrollbar-thumb,
.settings-body::-webkit-scrollbar-thumb,
.user-settings-scroll::-webkit-scrollbar-thumb,
.profile-sidebar::-webkit-scrollbar-thumb,
.emoji-grid::-webkit-scrollbar-thumb,
.notification-center-list::-webkit-scrollbar-thumb{
  background:#38424d;
  border:2px solid #0b1016;
  border-radius:2px;
}

/* ---------- mobile: visual-only, existing navigation mechanics stay intact ---------- */
@media(max-width:760px){
  .server-rail .rail-logo,
  .server-rail .server-button,
  .server-rail .server-add{
    border-radius:8px!important;
  }
  .chat-header{
    background:#0d1218f8!important;
  }
  .composer{
    background:#0c1117fc!important;
  }
  .server-context-menu,
  .channel-context-menu,
  .dm-friend-quick-menu,
  .notification-center-popover,
  #emojiPicker.picker-popover{
    border-radius:5px!important;
  }
}

/* ============================================================
   WarDrix 1.8.66 – Account Dock + Centered Member Profiles
   Safe structural differentiation from Discord:
   - own account moves above Community on wide server views
   - member profiles open centered as a popup
   ============================================================ */

.user-panel-home-anchor{
  display:none!important;
}

.member-account-dock-slot{
  flex:0 0 auto;
  min-width:0;
}

/* Only when the JS has safely docked the existing account panel. */
#memberSidebar.has-account-dock{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding-top:0!important;
}

#memberSidebar.has-account-dock .member-sidebar-resizer{
  z-index:4;
}

#memberSidebar.has-account-dock .member-account-dock-slot{
  position:relative;
  z-index:3;
  margin:0 -7px 0;
  padding:0;
  background:#0a0f15;
  border-bottom:1px solid #303945;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}

#memberSidebar.has-account-dock .user-panel{
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  height:auto!important;
  margin:0!important;
  padding:8px 9px!important;
  gap:7px!important;
  background:
    linear-gradient(90deg,rgba(249,115,22,.08),transparent 36%),
    #0d1218!important;
  border-top:0!important;
  border-bottom:0!important;
  box-sizing:border-box!important;
}

#memberSidebar.has-account-dock .user-panel .user-identity{
  min-width:0!important;
  flex:1 1 auto!important;
  padding:3px!important;
}

#memberSidebar.has-account-dock .user-panel .presence-avatar{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
}

#memberSidebar.has-account-dock .user-panel .user-meta{
  min-width:0!important;
}

#memberSidebar.has-account-dock .user-panel #profileBtn,
#memberSidebar.has-account-dock .user-panel #logoutBtn{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  border:1px solid #313b46!important;
  border-radius:4px!important;
  background:#121920!important;
}

#memberSidebar.has-account-dock .user-panel #profileBtn:hover,
#memberSidebar.has-account-dock .user-panel #logoutBtn:hover{
  border-color:rgba(249,115,22,.5)!important;
  background:#1a232c!important;
  color:#ffad6c!important;
}

#memberSidebar.has-account-dock .member-header{
  flex:0 0 auto;
  padding-top:12px!important;
}

#memberSidebar.has-account-dock #memberList{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding-bottom:7px;
}

/* Desktop client wallet/tools stay functional, but fit the right panel. */
html[data-wardrix-client="desktop"] #memberSidebar.has-account-dock .user-panel{
  align-items:stretch!important;
}

html[data-wardrix-client="desktop"] #memberSidebar.has-account-dock .wdx-desktop-user-tools{
  width:86px!important;
  min-width:86px!important;
  gap:5px!important;
}

html[data-wardrix-client="desktop"] #memberSidebar.has-account-dock .wdx-desktop-user-actions{
  gap:5px!important;
}

html[data-wardrix-client="desktop"] #memberSidebar.has-account-dock .wdx-desktop-user-actions>button{
  width:29px!important;
  min-width:29px!important;
  height:29px!important;
  border-radius:4px!important;
}

html[data-wardrix-client="desktop"] #memberSidebar.has-account-dock .wdx-desktop-warcoin-wallet{
  height:30px!important;
  min-height:30px!important;
  border-radius:4px!important;
}

/* ---------- centered member profile popup ---------- */
.profile-modal-backdrop{
  position:absolute;
  inset:0;
  z-index:480;
  background:rgba(3,6,9,.72);
  backdrop-filter:blur(4px);
  opacity:1;
  transition:opacity .12s ease;
}

.profile-modal-backdrop.hidden{
  display:none!important;
}

#profileSidebar.profile-sidebar{
  position:absolute!important;
  z-index:490!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(640px,calc(100% - 48px))!important;
  max-width:640px!important;
  height:auto!important;
  max-height:min(760px,calc(100% - 48px))!important;
  overflow:auto!important;
  background:#0d1218f8!important;
  border:1px solid #39434f!important;
  border-top:2px solid var(--forge-orange)!important;
  border-radius:7px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.62)!important;
  backdrop-filter:blur(18px)!important;
}

#profileSidebar.profile-sidebar.hidden{
  display:none!important;
}

#profileSidebar .profile-side-banner{
  height:150px!important;
  border-bottom:1px solid #303945!important;
}

#profileSidebar .profile-side-body{
  padding:0 22px 24px!important;
}

#profileSidebar .profile-side-avatar{
  width:92px!important;
  height:92px!important;
  margin-top:-46px!important;
  border:5px solid #0d1218!important;
}

#profileSidebar .profile-side-head{
  margin-top:9px!important;
}

#profileSidebar .profile-side-head h2{
  font-size:24px!important;
}

#profileSidebar .profile-side-close{
  position:sticky!important;
  float:right;
  top:10px!important;
  right:10px!important;
  margin:10px 10px -44px 0!important;
  width:34px!important;
  height:34px!important;
  border-radius:4px!important;
  border:1px solid #3a4551!important;
  background:#0a0f15e8!important;
  color:#eef1f4!important;
  box-shadow:0 8px 24px rgba(0,0,0,.35)!important;
}

#profileSidebar .profile-side-close:hover{
  border-color:var(--forge-orange)!important;
  background:#171f28!important;
  color:#ffad6c!important;
}

#profileSidebar .profile-side-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

#profileSidebar .profile-side-section{
  border-top-color:#29333d!important;
}

body.profile-modal-open{
  overflow:hidden;
}

/* On compact layouts keep the account controls reachable in their original
   left position and make the profile popup nearly full screen. */
@media(max-width:1100px){
  #memberAccountDockSlot{
    display:none!important;
  }

  #profileSidebar.profile-sidebar{
    width:min(620px,calc(100% - 24px))!important;
    max-width:calc(100% - 24px)!important;
    max-height:calc(100% - 24px)!important;
  }
}

@media(max-width:760px){
  #profileSidebar.profile-sidebar{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    max-height:calc(100% - 12px)!important;
    border-radius:6px!important;
  }

  #profileSidebar .profile-side-banner{
    height:122px!important;
  }

  #profileSidebar .profile-side-body{
    padding:0 14px 18px!important;
  }

  #profileSidebar .profile-side-actions{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   WarDrix 1.8.67 – warmer member profile restyle
   Only visual tuning for the centered profile popup.
   ============================================================ */
#profileSidebar.profile-sidebar{
  background:
    radial-gradient(circle at top right, rgba(249,115,22,.11), transparent 34%),
    linear-gradient(180deg, rgba(255,150,64,.04), transparent 22%),
    #0b1016f8!important;
  border:1px solid rgba(255,170,96,.22)!important;
  border-top:2px solid #ff8f3a!important;
  border-radius:14px!important;
  box-shadow:0 30px 85px rgba(0,0,0,.64), 0 0 0 1px rgba(249,115,22,.07)!important;
}

#profileSidebar .profile-side-banner{
  position:relative;
  overflow:hidden;
  border-top-left-radius:13px!important;
  border-top-right-radius:13px!important;
  border-bottom:1px solid rgba(255,166,93,.16)!important;
}
#profileSidebar .profile-side-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,8,12,0) 20%, rgba(7,10,14,.78) 100%);
  pointer-events:none;
}

#profileSidebar .profile-side-avatar{
  border:5px solid #0c1117!important;
  box-shadow:0 10px 28px rgba(0,0,0,.45), 0 0 0 2px rgba(249,115,22,.14)!important;
}

#profileSidebar .profile-side-head{
  align-items:flex-end!important;
  gap:14px!important;
}

#profileSidebar .profile-side-name-line h2{
  color:#f7f3ed!important;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

#profileSidebar .profile-handle{
  color:#cdb9a6!important;
}

#profileSidebar #sideProfileTagSlot .server-tag-chip,
#profileSidebar #sideProfileTagSlot .profile-tag-chip,
#profileSidebar #sideProfileTagSlot span{
  border-radius:999px!important;
}

#profileSidebar .profile-status-line,
#profileSidebar .profile-pronouns{
  border-radius:11px!important;
  background:linear-gradient(180deg, rgba(255,166,93,.07), rgba(255,166,93,.03)) , #10161d!important;
  border:1px solid rgba(255,166,93,.16)!important;
  color:#f3ede7!important;
  padding:10px 12px!important;
}

#profileSidebar .profile-side-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:2px!important;
}

#profileSidebar .profile-side-actions button{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,170,96,.18)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.01)), #171c24!important;
  color:#f4efe8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font-weight:700!important;
  letter-spacing:.01em;
}

#profileSidebar .profile-side-actions button:hover{
  border-color:rgba(255,170,96,.42)!important;
  background:linear-gradient(180deg, rgba(255,181,111,.13), rgba(249,115,22,.08)), #1b212a!important;
  color:#fff7ef!important;
  transform:translateY(-1px);
}

#profileSidebar .profile-side-actions button .material-symbols-rounded{
  font-size:18px!important;
  color:#ffb06b!important;
}

#profileSidebar #sideProfileMessageBtn,
#profileSidebar .profile-side-actions .primary-soft{
  background:linear-gradient(180deg, rgba(255,176,108,.22), rgba(249,115,22,.18)), linear-gradient(180deg,#5f3314,#3a210f)!important;
  border-color:rgba(255,171,99,.55)!important;
  color:#fff6ed!important;
  box-shadow:inset 0 1px 0 rgba(255,214,173,.12), 0 8px 18px rgba(75,34,7,.22)!important;
}
#profileSidebar #sideProfileMessageBtn:hover,
#profileSidebar .profile-side-actions .primary-soft:hover{
  background:linear-gradient(180deg, rgba(255,196,133,.28), rgba(255,140,56,.22)), linear-gradient(180deg,#744020,#492710)!important;
}

#profileSidebar #sideProfileFriendBtn,
#profileSidebar #sideProfileNotifyBtn,
#profileSidebar #sideProfileManageBtn{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), #1a2028!important;
}

#profileSidebar #sideProfileReportBtn{
  background:linear-gradient(180deg, rgba(255,170,66,.09), rgba(255,138,42,.04)), #19160f!important;
  border-color:rgba(255,175,76,.34)!important;
}
#profileSidebar #sideProfileReportBtn:hover{
  background:linear-gradient(180deg, rgba(255,194,96,.15), rgba(255,142,44,.08)), #20190f!important;
}

#profileSidebar #sideProfileBlockBtn,
#profileSidebar .profile-side-actions .danger-soft{
  background:linear-gradient(180deg, rgba(184,41,41,.22), rgba(110,20,20,.16)), #301214!important;
  border-color:rgba(203,91,91,.42)!important;
  color:#ffe8e8!important;
}
#profileSidebar #sideProfileBlockBtn:hover,
#profileSidebar .profile-side-actions .danger-soft:hover{
  background:linear-gradient(180deg, rgba(210,62,62,.26), rgba(133,24,24,.18)), #391416!important;
}

#profileSidebar .profile-side-section,
#profileSidebar .profile-activity-card{
  border-radius:14px!important;
  background:
    linear-gradient(180deg, rgba(255,166,93,.03), rgba(255,166,93,0)),
    #0f151c!important;
  border:1px solid rgba(255,170,96,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}

#profileSidebar .profile-side-section h4,
#profileSidebar .profile-role-title-row h4{
  color:#f0e5d9!important;
  letter-spacing:.08em!important;
}

#profileSidebar .profile-role-title-row small,
#profileSidebar .profile-mutuals small,
#profileSidebar .profile-links small{
  color:#b59b86!important;
}

#profileSidebar .profile-role-chips .role-chip,
#profileSidebar .profile-role-chips .tag,
#profileSidebar .profile-role-chips span{
  border-radius:999px!important;
  background:linear-gradient(180deg, rgba(255,170,96,.1), rgba(255,170,96,.04)), #1b1c1d!important;
  border:1px solid rgba(255,170,96,.34)!important;
  color:#ffe7cf!important;
}

#profileSidebar .profile-side-close{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,170,96,.24)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)), #121922e8!important;
  color:#f4efe8!important;
}
#profileSidebar .profile-side-close:hover{
  border-color:#ff9c57!important;
  background:linear-gradient(180deg, rgba(255,180,112,.14), rgba(249,115,22,.08)), #1a2028!important;
  color:#fff7ef!important;
}

#profileSidebar .profile-member-since span,
#profileSidebar #sideProfileBio,
#profileSidebar #sideProfileMutuals,
#profileSidebar #sideProfileLinks,
#profileSidebar #sideProfileActivity{
  color:#e8ddd1!important;
}

#profileSidebar .presence-dot{
  box-shadow:0 0 0 4px #0c1117, 0 0 18px rgba(35,221,122,.16)!important;
}

@media(max-width:760px){
  #profileSidebar.profile-sidebar{
    border-radius:12px!important;
  }
  #profileSidebar .profile-side-banner{
    border-top-left-radius:11px!important;
    border-top-right-radius:11px!important;
  }
  #profileSidebar .profile-side-actions button{
    min-height:42px!important;
    border-radius:11px!important;
  }
}

/* ============================================================
   WarDrix 1.8.68 – Profile Spacing & Compact Action Polish
   Fine-tuning only: no profile behavior or IDs are changed.
   ============================================================ */

#profileSidebar.profile-sidebar{
  width:min(620px,calc(100% - 56px))!important;
  max-width:620px!important;
  border-radius:16px!important;
}

#profileSidebar .profile-side-banner{
  height:142px!important;
  border-top-left-radius:15px!important;
  border-top-right-radius:15px!important;
}

#profileSidebar .profile-side-body{
  padding:0 28px 28px!important;
}

#profileSidebar .profile-side-avatar{
  width:88px!important;
  height:88px!important;
  margin-top:-44px!important;
}

#profileSidebar .profile-side-head{
  margin-top:12px!important;
  margin-bottom:0!important;
  gap:16px!important;
}

#profileSidebar .profile-side-name-line{
  gap:8px!important;
}

#profileSidebar .profile-side-name-line h2{
  font-size:23px!important;
  line-height:1.15!important;
  margin:0!important;
}

#profileSidebar .profile-handle{
  margin-top:4px!important;
  font-size:12px!important;
}

#profileSidebar .profile-status-line,
#profileSidebar .profile-pronouns{
  margin-top:14px!important;
  padding:10px 14px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1.35!important;
}

/* More air around the action cluster, but smaller buttons. */
#profileSidebar .profile-side-actions{
  gap:9px 10px!important;
  margin:16px 0 4px!important;
}

#profileSidebar .profile-side-actions button{
  min-height:38px!important;
  height:38px!important;
  padding:6px 13px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
}

#profileSidebar .profile-side-actions button .material-symbols-rounded{
  font-size:16px!important;
  margin-right:6px!important;
  vertical-align:-3px!important;
}

/* Cards get real inner padding instead of text sitting on their borders. */
#profileSidebar .profile-side-section{
  padding:15px 16px!important;
  margin:12px 0 0!important;
  border:1px solid rgba(255,170,96,.12)!important;
  border-radius:13px!important;
}

#profileSidebar .profile-side-section h4,
#profileSidebar .profile-role-title-row h4{
  margin:0 0 9px!important;
  font-size:10px!important;
  line-height:1.2!important;
}

#profileSidebar .profile-role-title-row{
  margin-bottom:9px!important;
  align-items:center!important;
}

#profileSidebar .profile-role-title-row h4{
  margin-bottom:0!important;
}

#profileSidebar .profile-role-title-row small{
  padding-left:12px!important;
  font-size:9px!important;
  line-height:1.2!important;
}

#profileSidebar .profile-side-section p,
#profileSidebar #sideProfileMutuals,
#profileSidebar #sideProfileLinks,
#profileSidebar #sideProfileActivity,
#profileSidebar .profile-member-since span{
  margin:0!important;
  font-size:12px!important;
  line-height:1.55!important;
}

#profileSidebar .profile-role-chips{
  gap:7px!important;
}

#profileSidebar .profile-role-chips .role-chip,
#profileSidebar .profile-role-chips .tag,
#profileSidebar .profile-role-chips span{
  min-height:26px!important;
  padding:4px 9px!important;
  font-size:10.5px!important;
}

#profileSidebar .profile-side-close{
  top:12px!important;
  right:12px!important;
  margin:12px 12px -44px 0!important;
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  font-size:17px!important;
}

/* Keep content away from the scrollbar and make the popup feel less cramped. */
#profileSidebar.profile-sidebar{
  scrollbar-gutter:stable!important;
}

#profileSidebar.profile-sidebar::-webkit-scrollbar{
  width:8px!important;
}

#profileSidebar.profile-sidebar::-webkit-scrollbar-track{
  background:transparent!important;
}

#profileSidebar.profile-sidebar::-webkit-scrollbar-thumb{
  background:#39434d!important;
  border:2px solid #0b1016!important;
  border-radius:4px!important;
}

#profileSidebar.profile-sidebar::-webkit-scrollbar-thumb:hover{
  background:#56616c!important;
}

@media(max-width:760px){
  #profileSidebar.profile-sidebar{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    border-radius:13px!important;
  }

  #profileSidebar .profile-side-banner{
    height:118px!important;
    border-top-left-radius:12px!important;
    border-top-right-radius:12px!important;
  }

  #profileSidebar .profile-side-body{
    padding:0 16px 20px!important;
  }

  #profileSidebar .profile-side-avatar{
    width:78px!important;
    height:78px!important;
    margin-top:-39px!important;
  }

  #profileSidebar .profile-side-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  #profileSidebar .profile-side-actions button{
    min-height:37px!important;
    height:37px!important;
    padding:6px 9px!important;
    font-size:11.5px!important;
  }

  #profileSidebar .profile-side-section{
    padding:13px 14px!important;
    margin-top:10px!important;
  }
}

@media(max-width:460px){
  #profileSidebar .profile-side-actions{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   WarDrix 1.8.69 – cleaner orange profile refinement
   More orange accents, cleaner spacing, lighter cards, less blocky feel.
   ============================================================ */
#profileSidebar.profile-sidebar{
  width:min(610px,calc(100% - 60px))!important;
  max-width:610px!important;
  background:
    radial-gradient(circle at top right, rgba(249,115,22,.16), transparent 30%),
    radial-gradient(circle at top left, rgba(255,173,94,.07), transparent 20%),
    linear-gradient(180deg, rgba(255,156,72,.05), transparent 22%),
    #0b1016f7!important;
  border:1px solid rgba(255,170,96,.22)!important;
  border-top:2px solid #ff8f3a!important;
  box-shadow:0 34px 92px rgba(0,0,0,.66), 0 0 0 1px rgba(255,148,63,.05)!important;
}

#profileSidebar .profile-side-banner{
  height:136px!important;
  border-bottom:1px solid rgba(255,177,103,.18)!important;
}

#profileSidebar .profile-side-body{
  padding:0 22px 22px!important;
}

#profileSidebar .profile-side-avatar{
  width:84px!important;
  height:84px!important;
  margin-top:-42px!important;
  border:4px solid #0b1016!important;
  box-shadow:0 14px 30px rgba(0,0,0,.44), 0 0 0 1px rgba(255,162,81,.16)!important;
}

#profileSidebar .profile-side-head{
  margin-top:10px!important;
  gap:14px!important;
}

#profileSidebar .profile-side-name-line h2{
  font-size:22px!important;
  line-height:1.12!important;
  color:#fff2e3!important;
}

#profileSidebar .profile-handle{
  color:#ceb7a3!important;
  font-size:12px!important;
}

#profileSidebar .presence-dot{
  width:12px!important;
  height:12px!important;
  box-shadow:0 0 0 4px #0b1016, 0 0 16px rgba(47,229,124,.22)!important;
}

#profileSidebar .profile-status-line,
#profileSidebar .profile-pronouns{
  margin-top:12px!important;
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,164,88,.18)!important;
  background:linear-gradient(180deg, rgba(255,165,90,.08), rgba(255,165,90,.025)), #111820!important;
  color:#f6ecdf!important;
  box-shadow:inset 3px 0 0 rgba(249,115,22,.72)!important;
}

#profileSidebar .profile-pronouns.wdx-empty-block,
#profileSidebar .profile-status-line.wdx-empty-block,
#profileSidebar .profile-side-section.wdx-empty-block{
  display:none!important;
}

#profileSidebar .profile-side-actions{
  margin:16px 0 2px!important;
  gap:10px!important;
}

#profileSidebar .profile-side-actions button{
  min-height:36px!important;
  height:36px!important;
  padding:6px 12px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,170,96,.18)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)), #1a2028!important;
  color:#f2ede7!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
#profileSidebar .profile-side-actions button:hover{
  border-color:rgba(255,170,96,.4)!important;
  background:linear-gradient(180deg, rgba(255,170,96,.10), rgba(249,115,22,.04)), #1d232d!important;
  color:#fff9f2!important;
}
#profileSidebar .profile-side-actions button .material-symbols-rounded{
  color:#ffb066!important;
  font-size:16px!important;
}

#profileSidebar #sideProfileMessageBtn,
#profileSidebar .profile-side-actions .primary-soft{
  color:#fff8f0!important;
  border-color:rgba(255,177,104,.56)!important;
  background:
    linear-gradient(180deg, rgba(255,201,149,.18), rgba(255,153,60,.10)),
    linear-gradient(180deg,#a95f25,#7a4218)!important;
  box-shadow:inset 0 1px 0 rgba(255,222,188,.14), 0 10px 18px rgba(115,54,16,.16)!important;
}
#profileSidebar #sideProfileMessageBtn:hover,
#profileSidebar .profile-side-actions .primary-soft:hover{
  background:
    linear-gradient(180deg, rgba(255,214,167,.22), rgba(255,169,84,.13)),
    linear-gradient(180deg,#bc6c2f,#8e4c1d)!important;
}

#profileSidebar #sideProfileFriendBtn,
#profileSidebar #sideProfileNotifyBtn,
#profileSidebar #sideProfileManageBtn{
  background:linear-gradient(180deg, rgba(255,169,92,.05), rgba(255,169,92,.02)), #1b222b!important;
}

#profileSidebar #sideProfileReportBtn{
  color:#ffd9af!important;
  border-color:rgba(255,187,88,.30)!important;
  background:linear-gradient(180deg, rgba(255,190,93,.10), rgba(255,143,44,.05)), #22190f!important;
}
#profileSidebar #sideProfileBlockBtn,
#profileSidebar .profile-side-actions .danger-soft{
  color:#ffefef!important;
  border-color:rgba(218,95,95,.42)!important;
  background:linear-gradient(180deg, rgba(180,40,40,.22), rgba(124,17,17,.14)), #381617!important;
}

#profileSidebar .profile-side-section,
#profileSidebar .profile-activity-card{
  margin-top:14px!important;
  padding:16px 17px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg, rgba(255,166,93,.035), rgba(255,166,93,0)),
    #0f151c!important;
  border:1px solid rgba(255,170,96,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015), 0 0 0 1px rgba(255,148,63,.02)!important;
}

#profileSidebar .profile-side-section h4,
#profileSidebar .profile-role-title-row h4{
  margin:0 0 11px!important;
  color:#ffbb79!important;
  letter-spacing:.12em!important;
  font-size:10px!important;
  font-weight:900!important;
}

#profileSidebar .profile-role-title-row{
  margin-bottom:10px!important;
}
#profileSidebar .profile-role-title-row small{
  color:#b99470!important;
}

#profileSidebar #sideProfileBio,
#profileSidebar #sideProfileMutuals,
#profileSidebar #sideProfileLinks,
#profileSidebar #sideProfileActivity,
#profileSidebar .profile-member-since span{
  color:#eee1d3!important;
  font-size:12px!important;
  line-height:1.58!important;
}

#profileSidebar .profile-mutuals > * + *,
#profileSidebar .profile-links > * + *{
  margin-top:4px!important;
}

#profileSidebar .profile-role-chips{
  gap:8px!important;
}

#profileSidebar .profile-role-chips .role-chip,
#profileSidebar .profile-role-chips .tag,
#profileSidebar .profile-role-chips span{
  min-height:24px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,169,92,.34)!important;
  background:linear-gradient(180deg, rgba(255,170,96,.08), rgba(255,170,96,.03)), #1b1f25!important;
  color:#ffe7cf!important;
  font-size:10.5px!important;
}
#profileSidebar .profile-role-chips .role-chip::before,
#profileSidebar .profile-role-chips .tag::before,
#profileSidebar .profile-role-chips span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  margin-right:7px;
  background:#f58b2a;
  box-shadow:0 0 0 2px rgba(245,139,42,.15);
}

#profileSidebar .profile-side-close{
  top:12px!important;
  right:12px!important;
  width:38px!important;
  height:38px!important;
  margin:12px 12px -48px 0!important;
  border-radius:13px!important;
  border:1px solid rgba(255,168,91,.24)!important;
  background:linear-gradient(180deg, rgba(255,170,96,.08), rgba(255,170,96,.03)), #121820ea!important;
  color:#fff2e3!important;
}
#profileSidebar .profile-side-close:hover{
  border-color:#ff9f59!important;
  background:linear-gradient(180deg, rgba(255,193,134,.14), rgba(249,115,22,.06)), #171f28!important;
}

#profileSidebar.profile-sidebar::-webkit-scrollbar-thumb{
  background:#4b5460!important;
  border:2px solid #0b1016!important;
}

@media(max-width:760px){
  #profileSidebar.profile-sidebar{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    border-radius:14px!important;
  }
  #profileSidebar .profile-side-body{
    padding:0 16px 18px!important;
  }
  #profileSidebar .profile-side-actions{
    gap:8px!important;
  }
  #profileSidebar .profile-side-actions button{
    border-radius:12px!important;
  }
  #profileSidebar .profile-side-section,
  #profileSidebar .profile-activity-card{
    border-radius:14px!important;
    padding:14px!important;
  }
}

/* ============================================================
   WarDrix 1.8.70 – Profile Banner & Role Chip Fix
   Fixes two regressions introduced by the visual profile polish.
   ============================================================ */

/* The close button must float over the banner, not take horizontal space
   away from it. This restores a full-width banner. */
#profileSidebar.profile-sidebar{
  position:absolute!important;
}

#profileSidebar .profile-side-close{
  position:absolute!important;
  float:none!important;
  top:14px!important;
  right:14px!important;
  margin:0!important;
  z-index:12!important;
  width:38px!important;
  height:38px!important;
}

#profileSidebar .profile-side-banner{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  height:174px!important;
  clear:both!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-top-left-radius:15px!important;
  border-top-right-radius:15px!important;
}

#profileSidebar .profile-side-banner.has-image{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

#profileSidebar .profile-side-avatar{
  margin-top:-44px!important;
}

/* Restore the real role component structure.
   Earlier broad selectors accidentally styled the outer chip, its real
   role-color dot, and the role name as three separate chips. */
#profileSidebar .profile-role-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:1px 2px 2px 0!important;
}

#profileSidebar .profile-role-chips .profile-role-chip{
  --profile-role-color:#8b8b94;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 10px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--profile-role-color) 42%,rgba(255,170,96,.18))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),
    color-mix(in srgb,var(--profile-role-color) 10%,#171b21)!important;
  color:#fff1e4!important;
  font-size:11px!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#profileSidebar .profile-role-chips .profile-role-chip.profile-role-owner{
  border-color:color-mix(in srgb,var(--profile-role-color) 62%,#ffb36f)!important;
  background:
    linear-gradient(180deg,rgba(255,167,87,.10),rgba(255,167,87,.025)),
    color-mix(in srgb,var(--profile-role-color) 15%,#171b21)!important;
}

#profileSidebar .profile-role-chips .profile-role-dot{
  display:block!important;
  flex:0 0 auto!important;
  width:9px!important;
  min-width:9px!important;
  height:9px!important;
  min-height:9px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--profile-role-color)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--profile-role-color) 18%,transparent)!important;
}

#profileSidebar .profile-role-chips .profile-role-name{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f8eee5!important;
  font:inherit!important;
  line-height:1!important;
}

/* Remove decorative pseudo dots accidentally inherited by every nested span. */
#profileSidebar .profile-role-chips .profile-role-chip::before,
#profileSidebar .profile-role-chips .profile-role-dot::before,
#profileSidebar .profile-role-chips .profile-role-name::before{
  content:none!important;
  display:none!important;
}

/* Give the role card a slightly lighter, cleaner hierarchy. */
#profileSidebar .profile-roles-section{
  padding:15px 17px!important;
}

#profileSidebar .profile-role-title-row{
  margin-bottom:11px!important;
}

@media(max-width:760px){
  #profileSidebar .profile-side-banner{
    height:148px!important;
  }

  #profileSidebar .profile-side-close{
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
  }

  #profileSidebar .profile-side-avatar{
    margin-top:-40px!important;
  }
}

/* ============================================================
   WarDrix 1.8.71 – Compact Conversation List
   Only the DM/conversation list is compacted. Chat content,
   profile frames, unread state and DM behavior stay untouched.
   ============================================================ */

#dmList{
  padding:0 5px 12px!important;
}

/* Desktop: more conversations visible at once. */
#dmList .dm-item{
  width:100%!important;
  min-height:40px!important;
  margin:1px 0!important;
  padding:4px 7px!important;
  gap:7px!important;
  border-radius:7px!important;
  box-sizing:border-box!important;
}

#dmList .dm-avatar-wrap{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
}

#dmList .dm-avatar-wrap>.avatar{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  font-size:10px!important;
  margin:0!important;
}

#dmList .dm-meta{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}

#dmList .dm-meta .name-with-tag{
  min-width:0!important;
  max-width:100%!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
}

#dmList .dm-meta .name{
  min-width:0!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:650!important;
}

#dmList .dm-meta small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  color:#aeb5bd!important;
}

#dmList .dm-meta .server-tag-badge{
  height:15px!important;
  min-height:15px!important;
  padding:1px 5px!important;
  border-radius:5px!important;
  font-size:8px!important;
}

#dmList .dm-meta .server-tag-badge img,
#dmList .dm-meta .server-tag-badge .server-tag-symbol,
#dmList .dm-meta .server-tag-badge .server-tag-glyph,
#dmList .dm-meta .server-tag-badge .server-tag-fallback{
  width:11px!important;
  height:11px!important;
  font-size:10px!important;
}

#dmList .dm-presence-dot{
  right:-2px!important;
  bottom:-2px!important;
  width:8px!important;
  height:8px!important;
  border-width:2px!important;
}

#dmList .dm-item:has(.avatar-framed){
  column-gap:7px!important;
}

/* Avatar frames stay visible but no longer require a taller list row. */
#dmList .dm-avatar-wrap>.avatar.avatar-framed::after{
  inset:-24%!important;
}

/* Close control stays available without taking unnecessary row height. */
#dmList .dm-item .dm-close-btn{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin-left:4px!important;
  border-radius:6px!important;
}

#dmList .dm-item .dm-close-btn .material-symbols-rounded{
  font-size:16px!important;
}

#dmList .dm-item .unread-dot{
  right:29px!important;
  width:8px!important;
  height:8px!important;
}

#dmList .dm-item .unread-count-badge{
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  margin-left:auto!important;
  margin-right:2px!important;
  font-size:9px!important;
  border-radius:5px!important;
}

/* Compact the "Unterhaltungen" heading as well, without affecting other
   channel/category headings. */
#dmList.previous-sibling,
#dmList + *{
  min-width:0;
}

.channel-sidebar .section-head:has(+ #dmList){
  padding:11px 10px 4px!important;
  min-height:24px!important;
  font-size:9px!important;
  letter-spacing:.11em!important;
}

.channel-sidebar .section-head:has(+ #dmList) button{
  font-size:17px!important;
  line-height:1!important;
}

/* Keep a larger touch target on mobile/tablet. */
@media(max-width:760px){
  #dmList{
    padding:0 6px 12px!important;
  }

  #dmList .dm-item{
    min-height:46px!important;
    margin:1px 0!important;
    padding:6px 7px!important;
  }

  #dmList .dm-avatar-wrap{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }

  #dmList .dm-avatar-wrap>.avatar{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
  }

  #dmList .dm-meta .name{
    font-size:13px!important;
  }

  #dmList .dm-meta small{
    font-size:10px!important;
  }
}

/* ============================================================
   WarDrix 1.8.72 – DM Avatar Overlay Cleanup
   Removes avatar frames/overlays only inside the direct-message list
   to improve scanability and keep the list calmer.
   ============================================================ */

#dmList .dm-item:has(.avatar-framed){
  column-gap:7px!important;
}

#dmList .dm-avatar-wrap{
  overflow:visible!important;
}

#dmList .dm-avatar-wrap > .avatar.avatar-framed{
  outline:none!important;
  box-shadow:none!important;
}

#dmList .dm-avatar-wrap > .avatar.avatar-framed::before,
#dmList .dm-avatar-wrap > .avatar.avatar-framed::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

#dmList .dm-avatar-wrap > .avatar.avatar-framed img,
#dmList .dm-avatar-wrap > .avatar.avatar-framed .avatar-image{
  border-radius:50%!important;
}

#dmList .dm-avatar-wrap > .avatar{
  background-clip:padding-box!important;
}

/* ============================================================
   WarDrix 1.8.73 – Server profile overlay setting
   ============================================================ */
.profile-frame-server-setting .profile-frame-setting-info{
  align-items:center!important;
  gap:18px!important;
}

.profile-frame-visibility-status{
  flex:0 0 auto;
  min-width:82px;
  padding:6px 10px;
  border-radius:999px;
  text-align:center;
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid rgba(255,170,96,.28);
  background:#151a20;
  color:#d8dee4;
}

.profile-frame-visibility-status.is-on{
  color:#ffd6b3;
  border-color:rgba(249,115,22,.48);
  background:linear-gradient(180deg,rgba(249,115,22,.14),rgba(249,115,22,.05)),#171511;
}

.profile-frame-visibility-status.is-off{
  color:#aab3bc;
  border-color:#333d47;
  background:#11171d;
}

.profile-frame-server-setting .server-tag-visibility-grid{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.profile-frame-server-setting .profile-frame-visibility-option{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:76px!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  border:1px solid #2e3741!important;
  background:#11171d!important;
  color:#e9edf0!important;
  text-align:left!important;
}

.profile-frame-server-setting .profile-frame-visibility-option:hover:not(:disabled){
  border-color:rgba(249,115,22,.42)!important;
  background:linear-gradient(180deg,rgba(249,115,22,.06),transparent),#141b22!important;
}

.profile-frame-server-setting .profile-frame-visibility-option.selected{
  border-color:rgba(249,115,22,.58)!important;
  background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.035) 60%),#151a1f!important;
  box-shadow:inset 3px 0 0 #f97316!important;
}

.profile-frame-server-setting .profile-frame-visibility-option>.material-symbols-rounded{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(249,115,22,.10);
  color:#ffab66;
  font-size:18px;
}

.profile-frame-server-setting .profile-frame-option-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.profile-frame-server-setting .profile-frame-option-copy strong{
  font-size:12px;
  color:#f5f1ec;
}

.profile-frame-server-setting .profile-frame-option-copy small{
  font-size:10.5px;
  line-height:1.35;
  color:#929ca6;
}

.profile-frame-server-setting .profile-frame-option-state{
  font-size:9px;
  color:#b9c1c9;
  white-space:nowrap;
}

.profile-frame-server-setting .profile-frame-visibility-option.selected .profile-frame-option-state{
  color:#ffad69;
  font-weight:800;
}

.profile-frame-server-setting .profile-frame-visibility-option:disabled{
  cursor:default!important;
  opacity:.72;
}

@media(max-width:760px){
  .profile-frame-server-setting .server-tag-visibility-grid{
    grid-template-columns:1fr!important;
  }

  .profile-frame-server-setting .profile-frame-setting-info{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
}

/* ============================================================
   WarDrix 1.8.74 – No ServerTags in Direct Messages
   ============================================================ */
#dmList .server-tag-badge{
  display:none!important;
}

/* ============================================================
   WarDrix 1.8.75 – Platform Member Overview
   ============================================================ */
.platform-members-card{
  overflow:hidden;
}

.platform-member-count{
  flex:0 0 auto;
  min-width:68px;
  padding:6px 10px;
  border:1px solid rgba(249,115,22,.32);
  border-radius:999px;
  background:rgba(249,115,22,.08);
  color:#ffc18c;
  text-align:center;
  font-size:10px;
  font-weight:850;
}

.platform-member-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 160px 150px;
  gap:10px;
  margin:12px 0;
  align-items:end;
}

.platform-member-search{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  height:42px;
  padding:0 11px;
  border:1px solid #2d3742;
  border-radius:10px;
  background:#0b1118;
}

.platform-member-search:focus-within{
  border-color:rgba(249,115,22,.55);
  box-shadow:0 0 0 1px rgba(249,115,22,.14);
}

.platform-member-search>.material-symbols-rounded{
  color:#ff9c52;
  font-size:19px;
}

.platform-member-search input{
  min-width:0;
  flex:1 1 auto;
  height:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.platform-member-filter{
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#8f99a4;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.platform-member-filter select{
  height:42px;
  padding:0 10px;
  border-radius:10px!important;
}

.platform-member-list{
  display:grid;
  gap:6px;
  max-height:430px;
  overflow:auto;
  padding:2px 3px 2px 0;
}

.platform-member-row{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:58px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:11px;
  background:linear-gradient(90deg,rgba(249,115,22,.025),transparent 22%),#10161d;
}

.platform-member-row:hover{
  border-color:rgba(249,115,22,.26);
  background:linear-gradient(90deg,rgba(249,115,22,.07),transparent 28%),#121920;
}

.platform-member-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border-radius:50%;
  background:#1b222b;
  border:1px solid #39434e;
  color:#e9edf1;
  font-size:11px;
  font-weight:800;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
}

/* Deliberately no avatar-frame/overlay pseudo elements in this admin list. */
.platform-member-avatar.has-image{
  color:transparent;
}

.platform-member-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.platform-member-name-line{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:7px;
}

.platform-member-name-line strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f1f4f6;
  font-size:12.5px;
}

.platform-member-name-line span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9ca6b1;
  font-size:10px;
}

.platform-member-copy>small{
  color:#7f8994;
  font-size:9.5px;
}

.platform-member-joined{
  min-width:126px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
  padding-left:12px;
  border-left:1px solid #27313a;
}

.platform-member-joined small{
  color:#9b806b;
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
}

.platform-member-joined strong{
  color:#f2c7a0;
  font-size:10.5px;
  font-weight:700;
  white-space:nowrap;
}

@media(max-width:900px){
  .platform-member-toolbar{
    grid-template-columns:1fr 1fr;
  }
  .platform-member-search{
    grid-column:1/-1;
  }
}

@media(max-width:720px){
  .platform-member-toolbar{
    grid-template-columns:1fr;
  }
  .platform-member-search{
    grid-column:auto;
  }
  .platform-member-row{
    grid-template-columns:38px minmax(0,1fr);
  }
  .platform-member-joined{
    grid-column:2;
    min-width:0;
    align-items:flex-start;
    padding:5px 0 0;
    border-left:0;
    border-top:1px solid #27313a;
  }
  .platform-member-list{
    max-height:none;
  }
}

.platform-member-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.platform-member-role-chip,.platform-member-role-more,.platform-user-edit-role-chip{--platform-role-color:#f97316;display:inline-flex;align-items:center;min-height:18px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--platform-role-color) 40%,#343d47);border-radius:999px;background:color-mix(in srgb,var(--platform-role-color) 9%,#141a21);color:#e8edf1;font-size:8.5px;font-weight:700;white-space:nowrap}.platform-member-role-chip::before,.platform-user-edit-role-chip::before{content:"";width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--platform-role-color)}.platform-member-role-more{color:#aab3bc;border-color:#343e49;background:#121820}.platform-member-context-menu{position:fixed;z-index:9000;width:250px;padding:6px;border:1px solid #39434e;border-top:2px solid #f97316;border-radius:9px;background:#0a0f15f8;box-shadow:0 20px 60px rgba(0,0,0,.62);backdrop-filter:blur(16px)}.platform-member-context-menu.hidden{display:none!important}.platform-member-context-title{display:flex;flex-direction:column;gap:3px;padding:8px 9px 9px;margin-bottom:4px;border-bottom:1px solid #29333d}.platform-member-context-title strong{color:#f4f6f7;font-size:12px}.platform-member-context-title small{color:#89949f;font-size:9.5px}.platform-member-context-item{width:100%;display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:6px 8px;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#dfe5e9!important;text-align:left}.platform-member-context-item:hover:not(:disabled){border-color:rgba(249,115,22,.25)!important;background:linear-gradient(90deg,rgba(249,115,22,.14),rgba(249,115,22,.035))!important}.platform-member-context-item:disabled{opacity:.44;cursor:not-allowed}.platform-member-context-item>.material-symbols-rounded{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#141b22;color:#ffa45f;font-size:17px}.platform-member-context-copy{display:flex;flex-direction:column;gap:2px}.platform-member-context-copy strong{font-size:11px}.platform-member-context-copy small{color:#87919b;font-size:8.5px}.platform-user-edit-dialog{width:min(520px,calc(100vw - 30px))}.platform-user-edit-dialog>label{display:flex;flex-direction:column;gap:6px;margin-top:11px;color:#aeb6bf;font-size:10px;font-weight:750}.platform-user-edit-readonly{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.platform-user-edit-readonly>span{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid #2b3540;border-radius:9px;background:#0b1117}.platform-user-edit-readonly small{color:#92775f;font-size:8px;font-weight:850;letter-spacing:.1em}.platform-user-edit-readonly strong{color:#f0d2b6;font-size:11px}.platform-user-edit-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding:12px;border:1px solid #2b3540;border-radius:10px;background:#0b1117}.platform-user-edit-roles>strong{flex-basis:100%;margin-bottom:3px;color:#ffad6c;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.platform-user-edit-roles>small{color:#89949e;font-size:10px}@media(max-width:720px){.platform-member-roles{display:none}.platform-user-edit-readonly{grid-template-columns:1fr}}

/* ============================================================
   WarDrix 1.8.77 – Platform member cleanup
   ============================================================ */
.platform-members-card .platform-member-toolbar{
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) 170px 160px!important;
  gap:12px!important;
  align-items:end!important;
  margin:14px 0 12px!important;
}

.platform-members-card .platform-member-control{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
}

.platform-members-card .platform-member-control-label{
  height:12px!important;
  display:flex!important;
  align-items:center!important;
  padding-left:2px!important;
  color:#9ea8b2!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

.platform-members-card .platform-member-searchbox{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #303a45!important;
  border-radius:10px!important;
  background:#0b1118!important;
  box-sizing:border-box!important;
}

.platform-members-card .platform-member-searchbox:focus-within{
  border-color:rgba(249,115,22,.62)!important;
  box-shadow:0 0 0 1px rgba(249,115,22,.12)!important;
}

.platform-members-card .platform-member-searchbox>.material-symbols-rounded{
  width:36px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  color:#ff9d55!important;
  font-size:18px!important;
  border-right:1px solid #27313b!important;
}

.platform-members-card .platform-member-searchbox input{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#e8edf1!important;
  font-size:11px!important;
}

.platform-members-card .platform-member-control select{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 32px 0 11px!important;
  border:1px solid #303a45!important;
  border-radius:10px!important;
  background-color:#0b1118!important;
  color:#e8edf1!important;
  font-size:11px!important;
  font-weight:700!important;
  box-sizing:border-box!important;
}

.platform-members-card .platform-member-control select:focus{
  border-color:rgba(249,115,22,.62)!important;
}

.platform-members-card .platform-member-row{
  cursor:context-menu!important;
}

.platform-members-card .platform-member-roles{
  margin-top:2px!important;
  gap:5px!important;
}

.platform-members-card .platform-member-role-chip{
  min-height:18px!important;
  height:18px!important;
  padding:1px 7px!important;
  font-size:8px!important;
}

#profileDialog .platform-member-context-menu{
  position:fixed!important;
  z-index:2147483000!important;
  width:258px!important;
  max-width:calc(100vw - 16px)!important;
}

#profileDialog #platformUserEditDialog{
  z-index:2147483001!important;
}

@media(max-width:900px){
  .platform-members-card .platform-member-toolbar{
    grid-template-columns:1fr 1fr!important;
  }
  .platform-members-card .platform-member-search-control{
    grid-column:1/-1!important;
  }
}

@media(max-width:640px){
  .platform-members-card .platform-member-toolbar{
    grid-template-columns:1fr!important;
  }
  .platform-members-card .platform-member-search-control{
    grid-column:auto!important;
  }
}

/* ============================================================
   WarDrix 1.8.78 – Platform interactive members
   ============================================================ */

/* Search now matches both select fields exactly. */
.platform-members-card .platform-member-searchbox{
  display:none!important;
}

.platform-members-card .platform-member-search-input,
.platform-members-card .platform-member-control select{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #303a45!important;
  border-radius:10px!important;
  background:#0b1118!important;
  color:#e8edf1!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  font-family:inherit!important;
  font-size:11px!important;
  line-height:1.2!important;
}

.platform-members-card .platform-member-search-input{
  font-weight:600!important;
}

.platform-members-card .platform-member-search-input::placeholder{
  color:#7f8994!important;
  opacity:1!important;
}

.platform-members-card .platform-member-search-input:focus,
.platform-members-card .platform-member-control select:focus{
  outline:none!important;
  border-color:rgba(249,115,22,.62)!important;
  box-shadow:0 0 0 1px rgba(249,115,22,.12)!important;
}

.platform-members-card .platform-member-control select{
  padding-right:34px!important;
  font-weight:700!important;
}

/* Interactive member rows, visually matching the normal member-list behavior. */
.platform-members-card .platform-member-row{
  cursor:context-menu!important;
  outline:none!important;
  transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease!important;
}

.platform-members-card .platform-member-row:hover,
.platform-members-card .platform-member-row:focus-visible{
  border-color:rgba(249,115,22,.42)!important;
  background:linear-gradient(90deg,rgba(249,115,22,.09),transparent 32%),#121920!important;
  box-shadow:inset 3px 0 0 rgba(249,115,22,.72)!important;
}

/* Same context menu as the regular member list, but visible in native settings top-layer. */
#profileDialog #memberContextMenu.server-context-menu{
  position:fixed!important;
  z-index:2147483500!important;
  min-width:250px!important;
  max-width:min(330px,calc(100vw - 16px))!important;
}

/* Old custom menu is no longer used. */
#platformMemberContextMenu{
  display:none!important;
}

.platform-user-danger-zone{margin-top:14px;padding:14px;border:1px solid rgba(216,63,63,.42);border-radius:12px;background:linear-gradient(180deg,rgba(124,22,22,.14),rgba(80,14,14,.05)),#111418}
.platform-user-danger-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}.platform-user-danger-head>.material-symbols-rounded{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#ff7777;background:rgba(187,38,38,.16);border:1px solid rgba(222,79,79,.28)}.platform-user-danger-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}.platform-user-danger-head strong{color:#ffdede;font-size:12px}.platform-user-danger-head small{color:#a99494;font-size:9.5px;line-height:1.3}.platform-user-ban-state{padding:5px 8px;border-radius:999px;border:1px solid #38424c;background:#161c22;color:#aeb7bf;font-size:8px;font-weight:900;letter-spacing:.09em}.platform-user-ban-state.is-banned{border-color:#a83232;background:#391315;color:#ff9a9a}.platform-user-danger-zone>p{margin:11px 0;color:#b5a7a7;font-size:10px;line-height:1.45}.platform-user-ban-reveal,.platform-user-ban-confirm-btn{width:100%;min-height:38px;border:1px solid #b83b3b!important;border-radius:10px!important;background:linear-gradient(180deg,#8c2629,#65181b)!important;color:#fff1f1!important;font-weight:850!important}.platform-user-ban-reveal:hover:not(:disabled),.platform-user-ban-confirm-btn:hover:not(:disabled){background:linear-gradient(180deg,#a93134,#771d20)!important;border-color:#e05b5b!important}.platform-user-ban-reveal:disabled{opacity:.58;cursor:not-allowed}.platform-user-ban-confirm{margin-top:12px;padding-top:12px;border-top:1px solid rgba(216,63,63,.25)}.platform-user-ban-confirm.hidden{display:none!important}.platform-user-ban-confirm>label{display:flex;flex-direction:column;gap:6px;margin-top:9px;color:#d5baba;font-size:9.5px;font-weight:800}.platform-user-ban-confirm textarea,.platform-user-ban-confirm input{border-color:#563034!important;background:#0d1116!important}.platform-user-ban-confirm textarea:focus,.platform-user-ban-confirm input:focus{border-color:#d34b4b!important;box-shadow:0 0 0 1px rgba(211,75,75,.18)!important}.platform-user-ban-warning{display:grid;grid-template-columns:22px 1fr;gap:8px;margin:10px 0;padding:9px;border:1px solid rgba(216,63,63,.26);border-radius:9px;background:rgba(111,22,22,.12);color:#d8bcbc;font-size:9.5px;line-height:1.4}.platform-user-ban-warning>.material-symbols-rounded{color:#ff7070;font-size:18px}.platform-user-ban-actions{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px}.platform-user-ban-confirm-btn:disabled{opacity:.42;cursor:not-allowed}.platform-member-banned-chip{display:inline-flex;align-items:center;height:18px;padding:1px 7px;border:1px solid #a83232;border-radius:999px;background:#351214;color:#ff8f8f;font-size:8px;font-weight:900;letter-spacing:.04em}.platform-member-row-banned{border-color:rgba(194,54,54,.24)!important}.platform-member-row-banned .platform-member-avatar{filter:saturate(.45)}
@media(max-width:620px){.platform-user-danger-head{grid-template-columns:34px minmax(0,1fr)}.platform-user-ban-state{grid-column:2;justify-self:start}.platform-user-ban-actions{grid-template-columns:1fr}}

/* ============================================================
   WarDrix 1.8.81 – Legacy no-email account handling
   ============================================================ */
.platform-members-card .platform-member-toolbar{
  grid-template-columns:minmax(250px,1fr) 155px 145px 135px!important;
}

.platform-member-legacy-badge{
  display:inline-flex;
  align-items:center;
  min-height:15px;
  padding:1px 6px;
  border:1px solid rgba(255,165,72,.38);
  border-radius:999px;
  background:rgba(249,115,22,.08);
  color:#ffb06b;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.04em;
  vertical-align:1px;
}

.platform-user-email-legacy-note{
  margin-left:5px;
  color:#8e99a4;
  font-size:8.5px;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}

@media(max-width:1040px){
  .platform-members-card .platform-member-toolbar{
    grid-template-columns:1fr 1fr!important;
  }
  .platform-members-card .platform-member-search-control{
    grid-column:1/-1!important;
  }
}

@media(max-width:640px){
  .platform-members-card .platform-member-toolbar{
    grid-template-columns:1fr!important;
  }
  .platform-members-card .platform-member-search-control{
    grid-column:auto!important;
  }
}

/* ============================================================
   WarDrix 1.8.82 – GameLink FiveM + RedM
   ============================================================ */
.gamelink-resource-download{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(249,115,22,.38);border-radius:10px;background:rgba(249,115,22,.08);color:#ffd2aa;text-decoration:none;font-size:11px;font-weight:800}.gamelink-resource-download:hover{border-color:#f97316;background:rgba(249,115,22,.14)}
.gamelink-security-note{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(249,115,22,.22);border-radius:12px;background:linear-gradient(90deg,rgba(249,115,22,.08),transparent),#11171d}.gamelink-security-note>.material-symbols-rounded{color:#ff9e55}.gamelink-security-note div{display:flex;flex-direction:column;gap:3px}.gamelink-security-note strong{font-size:11.5px}.gamelink-security-note small{color:#8f99a3;font-size:9.5px;line-height:1.4}
.gamelink-create-card,.gamelink-admin-card{padding:14px;border:1px solid #2e3843;border-radius:13px;background:#10161d}.gamelink-create-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.gamelink-create-head div{display:flex;flex-direction:column;gap:3px}.gamelink-create-head strong{font-size:12px}.gamelink-create-head small{color:#8c96a0;font-size:9.5px}.gamelink-create-grid,.gamelink-admin-grid{display:grid;grid-template-columns:1.4fr .8fr 1.1fr .7fr;gap:9px}.gamelink-create-grid label,.gamelink-admin-grid label{display:flex;flex-direction:column;gap:5px;color:#8f99a3;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.gamelink-create-grid input,.gamelink-create-grid select,.gamelink-admin-grid input,.gamelink-admin-grid select{height:38px!important;border-radius:9px!important}.gamelink-create-actions,.gamelink-admin-toggles,.gamelink-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.gamelink-create-actions{justify-content:space-between}.gamelink-admin-list{display:grid;gap:10px;margin-top:12px}.gamelink-admin-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gamelink-platform-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(249,115,22,.26);border-radius:11px;background:#171b20;color:#ff9f57}.gamelink-platform-icon.redm{color:#e5b679;border-color:rgba(206,139,66,.3)}.gamelink-admin-title,.gamelink-user-link-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.gamelink-admin-title strong,.gamelink-user-link-title strong{font-size:12px}.gamelink-admin-head small,.gamelink-user-link small{color:#8e98a2;font-size:9px}.gamelink-platform-pill,.gamelink-health{display:inline-flex;align-items:center;min-height:18px;padding:1px 7px;border-radius:999px;border:1px solid rgba(249,115,22,.3);background:rgba(249,115,22,.07);color:#ffb16d;font-size:8px;font-weight:850}.gamelink-platform-pill.redm{border-color:rgba(210,153,88,.34);color:#e5bf8f}.gamelink-health.on{border-color:rgba(38,202,103,.32);color:#77df9f;background:rgba(38,202,103,.06)}.gamelink-health.off{border-color:#3c4650;color:#909aa4;background:#151b21}.gamelink-admin-actions button{min-height:34px;border-radius:8px!important}.gamelink-linked-list{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #29333d}.gamelink-linked-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #28323c;border-radius:9px;background:#0d1319}.gamelink-linked-row .grow{display:flex;flex-direction:column;gap:3px}.gamelink-linked-row strong{font-size:10.5px}.gamelink-linked-row small{color:#87919b;font-size:8.5px}.gamelink-empty{padding:12px;color:#8c96a0;font-size:10px}.gamelink-empty-large{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:1px dashed #34404b;border-radius:12px}.gamelink-empty-large>.material-symbols-rounded{font-size:30px;color:#f49349}.gamelink-empty-large strong{color:#e8edf1;font-size:12px}.gamelink-empty-large small{font-size:9px}
.gamelink-user-card{margin-top:12px}.gamelink-redeem-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.gamelink-redeem-row input{height:42px!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}.gamelink-redeem-row button{min-width:130px}.gamelink-user-hint{display:block;margin-top:6px;color:#808b96;font-size:9px}.gamelink-user-list{display:grid;gap:7px;margin-top:13px}.gamelink-user-link{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #2a343e;border-radius:11px;background:#0e141a}.gamelink-user-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.gamelink-user-controls .setting-toggle.compact{min-height:30px;margin:0;padding:0 8px;border:1px solid #2d3741;border-radius:8px;background:#121820}.gamelink-user-controls .setting-toggle.compact span{font-size:9px}.gamelink-user-controls button{min-height:30px;border-radius:8px!important;font-size:9px!important}
@media(max-width:980px){.gamelink-create-grid,.gamelink-admin-grid{grid-template-columns:1fr 1fr}.gamelink-user-link{grid-template-columns:38px minmax(0,1fr)}.gamelink-user-controls{grid-column:2;justify-content:flex-start}}
@media(max-width:640px){.gamelink-create-grid,.gamelink-admin-grid{grid-template-columns:1fr}.gamelink-redeem-row{grid-template-columns:1fr}.gamelink-create-actions{align-items:stretch;flex-direction:column}.gamelink-user-controls{grid-column:1/-1}}


/* WarDrix 1.8.83 – GameLink Voice 2.0 */
.gamelink-v2-toggles{gap:10px!important}.gamelink-v2-toggles .setting-toggle{min-height:34px;padding:0 9px;border:1px solid #2d3741;border-radius:9px;background:#0d1319}.gamelink-v2-toggles .setting-toggle:has(input:checked){border-color:rgba(249,115,22,.34);background:linear-gradient(180deg,rgba(249,115,22,.07),transparent),#11171d}.gamelink-v2-toggles .setting-toggle span{font-size:9px}.gamelink-admin-card:has([data-gl-gate]:checked){border-color:rgba(249,115,22,.34)}

/* ============================================================
   WarDrix 1.8.84 – Responsive Voice Dock
   ============================================================ */

#appView > .channel-sidebar{
  container-type:inline-size;
  container-name:wardrix-channel-sidebar;
}

.voice-dock{
  display:grid!important;
  grid-template-columns:minmax(82px,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 8px!important;
  min-width:0!important;
}

.voice-dock.hidden{
  display:none!important;
}

.voice-dock-info{
  min-width:0!important;
  overflow:hidden!important;
  padding:0 2px!important;
}

.voice-dock-info strong,
.voice-dock-info small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.voice-dock-info strong{
  font-size:11px!important;
  line-height:1.15!important;
}

.voice-dock-info small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.15!important;
}

.voice-dock-controls{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
}

.voice-dock-controls > button{
  position:relative!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:6px!important;
}

.voice-dock-controls > button.hidden{
  display:none!important;
}

.voice-dock-controls > button > .material-symbols-rounded{
  font-size:18px!important;
  line-height:1!important;
}

.voice-dock-controls .voice-dock-count{
  right:-5px!important;
  top:-6px!important;
  min-width:15px!important;
  height:15px!important;
  padding:0 3px!important;
  font-size:8px!important;
}

@container wardrix-channel-sidebar (max-width:360px){
  .voice-dock{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    align-items:start!important;
    padding:7px 9px 8px!important;
  }

  .voice-dock-info{
    width:100%!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:baseline!important;
    column-gap:6px!important;
    padding:0!important;
  }

  .voice-dock-info strong{
    font-size:10.5px!important;
  }

  .voice-dock-info small{
    margin-top:0!important;
    font-size:9px!important;
  }

  .voice-dock-controls{
    width:100%!important;
    justify-content:flex-start!important;
    gap:5px!important;
  }
}

@container wardrix-channel-sidebar (max-width:280px){
  .voice-dock{
    gap:7px!important;
  }

  .voice-dock-info{
    display:block!important;
  }

  .voice-dock-info small{
    margin-top:2px!important;
  }

  .voice-dock-controls{
    display:grid!important;
    grid-template-columns:repeat(3,30px)!important;
    grid-auto-rows:30px!important;
    justify-content:start!important;
    align-items:center!important;
    gap:5px!important;
  }

  .voice-dock-controls > button{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }
}

/* ============================================================
   WarDrix 1.8.85 – Automatic Desktop Activity
   ============================================================ */
.profile-pronouns-hint{
  margin-left:5px;
  color:#8f99a4;
  font-size:9px;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}

.activity-desktop-hint{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid #303a45;
  border-radius:10px;
  background:#0c1218;
  color:#aab4be;
  font-size:10.5px;
}

.activity-desktop-hint.hidden{
  display:none!important;
}

.activity-desktop-hint>.material-symbols-rounded{
  color:#ff9c56;
  font-size:18px;
}

.activity-settings-card .feature-switch.sub-option-disabled{
  opacity:.48;
}

.activity-preview-list{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
}

.activity-preview-list>.activity-preview-item{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:9px;
  width:100%;
  padding:8px 10px;
  border:1px solid rgba(249,115,22,.13);
  border-radius:9px;
  background:#0c1218;
}

.activity-preview-item>.material-symbols-rounded{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(249,115,22,.09);
  color:#ff9f59;
  font-size:17px;
}

.activity-preview-item>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.activity-preview-item strong,
.profile-activity-item strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.activity-preview-item small,
.profile-activity-item small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9ba5af;
}

#profileSidebar .profile-activity-card{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}

#profileSidebar .profile-activity-item{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border:1px solid rgba(255,170,96,.11);
  border-radius:10px;
  background:#0b1117;
}

#profileSidebar .profile-activity-item>.material-symbols-rounded{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(249,115,22,.10);
  color:#ffa35d;
  font-size:18px;
}

#profileSidebar .profile-activity-item>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

#profileSidebar .profile-activity-item strong{
  color:#f5eee7;
  font-size:11.5px;
}

#profileSidebar .profile-activity-item small{
  font-size:9.5px;
}

/* ============================================================
   WarDrix 1.8.86 – Profile Activity Card Redesign
   ============================================================ */

/* The section itself is already the card. Remove the accidental second
   card around #sideProfileActivity that made the activity look tiny and
   centered inside a large empty box. */
#profileSidebar #sideProfileActivitySection{
  overflow:hidden!important;
}

#profileSidebar #sideProfileActivitySection > h4{
  margin-bottom:10px!important;
}

#profileSidebar #sideProfileActivity.profile-activity-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#profileSidebar #sideProfileActivity .profile-activity-item{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 13px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,166,88,.18)!important;
  border-radius:13px!important;
  background:
    linear-gradient(100deg,rgba(249,115,22,.11) 0%,rgba(249,115,22,.035) 28%,rgba(255,255,255,.01) 70%),
    #0b1117!important;
  box-shadow:
    inset 3px 0 0 rgba(249,115,22,.72),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

#profileSidebar #sideProfileActivity .profile-activity-item.is-music{
  background:
    linear-gradient(100deg,rgba(29,185,84,.075) 0%,rgba(249,115,22,.035) 34%,rgba(255,255,255,.01) 70%),
    #0b1117!important;
  box-shadow:
    inset 3px 0 0 rgba(29,185,84,.72),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

#profileSidebar #sideProfileActivity .profile-activity-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,158,79,.18)!important;
  border-radius:12px!important;
  background:
    linear-gradient(145deg,rgba(249,115,22,.19),rgba(249,115,22,.055)),
    #131920!important;
  color:#ff9e56!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#profileSidebar #sideProfileActivity .profile-activity-item.is-music .profile-activity-icon{
  border-color:rgba(29,185,84,.20)!important;
  background:
    linear-gradient(145deg,rgba(29,185,84,.17),rgba(29,185,84,.045)),
    #111a17!important;
  color:#49dc7d!important;
}

#profileSidebar #sideProfileActivity .profile-activity-icon>.material-symbols-rounded{
  font-size:24px!important;
  line-height:1!important;
}

#profileSidebar #sideProfileActivity .profile-activity-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

#profileSidebar #sideProfileActivity .profile-activity-meta{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

#profileSidebar #sideProfileActivity .profile-activity-state{
  color:#c0a994!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}

#profileSidebar #sideProfileActivity .profile-activity-source{
  min-height:17px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:2px 6px!important;
  border:1px solid rgba(249,115,22,.27)!important;
  border-radius:999px!important;
  background:rgba(249,115,22,.08)!important;
  color:#ffae6d!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

#profileSidebar #sideProfileActivity .is-music .profile-activity-source{
  border-color:rgba(29,185,84,.28)!important;
  background:rgba(29,185,84,.08)!important;
  color:#64e28f!important;
}

#profileSidebar #sideProfileActivity .profile-activity-title{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff4ea!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:850!important;
}

#profileSidebar #sideProfileActivity .profile-activity-details{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#aeb6bf!important;
  font-size:10px!important;
  line-height:1.3!important;
}

#profileSidebar #sideProfileActivity .profile-activity-side{
  min-width:34px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:5px!important;
}

#profileSidebar #sideProfileActivity .profile-activity-live{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#36db83!important;
  box-shadow:0 0 0 3px rgba(54,219,131,.08),0 0 12px rgba(54,219,131,.28)!important;
}

#profileSidebar #sideProfileActivity .profile-activity-elapsed{
  color:#887b70!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
}

#profileSidebar #sideProfileActivity .profile-activity-elapsed.hidden{
  display:none!important;
}

@media(max-width:760px){
  #profileSidebar #sideProfileActivity .profile-activity-item{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:11px!important;
  }

  #profileSidebar #sideProfileActivity .profile-activity-icon{
    width:42px!important;
    height:42px!important;
    border-radius:11px!important;
  }

  #profileSidebar #sideProfileActivity .profile-activity-title{
    font-size:12px!important;
  }
}

@media(max-width:460px){
  #profileSidebar #sideProfileActivity .profile-activity-item{
    grid-template-columns:40px minmax(0,1fr)!important;
  }

  #profileSidebar #sideProfileActivity .profile-activity-side{
    display:none!important;
  }
}

/* ============================================================
   WarDrix 1.8.87 – Named Links + Forum Header Back + Own Tag Cleanup
   ============================================================ */

#myServerTagSlot{
  display:none!important;
}

.user-panel .user-name-tag-row{
  min-width:0!important;
}

.user-panel #myName{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.composer-link-btn{
  border-radius:4px!important;
  background:#111820!important;
  border-color:#29333d!important;
}

.composer-link-btn:hover{
  background:#1a232c!important;
  border-color:rgba(249,115,22,.48)!important;
  color:#ffb06f!important;
}

.composer-link-dialog{
  width:min(500px,calc(100vw - 28px))!important;
}

.composer-link-dialog>label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin-top:11px!important;
  color:#aeb6bf!important;
  font-size:10px!important;
  font-weight:750!important;
}

.composer-link-preview{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:13px!important;
  padding:10px 12px!important;
  border:1px solid #2e3843!important;
  border-radius:9px!important;
  background:#0a1016!important;
}

.composer-link-preview small{
  color:#88786b!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}

.composer-link-preview a,
.wdx-link{
  color:#ff9b52!important;
  font-weight:750!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(249,115,22,.48)!important;
}

.composer-link-preview a:hover,
.wdx-link:hover{
  color:#ffbb84!important;
  border-bottom-color:#ff9b52!important;
}

.composer-link-preview a.invalid{
  color:#76818c!important;
  border-bottom-color:#3a444e!important;
  pointer-events:none!important;
}

.forum-header-back-btn{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:220px!important;
  height:31px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 9px!important;
  margin-left:8px!important;
  border:1px solid rgba(249,115,22,.28)!important;
  border-radius:6px!important;
  background:rgba(249,115,22,.065)!important;
  color:#e7eaed!important;
  font-size:10px!important;
  font-weight:750!important;
}

.forum-header-back-btn.hidden{
  display:none!important;
}

.forum-header-back-btn>.material-symbols-rounded{
  color:#ff9c55!important;
  font-size:17px!important;
}

.forum-header-back-btn>span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.forum-header-back-btn:hover{
  border-color:rgba(249,115,22,.58)!important;
  background:rgba(249,115,22,.12)!important;
  color:#fff!important;
}

.forum-thread-detail .forum-detail-head-clean{
  grid-template-columns:minmax(0,1fr)!important;
}

@media(max-width:900px){
  .forum-header-back-btn{
    max-width:150px!important;
    padding:0 7px!important;
  }
}

@media(max-width:650px){
  .forum-header-back-btn{
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    padding:0!important;
    justify-content:center!important;
  }

  .forum-header-back-btn>span:last-child{
    display:none!important;
  }
}

/* ============================================================
   WarDrix 1.8.88 – Link button size alignment
   ============================================================ */

/* The link button was introduced after the original composer sizing rules,
   so it did not inherit the same fixed dimensions as attachment, emoji,
   formatting and voice-record controls. Keep all composer tools identical. */
.composer-row > .attach-btn,
.composer-row > .emoji-plus-btn,
.composer-row > .composer-format-btn,
.composer-row > .composer-link-btn,
.composer-row > .voice-record-btn{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
}

.composer-row > .composer-link-btn > .material-symbols-rounded{
  margin:0!important;
  font-size:22px!important;
  line-height:1!important;
}

/* The extra fifth tool also needs its own grid column on narrow layouts. */
@media(max-width:430px){
  .composer-row{
    grid-template-columns:34px 34px 34px 34px 34px minmax(0,1fr) auto!important;
  }

  .composer-row > .attach-btn,
  .composer-row > .emoji-plus-btn,
  .composer-row > .composer-format-btn,
  .composer-row > .composer-link-btn,
  .composer-row > .voice-record-btn{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    flex-basis:34px!important;
  }

  .composer-row > .composer-link-btn > .material-symbols-rounded{
    font-size:20px!important;
  }
}

@media(max-width:360px){
  .composer-row{
    grid-template-columns:32px 32px 32px 32px 32px minmax(0,1fr) auto!important;
    gap:4px!important;
  }

  .composer-row > .attach-btn,
  .composer-row > .emoji-plus-btn,
  .composer-row > .composer-format-btn,
  .composer-row > .composer-link-btn,
  .composer-row > .voice-record-btn{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    flex-basis:32px!important;
  }
}

/* WarDrix 1.8.89 – Forum unread overview */
.forum-hero-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}
.forum-hero-unread-badge{min-height:32px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0 11px!important;border:1px solid rgba(249,115,22,.42)!important;border-radius:7px!important;background:rgba(249,115,22,.10)!important;color:#ffab68!important;font-size:9px!important;font-weight:900!important;letter-spacing:.06em!important;white-space:nowrap!important}
.forum-hero-unread-badge>.material-symbols-rounded{font-size:17px!important}
.forum-unread-overview{margin-top:12px!important;overflow:hidden!important;border:1px solid rgba(249,115,22,.22)!important;border-radius:12px!important;background:linear-gradient(110deg,rgba(249,115,22,.07),transparent 38%),#11161d!important;box-shadow:inset 3px 0 0 rgba(249,115,22,.78)!important}
.forum-unread-overview-head{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 14px!important;border-bottom:1px solid #252d36!important}
.forum-unread-overview-head>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.forum-unread-overview-head small{color:#ff9850!important;font-size:8px!important;font-weight:900!important;letter-spacing:.10em!important}
.forum-unread-overview-head strong{color:#f5f0eb!important;font-size:12px!important}
.forum-unread-total-badge{min-width:30px!important;height:23px!important;display:grid!important;place-items:center!important;padding:0 7px!important;border:1px solid rgba(249,115,22,.45)!important;border-radius:999px!important;background:#371b0d!important;color:#ffb06d!important;font-size:9px!important;font-weight:900!important}
.forum-unread-overview-list{display:flex!important;flex-direction:column!important}
.forum-unread-overview-row{width:100%!important;min-width:0!important;min-height:63px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto 20px!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid #202831!important;border-radius:0!important;background:transparent!important;color:inherit!important;text-align:left!important}
.forum-unread-overview-row:last-child{border-bottom:0!important}.forum-unread-overview-row:hover{background:rgba(249,115,22,.065)!important}
.forum-unread-overview-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid rgba(249,115,22,.25)!important;border-radius:9px!important;background:rgba(249,115,22,.08)!important;color:#ff9c56!important;font-size:18px!important}
.forum-unread-overview-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.forum-unread-overview-meta{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#c68a5a!important;font-size:8px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.045em!important}
.forum-unread-overview-copy>strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f4f0ec!important;font-size:11px!important}.forum-unread-overview-copy>small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#7f8993!important;font-size:8.5px!important}
.forum-unread-thread-badge,.forum-category-unread-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border:1px solid rgba(249,115,22,.43)!important;border-radius:999px!important;background:rgba(249,115,22,.10)!important;color:#ffae6b!important;font-weight:900!important}
.forum-unread-thread-badge{min-width:28px!important;height:20px!important;padding:0 7px!important;font-size:8px!important}.forum-category-unread-badge{min-height:18px!important;padding:2px 7px!important;font-size:7px!important;letter-spacing:.04em!important}
.forum-category-row-clean.has-unread{background:linear-gradient(90deg,rgba(249,115,22,.055),transparent 30%)!important}.forum-category-row-clean.has-unread .forum-category-clean-icon{border-color:rgba(249,115,22,.38)!important;box-shadow:0 0 0 2px rgba(249,115,22,.035)!important}
@media(max-width:700px){.forum-unread-overview-row{grid-template-columns:32px minmax(0,1fr) auto!important}.forum-unread-overview-row>.material-symbols-rounded:last-child{display:none!important}}


/* ============================================================
   WARDRIX 1.8.92 GLOBAL SCROLL CONTROLS
   ============================================================ */

/* Der alte reine Chat-Down-Button wird durch die universelle
   Hoch-/Runter-Navigation ersetzt. */
#scrollToLatestBtn{
  display:none!important;
}

/* Der alte Zurück-Button innerhalb der Kategorie-Card wird
   ausgeblendet. Der feste Button oben übernimmt die Navigation. */
.forum-category-back{
  display:none!important;
}

.page-scroll-controls{
  position:absolute;
  right:18px;
  top:50%;
  z-index:28;

  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;

  transform:translateY(-50%);

  pointer-events:none;
}

.page-scroll-controls.hidden{
  display:none!important;
}

.page-scroll-edge{
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;

  display:grid;
  place-items:center;

  padding:0;

  border:1px solid rgba(249,115,22,.52);
  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      rgba(33,38,45,.96),
      rgba(16,20,26,.96)
    );

  color:#ff9d58;

  box-shadow:
    0 8px 24px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.045);

  backdrop-filter:blur(10px);

  cursor:pointer;
  pointer-events:auto;

  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    opacity .14s ease;
}

.page-scroll-edge.hidden{
  display:none!important;
}

.page-scroll-edge:hover{
  transform:scale(1.06);
  border-color:#f97316;
  background:
    linear-gradient(
      145deg,
      rgba(58,39,27,.98),
      rgba(24,24,27,.98)
    );
}

.page-scroll-edge:active{
  transform:scale(.96);
}

.page-scroll-edge>.material-symbols-rounded{
  font-size:24px;
  line-height:1;
}

.forum-header-back-btn{
  position:relative;
  z-index:30;
}

@media(max-width:760px){
  .page-scroll-controls{
    right:10px;
    gap:6px;
  }

  .page-scroll-edge{
    width:36px;
    min-width:36px;
    height:36px;
    min-height:36px;
  }

  .page-scroll-edge>.material-symbols-rounded{
    font-size:22px;
  }
}