:root{
  --bg:#45474d;--bg-soft:#505259;--chat:#3f4147;--panel:#222226;--panel2:#2b2b30;--panel3:#333339;
  --black:#111114;--black2:#17171b;--white:#fff;--muted:#dedee3;--muted2:#bcbcc4;--line:#ffffff20;
  --orange:#f97316;--orange-light:#fb923c;--orange-soft:#f9731633;--pink:#fb923c;--pink-soft:#fb923c33;--purple:#f97316;--purple-soft:#f9731633;--danger:#fb7185;--ok:#86efac;
  --shadow:0 18px 50px #00000035;
}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:"Calibri Light",Calibri,"Segoe UI",sans-serif;background:var(--bg);color:var(--white);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.wide{width:100%}.spacer{flex:1}.glass{backdrop-filter:blur(22px)}
button{color:var(--white);background:#24252b;border:1px solid #ffffff16;border-radius:7px}input,textarea,select{color:var(--white);background:#111114aa;border:1px solid #ffffff22;border-radius:8px;outline:none}input:focus,textarea:focus,select:focus{border-color:#fdba74;box-shadow:0 0 0 2px #f9731622}label{display:block;color:#fff;font-size:13px;margin:13px 0 0}label>input,label>textarea,label>select{width:100%;margin-top:6px;padding:10px 11px}.primary{border:1px solid #ffffff18;background:linear-gradient(135deg,var(--purple),var(--pink));padding:10px 14px;border-radius:8px;font-weight:700;box-shadow:0 7px 20px #f973162a}.primary:hover{filter:brightness(1.08)}.error{min-height:19px;color:#fecdd3;font-size:13px;margin-top:8px}.danger-button{border:0;background:#9f1239;color:#fff;border-radius:8px;padding:9px 12px}.danger-soft{border:1px solid #fb718566;background:#fb71851f;color:#fecdd3;border-radius:7px;padding:8px 10px}.danger-text{color:#fecdd3!important}.no-pad{padding-left:0!important}.spread{justify-content:space-between!important}

.auth-shell{height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#f9731626,transparent 30%),radial-gradient(circle at 85% 75%,#fb923c1f,transparent 34%),linear-gradient(145deg,#4c4e54,#36383d)}
.auth-card{width:min(470px,100%);padding:34px;border-radius:18px;background:#1f1f24ee;border:1px solid #ffffff24;box-shadow:var(--shadow)}.brand-line{display:flex;align-items:center;gap:12px}.brand-line>div:last-child{display:flex;flex-direction:column}.brand-line strong{font-size:24px;letter-spacing:.6px}.brand-line small{font-size:10px;letter-spacing:2px;color:#fed7aa}.wardrix-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#111114;border:1px solid #ffffff1f;font-weight:900;font-size:25px;box-shadow:inset 0 0 0 2px #f9731629,0 0 28px #fb923c29}.wardrix-mark::after{content:"";position:absolute}.auth-card h1{font-size:34px;line-height:1.04;margin:28px 0 10px;font-weight:300}.auth-card>p{color:#ededf2;margin:0 0 22px;line-height:1.5}.segmented{display:flex;gap:4px;padding:4px;background:#111114b8;border:1px solid #ffffff15;border-radius:9px}.segmented button{flex:1;border:0;border-radius:6px;background:transparent;color:#d9d9df;padding:7px 10px}.segmented button.active{background:#ffffff14;color:#fff;box-shadow:inset 0 -2px 0 var(--purple)}.auth-tabs{margin:22px 0 10px}.auth-card input{padding:12px;background:#0e0e11d6}.auth-card .primary{margin-top:18px}

.app{height:100%;display:grid;grid-template-columns:72px 270px minmax(0,1fr) 240px;background:var(--bg);overflow:hidden}.server-rail{background:var(--black);display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:9px;border-right:1px solid #ffffff12}.rail-logo,.server-button,.server-add{width:48px;height:48px;border-radius:16px;border:1px solid #ffffff14;background:#2a2a2f;color:#fff;transition:.15s}.rail-logo{background:linear-gradient(145deg,#17171b,#27272d);font-size:20px;font-weight:900}.rail-logo.active,.server-button.active{border-radius:12px;background:linear-gradient(145deg,#f97316,#fb923c)}.server-button:hover,.server-add:hover{border-radius:12px;background:#3b3b42}.server-button{font-weight:700;overflow:hidden;position:relative}.server-button::before{content:"";position:absolute;left:-9px;top:15px;width:3px;height:18px;border-radius:3px;background:transparent}.server-button.active::before{background:#fff}.server-add{font-size:25px;background:#19191d}.server-add.join{font-size:21px;color:#fdba74}.rail-separator{height:1px;width:34px;background:#ffffff25}.server-list{display:flex;flex-direction:column;gap:9px;overflow:auto;scrollbar-width:none;min-height:0}.server-list::-webkit-scrollbar{display:none}

.channel-sidebar{background:#25252ae8;display:flex;flex-direction:column;min-width:0;border-right:1px solid #ffffff12;box-shadow:8px 0 30px #00000018}.server-header{height:58px;display:flex;align-items:center;padding:0 12px 0 16px;border-bottom:1px solid #ffffff16;background:#1a1a1ecc}.server-title{min-width:0;flex:1}.server-title strong,.server-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-title small{font-size:11px;color:#fed7aa;margin-top:2px}.icon-btn,.server-header button,.user-panel button{background:transparent;border:0;color:#eee;font-size:18px}.sidebar-scroll{overflow:auto;flex:1;min-height:0;padding-bottom:12px}.sidebar-action-row{padding:12px 10px 2px}.sidebar-action{width:100%;border:1px solid #ffffff18;background:#11111477;border-radius:8px;padding:9px;text-align:left;color:#fff}.sidebar-action:hover{border-color:#fb923c80}.section-label,.section-head{font-size:11px;font-weight:700;letter-spacing:.08em;color:#d7d7dd;padding:16px 12px 6px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head button{border:0;background:transparent;color:#fff;font-size:18px;padding:0 3px}.channel-list{padding:0 8px}.channel-item,.dm-item,.voice-item{width:100%;border:0;background:transparent;color:#ebebef;text-align:left;border-radius:7px;padding:8px 9px;display:flex;align-items:center;gap:8px}.channel-item:hover,.channel-item.active,.dm-item:hover,.dm-item.active,.voice-item:hover,.voice-item.active{background:#ffffff10}.channel-item.active,.dm-item.active{box-shadow:inset 3px 0 0 var(--purple)}.channel-icon{width:18px;text-align:center;color:#fdba74}.voice-channel-icon-row{width:auto;min-width:32px;display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;flex:0 0 auto}.voice-channel-speaker{font-size:16px}.voice-channel-custom-icon{display:inline-block;min-width:14px;text-align:center;font-size:14px;line-height:1}.channel-item .name,.voice-item .name,.dm-item .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.channel-more{opacity:0;border:0;background:transparent;color:#fff}.channel-item:hover .channel-more,.voice-item:hover .channel-more{opacity:.7}.dm-item .avatar{width:31px;height:31px;font-size:12px;flex:0 0 auto}.dm-meta{min-width:0}.dm-meta small{display:block;color:#c4c4cc;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.voice-dock{background:#151519;border-top:1px solid #ffffff18;padding:9px;display:flex;align-items:center;gap:7px}.voice-dock>div{min-width:0;flex:1}.voice-dock strong,.voice-dock small{display:block}.voice-dock strong{font-size:12px;color:#fed7aa}.voice-dock small{font-size:11px;color:#eee;overflow:hidden;text-overflow:ellipsis}.voice-dock button{width:30px;height:30px;border-radius:7px;border:1px solid #ffffff16;background:#ffffff0b}.voice-dock .danger-icon{color:#fecdd3;border-color:#fb718555}.user-panel{height:61px;background:#17171b;display:flex;align-items:center;padding:8px;gap:8px;border-top:1px solid #ffffff12}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f97316,#fb923c);font-weight:700;color:#fff;box-shadow:inset 0 0 0 1px #ffffff2a}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta small{font-size:11px;color:var(--ok)}

.chat-main{min-width:0;display:grid;grid-template-rows:58px minmax(0,1fr) auto auto;background:linear-gradient(180deg,#4b4d53,#3d3f45);position:relative}.chat-header{display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #ffffff25;background:#303238ee;backdrop-filter:blur(15px);box-shadow:0 3px 14px #00000017}.channel-glyph{font-size:24px;color:#fff}.chat-title{min-width:0}.chat-title strong,.chat-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title small{font-size:11px;color:#f1f1f5;opacity:.86;margin-top:2px}.dev-pill{font-size:10px;letter-spacing:.08em;background:#111114d9;border:1px solid #fdba7455;color:#ffedd5;padding:5px 8px;border-radius:999px}.search-box{display:flex;background:#11111499;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.search-box input{width:190px;border:0;background:transparent;padding:7px 9px}.search-box button{border:0;background:transparent;color:#fff;padding:0 9px}
.messages{overflow:auto;padding:18px 0 26px;scroll-behavior:auto}.empty-state{min-height:100%;display:grid;place-content:center;text-align:center;padding:40px;color:#fff;text-shadow:0 1px 2px #0008}.empty-state h2{margin:12px 0 4px;font-weight:300;font-size:28px}.empty-state p{margin:0;opacity:.93}.empty-mark{margin:auto;width:66px;height:66px;border-radius:20px;background:#111114d8;display:grid;place-items:center;font-size:32px;font-weight:800;border:1px solid #ffffff2b;box-shadow:0 12px 30px #0004}
.message{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;padding:7px 18px;position:relative}.message:hover{background:#11111418}.message>.avatar{width:40px;height:40px}.message-main{min-width:0}.message-head{display:flex;align-items:baseline;gap:8px}.message-user{font-weight:700;color:#fff}.message-time{font-size:11px;color:#f5f5f7cc}.message-edited{font-size:10px;color:#ffedd5}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;line-height:1.46;margin-top:2px;text-shadow:0 1px 1px #0004}.message-actions{opacity:0;position:absolute;right:14px;top:-4px;display:flex;border:1px solid #ffffff18;border-radius:8px;overflow:hidden;background:#17171bee;box-shadow:0 7px 20px #0003}.message:hover .message-actions{opacity:1}.message-actions button{border:0;background:transparent;padding:6px 8px;color:#fff}.message-actions button:hover{background:#ffffff13}.reply-preview{border-left:2px solid #fb923c;padding:3px 8px;margin-bottom:4px;font-size:11px;color:#f5f3ff;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-badge{font-size:10px;color:#fde68a;margin-left:5px}.reaction-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.reaction{border:1px solid #ffffff25;background:#11111477;border-radius:999px;padding:3px 7px;font-size:12px}.reaction.mine{border-color:#fed7aa;background:#f9731633}
.code-card{margin-top:7px;max-width:980px;border:1px solid #ffffff22;border-radius:10px;background:#111114;overflow:hidden;box-shadow:0 7px 22px #0002}.code-head{height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;background:#1d1d22;border-bottom:1px solid #ffffff13;font-size:12px}.code-head strong{font-family:Consolas,"Courier New",monospace}.code-lang{margin-left:auto;color:#fed7aa}.code-download{border:1px solid #ffffff1d;background:#ffffff0a;border-radius:6px;padding:4px 8px;color:#fff}.code-card pre{margin:0;padding:14px;overflow:auto;max-height:560px;white-space:pre;tab-size:4;color:#fff;font:13px/1.55 Consolas,"Courier New",monospace}
.attachments{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.attachment-card{display:flex;align-items:center;gap:8px;min-width:190px;max-width:420px;background:#1111149e;border:1px solid #ffffff1f;border-radius:9px;padding:8px}.attachment-card .file-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:#f973162d}.attachment-card .file-info{min-width:0;flex:1}.attachment-card strong,.attachment-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-card small{font-size:10px;color:#eee}.attachment-card a{color:#ffedd5;text-decoration:none}.image-attachment{display:block;max-width:min(560px,100%);max-height:420px;border-radius:0;margin-top:7px;border:none;object-fit:contain;background:transparent}

.reply-bar{margin:0 14px;background:#242429;color:#fff;border-radius:9px 9px 0 0;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ffffff18;border-bottom:0;font-size:12px}.reply-bar strong{color:#fdba74}.reply-bar button{border:0;background:transparent}.composer{padding:7px 14px 14px;background:linear-gradient(180deg,transparent,#6f6f75 20%)}.composer.disabled{opacity:.45;pointer-events:none}.composer-tabs{width:260px;margin-bottom:6px}.composer-tabs button{font-size:12px;padding:5px}.code-meta{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:6px;margin-bottom:6px}.code-meta input,.code-meta select{padding:8px}.file-preview{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:#11111466;border-radius:8px 8px 0 0}.pending-file{font-size:11px;background:#ffffff10;border:1px solid #ffffff1b;border-radius:6px;padding:5px 7px}.composer-row{display:flex;align-items:flex-end;gap:7px;background:#2b2b30e8;border:1px solid #ffffff20;border-radius:10px;padding:6px;box-shadow:0 8px 26px #0002}.composer textarea{min-height:38px;max-height:260px;resize:none;flex:1;border:0;background:transparent;padding:8px 2px;line-height:1.45;box-shadow:none}.send-button{border:0;border-radius:8px;padding:9px 13px;background:#111114;color:#fff;box-shadow:inset 0 -2px 0 var(--purple)}.attach-btn{width:38px;height:38px;border-radius:8px;border:1px solid #ffffff18;background:#ffffff0b;font-size:22px}.composer-help{display:flex;justify-content:space-between;padding:4px 4px 0;color:#fff;font-size:10px;opacity:.85}

.member-sidebar{background:#2c2c31e8;border-left:1px solid #ffffff18;padding:0 7px;overflow:auto}.member-header{font-size:11px;letter-spacing:.08em;padding:18px 8px 8px;color:#e5e5ea}.member-row{display:flex;align-items:center;gap:8px;padding:7px;border-radius:7px}.member-row:hover{background:#ffffff0c}.member-row .avatar{width:31px;height:31px;font-size:12px}.member-info{min-width:0;flex:1}.member-info strong,.member-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info small{font-size:10px;color:#cfcfd6}.presence-dot{width:8px;height:8px;border-radius:50%;background:#71717a}.presence-dot.online{background:#86efac;box-shadow:0 0 8px #86efac80}.role-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:3px}

#toast{position:fixed;z-index:500;left:50%;top:18px;transform:translateX(-50%);display:none;max-width:min(520px,calc(100vw - 30px));background:#111114ed;color:#fff;border:1px solid #ffffff25;padding:10px 14px;border-radius:9px;box-shadow:0 10px 35px #0005}dialog{border:0;padding:0;background:transparent;max-width:none;max-height:none;color:#fff}dialog::backdrop{background:#111114a6;backdrop-filter:blur(4px)}.dialog-card{width:min(450px,calc(100vw - 28px));background:#222227f5;border:1px solid #ffffff24;border-radius:14px;padding:20px;box-shadow:var(--shadow)}.dialog-card h3{margin:0 0 5px;font-size:21px;font-weight:300}.dialog-card p{margin:3px 0;color:#ddd}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-actions>button{border:1px solid #ffffff15;background:#ffffff0b;border-radius:8px;padding:9px 12px}.dialog-actions .primary{background:linear-gradient(135deg,var(--purple),var(--pink))}.dialog-card header{display:flex;justify-content:space-between}.dialog-card header button{border:0;background:transparent}.member-dialog{width:min(520px,calc(100vw - 28px))}.role-checks{display:grid;gap:6px;margin-top:7px;max-height:260px;overflow:auto}.role-check{display:flex;align-items:center;gap:8px;background:#11111477;border-radius:7px;padding:8px}.role-check input{width:auto;margin:0;box-shadow:none}

.settings-dialog{width:min(1000px,calc(100vw - 34px));height:min(720px,calc(100vh - 34px));display:grid;grid-template-columns:220px minmax(0,1fr);background:#202025f7;border:1px solid #ffffff24;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.settings-nav{display:flex;flex-direction:column;padding:18px 10px;background:#151519;border-right:1px solid #ffffff15}.settings-nav h3{font-size:14px;margin:0 8px 14px;color:#fff}.settings-nav button{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;color:#e5e5ea}.settings-nav button:hover,.settings-nav button.active{background:#ffffff10}.settings-nav button.active{box-shadow:inset 3px 0 0 var(--pink)}.settings-spacer{flex:1}.settings-content{min-width:0;display:grid;grid-template-rows:60px minmax(0,1fr)}.settings-content>header{display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #ffffff15}.settings-content header>div{flex:1}.settings-content header strong,.settings-content header small{display:block}.settings-content header small{color:#c4c4cc;font-size:11px}.close-big{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff1c;background:#ffffff0a}.settings-body{overflow:auto;padding:20px}.settings-card{background:#1111145e;border:1px solid #ffffff19;border-radius:10px;padding:14px;margin-bottom:10px}.settings-card h4{margin:0 0 10px;font-weight:400}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff10}.settings-row:last-child{border-bottom:0}.settings-row .grow{min-width:0;flex:1}.settings-row strong,.settings-row small{display:block}.settings-row small{font-size:10px;color:#ccc}.settings-row button{border:1px solid #ffffff15;background:#ffffff09;border-radius:7px;padding:6px 9px}.invite-box{display:flex;gap:7px}.invite-box input{flex:1;padding:9px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.permission-toggle{display:flex;align-items:center;gap:8px;background:#ffffff07;border-radius:7px;padding:8px}.permission-toggle input{width:auto;margin:0;box-shadow:none}.role-color{width:12px;height:12px;border-radius:50%}.role-editor-head{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;align-items:end}.role-editor-head input{padding:9px}.audit-item{padding:8px 0;border-bottom:1px solid #ffffff12}.audit-item small{color:#c4c4cc}.code-note{border-left:3px solid var(--purple);padding:8px 10px;background:#f973161a;border-radius:0 7px 7px 0}
#remoteAudio{display:none}

@media(max-width:1100px){.app{grid-template-columns:68px 250px minmax(0,1fr)}.member-sidebar{display:none!important}.search-box input{width:145px}}
@media(max-width:760px){.app{grid-template-columns:58px minmax(0,1fr)}.channel-sidebar{position:absolute;z-index:20;left:58px;top:0;bottom:0;width:250px;box-shadow:8px 0 28px #0005}.server-rail{padding-left:5px;padding-right:5px}.rail-logo,.server-button,.server-add{width:44px;height:44px}.chat-header{padding:0 10px}.dev-pill{display:none}.search-box{display:none!important}.message{padding-left:10px;padding-right:10px}.composer{padding-left:8px;padding-right:8px}.composer-help span:first-child{display:none}.settings-dialog{grid-template-columns:160px minmax(0,1fr)}.settings-grid,.permission-grid{grid-template-columns:1fr}.settings-nav{padding-left:6px;padding-right:6px}.code-meta{grid-template-columns:1fr}.auth-card{padding:24px}}
#remoteAudio.visible{display:flex;position:fixed;right:22px;bottom:92px;z-index:80;max-width:min(560px,60vw);max-height:55vh;background:#111114ee;border:1px solid #ffffff2a;border-radius:12px;padding:7px;box-shadow:0 18px 50px #0007}#remoteAudio audio{display:none}.remote-screen{max-width:100%;max-height:52vh;border-radius:8px;background:#000}
.wardrix-mark{padding:0;overflow:hidden}.wardrix-mark img,.rail-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.rail-logo{padding:0;overflow:hidden}
.channel-perm-grid{display:grid;gap:6px}.channel-perm-row{display:grid;grid-template-columns:minmax(0,1fr) 135px;align-items:center;gap:8px;background:#ffffff07;border-radius:7px;padding:7px 8px;margin:0}.channel-perm-row select{padding:6px}
.role-editor-head{grid-template-columns:minmax(0,1fr) 100px 90px auto}
@media(max-width:760px){.role-editor-head{grid-template-columns:1fr 1fr}.role-editor-head .danger-soft{align-self:end}}

/* WarDrix 1.0.3 – Freunde & Direct Messages */
.dm-actions{display:grid;gap:7px}.sidebar-action.active{background:#ffffff12;border-color:#f9731688;box-shadow:inset 3px 0 0 var(--purple)}.nav-badge{float:right;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:10px;font-weight:700}
.messages.friends-home{padding:0;background:linear-gradient(180deg,#46484e,#3d3f45)}.friends-shell{width:min(980px,100%);margin:0 auto;padding:18px 24px 36px}.friends-toolbar{display:flex;align-items:center;gap:7px;padding-bottom:14px;border-bottom:1px solid #ffffff26}.friends-toolbar button{border:1px solid transparent;background:#1111142b;border-radius:8px;padding:8px 12px}.friends-toolbar button:hover,.friends-toolbar button.active{background:#1111146b;border-color:#ffffff20}.friends-toolbar button.active{box-shadow:inset 0 -2px 0 var(--purple)}.friends-toolbar .friend-add{margin-left:auto;background:linear-gradient(135deg,#f97316cc,#fb923ccc);border-color:#ffffff1f;font-weight:700}.friends-section-title,.friend-group-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:#f2f2f5;padding:18px 4px 8px}.friend-group-label{padding-top:12px;color:#ffedd5}.friends-list{display:grid;gap:3px}.friend-row{display:grid;grid-template-columns:42px minmax(0,1fr) 12px auto;align-items:center;gap:10px;padding:10px 9px;border-top:1px solid #ffffff20;border-radius:8px}.friend-row:hover{background:#11111419}.friend-row .avatar{width:38px;height:38px}.friend-info{min-width:0}.friend-info strong,.friend-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-info small{font-size:11px;color:#f1f1f4cc;margin-top:2px}.friend-actions{display:flex;gap:6px;justify-content:flex-end}.friend-action{border:1px solid #ffffff20;background:#11111466;border-radius:7px;padding:7px 10px}.friend-action.primary-soft{border-color:#fdba7477;background:#f9731635}.friend-action.danger-soft{padding:7px 10px}.friends-empty{padding:26px 10px;border-top:1px solid #ffffff20;color:#fff;opacity:.9}
@media(max-width:760px){.friends-shell{padding:14px 10px 28px}.friends-toolbar{flex-wrap:wrap}.friends-toolbar .friend-add{margin-left:0}.friend-row{grid-template-columns:38px minmax(0,1fr) 10px}.friend-actions{grid-column:2/5;justify-content:flex-start;flex-wrap:wrap}}

/* WarDrix 1.1.0 – Benachrichtigungen, User-Aktionen & Privatsphäre */
.header-notify{width:34px;height:34px;border:1px solid #ffffff1d!important;background:#11111442!important;border-radius:9px;font-size:16px!important;display:grid;place-items:center}.header-notify:hover{background:#11111475!important;border-color:#fb923c66!important}
.rail-logo,.server-button,.dm-item,.channel-item{position:relative}.unread-dot{position:absolute;z-index:4;width:9px;height:9px;border-radius:50%;right:3px;top:3px;border:2px solid #17171b;background:var(--orange);box-shadow:0 0 10px #f9731699}.unread-dot.quiet{background:#f4f4f5;box-shadow:none}.channel-item .unread-dot{right:8px;top:50%;transform:translateY(-50%);border-color:#25252a}.dm-item .unread-dot{right:8px;top:50%;transform:translateY(-50%);border-color:#25252a}.rail-logo .unread-dot{right:0;top:0}
.clickable-user{cursor:pointer}.clickable-user:hover{text-decoration-color:#fb923c}.message-user.clickable-user:hover{text-decoration:underline}.member-row.clickable-user{cursor:pointer}.member-row.clickable-user:hover{box-shadow:inset 3px 0 0 #f97316}
.profile-dialog{width:min(520px,calc(100vw - 28px))}.profile-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.profile-tools button{border:1px solid #ffffff18;background:#11111466;border-radius:8px;padding:9px 10px;text-align:left}
.user-dialog{width:min(500px,calc(100vw - 28px))}.user-profile-bio{margin:14px 0;padding:11px;background:#11111461;border:1px solid #ffffff14;border-radius:9px;white-space:pre-wrap}.user-relation{font-size:12px;color:#ffedd5;margin:6px 0 12px}.user-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.user-action-grid button{border:1px solid #ffffff18;background:#11111466;border-radius:8px;padding:9px 11px}.user-action-grid .primary-soft{border-color:#fdba7477;background:#f973163d}.user-action-grid button:disabled{opacity:.45;cursor:not-allowed}
.notification-dialog{width:min(540px,calc(100vw - 28px))}.notification-section{margin-top:14px;padding:12px;border:1px solid #ffffff18;background:#11111455;border-radius:10px}.notification-section>label:first-child{margin-top:0}.notification-section select{padding:10px}.notification-section>small{display:block;color:#d4d4d8;font-size:11px;line-height:1.4;margin-top:8px}.setting-toggle{display:flex;align-items:center;gap:9px;margin:8px 0;padding:8px;background:#ffffff07;border-radius:8px}.setting-toggle input{width:auto;margin:0;box-shadow:none}.notification-permission{display:flex;align-items:center;gap:9px;margin-top:10px}.notification-permission button{border:1px solid #ffffff1c;background:#11111477;border-radius:8px;padding:8px 10px}.notification-permission small{color:#d4d4d8;font-size:10px;line-height:1.3;flex:1}.blocked-dialog{width:min(540px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 28px));overflow:auto}.blocked-users-list{margin-top:12px}
.blocked-message{opacity:.78}.blocked-message-note{display:flex;align-items:center;gap:10px;color:#f4f4f5aa;font-size:12px;padding:7px 9px;margin-top:4px;background:#1111143d;border:1px dashed #ffffff24;border-radius:7px}.blocked-message-note button{border:1px solid #ffffff1c;background:#11111477;border-radius:6px;padding:4px 8px}
@media(max-width:760px){.profile-tools,.user-action-grid{grid-template-columns:1fr}.notification-permission{align-items:flex-start;flex-direction:column}}


/* WarDrix 1.1.1 – Badge UI Fix */
/* Rail badges sit on the OUTER edge of the button instead of inside the icon artwork. */
.server-rail,.server-list,.rail-logo,.server-button{overflow:visible}
.server-list{width:56px;padding:5px 4px;margin:-5px -4px}
.rail-logo,.server-button{isolation:isolate}
.unread-dot{z-index:40;width:14px;height:14px;right:-4px;top:-4px;border:3px solid var(--black);box-shadow:0 0 0 1px #ffffff3a,0 0 14px #f97316d0;background:var(--orange);pointer-events:none}
.unread-dot.quiet{width:11px;height:11px;right:-3px;top:-3px;border-width:2px;background:#d4d4d8;box-shadow:0 0 0 1px #ffffff20}
.rail-logo .unread-dot,.server-button .unread-dot{right:-4px;top:-4px;transform:none}

/* Per-channel / per-DM unread counters. The last column is always right-aligned. */
.unread-count-badge{position:relative;z-index:5;flex:0 0 auto;min-width:29px;height:20px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:var(--orange);color:#fff;font-size:11px;font-weight:700;line-height:1;letter-spacing:.01em;box-shadow:0 0 0 1px #ffffff18,0 3px 10px #0004;margin-left:auto;white-space:nowrap}
.unread-count-badge.quiet{background:#62626b;color:#f4f4f5;box-shadow:0 0 0 1px #ffffff12;opacity:.9}
.channel-item,.dm-item{min-width:0}
.channel-item .name{min-width:0}
.channel-item .channel-more{flex:0 0 20px;margin-left:2px}
.channel-item .unread-count-badge{margin-left:6px}
.dm-meta{flex:1;min-width:0}
.dm-item .unread-count-badge{margin-left:8px}

@media(max-width:760px){.server-list{width:50px;padding:5px 3px;margin:-5px -3px}.unread-dot{right:-3px;top:-3px}.unread-count-badge{min-width:27px;height:19px;padding:0 6px;font-size:10px}}


/* WarDrix 1.1.2 – Orange Theme + Presence */
/* Orange is the only decorative accent. Semantic presence colors remain green/amber/red/gray. */
.server-button.active,.rail-logo.active{background:linear-gradient(145deg,#f97316,#fb923c)}
.server-add.join{color:#fdba74}
.sidebar-action:hover{border-color:#f9731680}
.channel-item.active,.dm-item.active{box-shadow:inset 3px 0 0 var(--orange)}
.channel-icon{color:#fdba74}
.dev-pill{border-color:#f9731666;color:#ffedd5}
.reply-preview{border-left-color:var(--orange)}
.code-note{border-left-color:var(--orange);background:#f9731618}
.header-notify:hover{border-color:#f9731677!important}
.clickable-user:hover{text-decoration-color:#fb923c}.member-row.clickable-user:hover{box-shadow:inset 3px 0 0 var(--orange)}
.sidebar-action.active{border-color:#f9731688;box-shadow:inset 3px 0 0 var(--orange)}
.nav-badge,.friends-toolbar .friend-add,.primary{background:linear-gradient(135deg,#f97316,#fb923c)}
.friends-toolbar button.active{box-shadow:inset 0 -2px 0 var(--orange)}
.friend-group-label,.user-relation{color:#ffedd5}
.friend-action.primary-soft,.user-action-grid .primary-soft{border-color:#f9731677;background:#f9731638}
input:focus,textarea:focus,select:focus{border-color:#fb923c;box-shadow:0 0 0 2px #f973162d}

/* Main content is intentionally darker than 1.1.1. */
.messages{background:transparent}.composer{background:#303238f5}.reply-bar{background:#35373de8}

/* Unread indicator is attached to the outer rail-button edge and must never be clipped by icon artwork. */
.server-rail{overflow:visible!important}.server-list{overflow-x:visible!important}
.rail-logo,.server-button{overflow:visible!important;isolation:isolate}
.rail-logo img{overflow:hidden;border-radius:inherit}
.unread-dot{z-index:200!important;width:16px!important;height:16px!important;right:-6px!important;top:-5px!important;border:3px solid #111114!important;background:var(--orange)!important;box-shadow:0 0 0 1px #fff4,0 0 15px #f97316e0!important}
.unread-dot.quiet{width:12px!important;height:12px!important;right:-4px!important;top:-3px!important;background:#8a8c93!important;box-shadow:0 0 0 1px #fff2!important}
.unread-count-badge{min-width:30px;height:21px;padding:0 8px;background:var(--orange)!important;color:#fff!important;border:1px solid #fdba7477;box-shadow:0 3px 12px #0005;font-size:11px}
.unread-count-badge.quiet{background:#686a71!important;border-color:#ffffff1f;color:#f5f5f5!important}

/* Own account / presence menu */
.user-panel{gap:6px}.user-identity{min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:2px 4px!important;border:0!important;border-radius:8px!important;background:transparent!important;text-align:left}
.user-identity:hover{background:#ffffff0b!important}.presence-avatar{position:relative;overflow:visible}.self-presence-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:3px solid #17171b;box-sizing:content-box}
.user-meta small{color:#d7d7dc!important}.presence-dialog{width:min(520px,calc(100vw - 28px))}.presence-options{display:grid;gap:6px;margin-top:12px}.presence-options>button{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid #ffffff18;background:#11111466;border-radius:9px;padding:10px 11px}.presence-options>button:hover{border-color:#f9731666;background:#17171ba8}.presence-options>button.active{border-color:#f97316aa;background:#f9731625;box-shadow:inset 3px 0 0 var(--orange)}.presence-options strong,.presence-options small{display:block}.presence-options small{font-size:11px;color:#cfd0d5;margin-top:2px}
.presence-dot{width:9px;height:9px;border-radius:50%;background:#71717a;box-shadow:none;flex:0 0 auto}.presence-dot.status-online,.self-presence-dot.status-online{background:#4ade80;box-shadow:0 0 8px #4ade8070}.presence-dot.status-away,.self-presence-dot.status-away{background:#f59e0b;box-shadow:0 0 8px #f59e0b70}.presence-dot.status-dnd,.self-presence-dot.status-dnd{background:#ef4444;box-shadow:0 0 8px #ef444470}.presence-dot.status-offline,.self-presence-dot.status-offline{background:#71717a;box-shadow:none}
#presenceReasonWrap{margin-top:12px}

.server-list{width:64px!important;padding:5px 0!important;margin:-5px 0!important;align-items:center!important;overflow-y:auto!important;overflow-x:hidden!important}
@media(max-width:760px){.server-list{width:52px!important;padding:5px 0!important;margin:-5px 0!important}}

.presence-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.presence-shortcuts button{border:1px solid #ffffff18;background:#11111466;border-radius:8px;padding:9px 10px;text-align:left}.presence-shortcuts button:hover{border-color:#f9731666;background:#17171ba8}@media(max-width:560px){.presence-shortcuts{grid-template-columns:1fr}}

/* WarDrix 1.2.0 – Profiles & Branding */
.app{position:relative}
.avatar.has-image{background-color:#202127!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important}
.avatar.has-image #myAvatarInitials{opacity:0}
.server-button.has-icon,.guild-icon-preview.has-icon{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.server-header.has-banner{background-size:cover!important;background-position:center!important}

/* Right-side profile sheet */
.profile-sidebar{position:absolute;z-index:130;right:0;top:0;bottom:0;width:min(370px,calc(100vw - 90px));background:#15161bed;border-left:1px solid #ffffff1c;box-shadow:-20px 0 50px #0008;overflow:auto;backdrop-filter:blur(18px)}
.profile-side-close{position:absolute;z-index:4;right:12px;top:12px;width:32px;height:32px;border:1px solid #ffffff20;background:#111114aa;border-radius:50%;display:grid;place-items:center}
.profile-side-close:hover{border-color:#fb923c88;background:#1c1d22}
.profile-side-banner{height:118px;background:linear-gradient(135deg,#373940 0%,#25262b 48%,#f97316 160%);background-size:cover;background-position:center;border-bottom:1px solid #ffffff18}
.profile-side-banner.has-image{background-size:cover!important;background-position:center!important}
.profile-side-body{padding:0 18px 24px;position:relative}
.profile-side-avatar{width:86px;height:86px;font-size:28px;margin-top:-42px;border:6px solid #15161b;box-shadow:0 7px 24px #0007;position:relative;z-index:2}
.profile-side-head{display:flex;align-items:flex-start;gap:10px;margin-top:8px}.profile-side-head>div{min-width:0;flex:1}.profile-side-head h2{margin:0;font-size:23px;line-height:1.1}.profile-handle{font-size:12px;color:#c8c9cf;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.profile-side-head>.presence-dot{margin-top:6px;width:11px;height:11px}
.profile-status-line{font-size:12px;color:#f4f4f5;margin-top:8px;padding:8px 10px;background:#ffffff08;border-radius:8px;border-left:3px solid var(--orange)}
.profile-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.profile-side-actions button{border:1px solid #ffffff18;background:#222329;border-radius:8px;padding:8px 9px}.profile-side-actions .primary-soft{border-color:#f9731677;background:#f9731633}
.profile-side-section{padding:13px 0;border-top:1px solid #ffffff12}.profile-side-section h4{margin:0 0 7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d8d9de}.profile-side-section p{margin:0;white-space:pre-wrap;line-height:1.45;color:#f3f4f6;font-size:13px}.profile-member-since span{font-size:13px;color:#e6e6eb}
.profile-links{display:flex;flex-wrap:wrap;gap:7px}.profile-links a{color:#fff;text-decoration:none;background:#25262c;border:1px solid #ffffff18;border-radius:999px;padding:6px 9px;font-size:11px}.profile-links a:hover{border-color:#fb923c88;background:#f9731620}
.profile-mutuals{display:grid;gap:5px;font-size:12px}.profile-mutuals strong{color:#fff}.profile-mutuals span,.profile-mutuals small{color:#c8c9cf}.profile-mutuals small{line-height:1.35}

/* Profile editor */
.profile-editor-dialog{width:min(720px,calc(100vw - 30px));max-height:min(860px,calc(100vh - 30px));overflow:auto}.profile-editor-dialog header,.crop-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-editor-dialog header h3,.crop-dialog header h3{margin:0}.profile-editor-dialog header p,.crop-dialog header p{margin:3px 0 0;color:#cfd0d5;font-size:12px}.profile-editor-dialog header>button,.crop-dialog header>button{border:0;background:transparent;font-size:18px}
.profile-editor-preview{position:relative;margin-top:15px;margin-bottom:4px;height:228px}.profile-edit-banner{height:132px;border-radius:12px;background:linear-gradient(135deg,#3a3c42,#26272c 52%,#f97316 170%);border:1px solid #ffffff16;background-size:cover;background-position:center;display:grid;place-items:center;color:#ffffff6b;font-size:11px;overflow:hidden}.profile-edit-avatar{position:absolute;left:18px;bottom:34px;width:92px;height:92px;font-size:28px;border:6px solid #1c1d22;box-shadow:0 8px 22px #0007}
.media-edit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-top:1px solid #ffffff10}.media-edit-row>div:first-child{min-width:0}.media-edit-row strong,.media-edit-row small{display:block}.media-edit-row small{font-size:10px;color:#c7c8cd;margin-top:3px}.media-edit-row>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.media-edit-row button{border:1px solid #ffffff18;background:#24252a;border-radius:7px;padding:7px 9px}
.profile-fields .full-row,.settings-grid .full-row{grid-column:1/-1}.profile-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.profile-link-grid input{font-size:12px}

/* Cropper */
.crop-dialog{width:min(760px,calc(100vw - 30px))}.crop-stage{margin-top:14px;border-radius:12px;overflow:hidden;background:#0d0e11;border:1px solid #ffffff18;display:grid;place-items:center;min-height:280px}.crop-stage canvas{display:block;max-width:100%;max-height:52vh;width:auto;height:auto}.crop-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crop-controls label{font-size:11px}.crop-controls input{padding:0;background:transparent;border:0;box-shadow:none}

/* Guild branding in settings */
.guild-brand-preview{position:relative;height:155px;margin-bottom:12px}.guild-banner-preview{height:116px;border-radius:11px;background:linear-gradient(135deg,#3a3c42,#292a2f 52%,#f97316 170%);border:1px solid #ffffff14;background-size:cover;background-position:center}.guild-icon-preview{position:absolute!important;left:16px;bottom:0;width:72px!important;height:72px!important;border-radius:20px!important;border:5px solid #222329!important;font-size:20px!important;display:grid;place-items:center;box-shadow:0 8px 22px #0007}

@media(max-width:760px){.profile-sidebar{width:min(340px,calc(100vw - 58px))}.profile-link-grid,.crop-controls{grid-template-columns:1fr}.profile-side-actions{grid-template-columns:1fr}.media-edit-row{align-items:flex-start;flex-direction:column}.media-edit-row>div:last-child{justify-content:flex-start}}


/* WarDrix 1.2.2 – Brand Logo Refine */
.server-header{gap:12px;padding:0 14px 0 12px}
.server-brand{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;overflow:visible;background:transparent!important;border:0!important;box-shadow:none!important}
.server-brand img{width:44px;height:44px;object-fit:contain;display:block;filter:drop-shadow(0 0 14px rgba(249,115,22,.28))}
.server-title strong{font-size:22px;line-height:1.05}
.server-title small{font-size:12px;color:#fdba74;margin-top:3px}
.wardrix-mark{background:transparent!important;border:0!important;box-shadow:none!important;width:54px;height:54px;border-radius:0;padding:0}
.wardrix-mark img{object-fit:contain;border-radius:0;filter:drop-shadow(0 0 16px rgba(249,115,22,.26))}
.brand-line{gap:14px}
@media (max-width:760px){.server-brand{width:36px;height:36px;flex-basis:36px}.server-brand img{width:36px;height:36px}.server-title strong{font-size:18px}}


/* WarDrix 1.2.3 – Smart Image Cropper */
.crop-dialog{width:min(820px,calc(100vw - 28px))}
.crop-stage{min-height:360px;padding:18px;overflow:hidden;background:radial-gradient(circle at center,#24252b 0%,#111216 72%)}
.crop-canvas-wrap{position:relative;display:inline-block;max-width:100%;line-height:0;box-shadow:0 14px 40px #0009;border-radius:18px;overflow:hidden;cursor:grab;touch-action:none;user-select:none}
.crop-canvas-wrap.dragging{cursor:grabbing}
.crop-canvas-wrap canvas{display:block;max-width:min(620px,calc(100vw - 90px));max-height:54vh;width:auto;height:auto;background:#111}
.crop-canvas-wrap.banner canvas{max-width:min(720px,calc(100vw - 90px))}
.crop-mask{position:absolute;inset:0;pointer-events:none;z-index:3;display:grid;place-items:end center;overflow:hidden}
.crop-mask::before{content:"";position:absolute;inset:2px;border:6px solid #ff7a00;box-shadow:0 0 0 9999px rgba(5,6,9,.56),0 0 28px rgba(255,122,0,.62),inset 0 0 0 1px rgba(255,255,255,.08);z-index:1}
.crop-mask.crop-avatar::before{border-radius:50%}
.crop-mask.crop-server::before{border-radius:27%}
.crop-mask.crop-banner::before{border-radius:14px}
.crop-mask span{position:relative;z-index:2;margin-bottom:12px;background:#111216d9;border:1px solid #ff7a0085;color:#fff;padding:5px 9px;border-radius:999px;font-size:10px;line-height:1.1;letter-spacing:.03em}
.crop-toolbar{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.crop-toolbar button{border:1px solid #ffffff20;background:#18191e;color:#fff;border-radius:8px;padding:8px 10px}
.crop-toolbar button:hover{border-color:#ff7a0099;background:#ff7a0014}
.crop-toolbar small{margin-left:auto;color:#c9cbd2;font-size:11px}
.crop-controls{margin-top:10px}.crop-controls label{background:#17181d;border:1px solid #ffffff12;border-radius:9px;padding:9px 10px}.crop-controls label strong{float:right;color:#ffb266;font-weight:700}
.crop-controls input[type=range]{accent-color:#ff7a00;width:100%}
.guild-icon-preview.has-icon,.server-button.has-icon,.avatar.has-image{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
@media(max-width:760px){.crop-stage{min-height:260px;padding:10px}.crop-canvas-wrap canvas,.crop-canvas-wrap.banner canvas{max-width:calc(100vw - 72px);max-height:46vh}.crop-toolbar small{width:100%;margin-left:0}.crop-mask span{display:none}}


/* WarDrix 1.2.4 – Clean Server Icons
   Hochgeladene Server-Icons haben keinen Rahmen/Untergrund mehr.
   Transparente PNG/WebP wirken dadurch wie frei stehende Grafiken. */
.server-button.has-icon{
  border:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.server-button.has-icon:hover{
  background-color:transparent!important;
  box-shadow:none!important;
  transform:scale(1.045);
}
.server-button.has-icon.active{
  border:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
/* Aktiver Server wird nur über den seitlichen Marker signalisiert, nicht über einen Kasten. */
.server-button.has-icon.active::before{
  left:-10px;
  top:12px;
  width:4px;
  height:24px;
  border-radius:0 4px 4px 0;
  background:var(--orange)!important;
  box-shadow:0 0 10px rgba(249,115,22,.55);
}
/* Vorschau in Serverprofil: hochgeladenes Icon ebenfalls ohne dicken Rahmen/Kasten. */
.guild-icon-preview.has-icon{
  border:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
/* Fallback mit Initialen darf weiter eine Fläche besitzen. */
.guild-icon-preview:not(.has-icon){
  border:1px solid #ffffff1a!important;
  background:linear-gradient(145deg,#2b2c31,#1d1e22)!important;
  box-shadow:0 8px 22px #0006;
}


/* WarDrix 1.2.5 – Server Header Icon Fix */
.server-brand{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;position:relative;overflow:visible;background:transparent!important;border:0!important;box-shadow:none!important}
.server-brand img{width:44px;height:44px;object-fit:contain;display:block;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
.server-brand #serverBrandFallback{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#2c2c31;color:#fff;font-weight:800;font-size:13px;letter-spacing:.03em;border:1px solid #ffffff10}
.server-brand #serverBrandFallback.hidden,.server-brand img.hidden{display:none!important}
@media(max-width:760px){.server-brand{width:36px;height:36px;flex-basis:36px}.server-brand img{width:36px;height:36px}.server-brand #serverBrandFallback{width:34px;height:34px}}


/* WarDrix 1.2.6 – Clipboard Screenshots */
.file-preview{align-items:stretch;padding:8px;gap:8px;background:#1f2024;border:1px solid #ffffff18;border-bottom:0}
.pending-file{position:relative;display:flex;align-items:center;gap:8px;min-width:180px;max-width:320px;min-height:52px;padding:7px 34px 7px 8px;background:#292b30;border:1px solid #ffffff18;border-radius:10px;color:#fff}
.pending-file.pending-image{width:210px;min-height:96px;align-items:flex-end;overflow:hidden;background:#17181b}
.pending-file.pending-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}
.pending-file.pending-image::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101114e8)}
.pending-file-meta{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column}
.pending-file-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pending-file-meta small{font-size:10px;color:#d5d5d9;margin-top:2px}
.pending-file-remove{position:absolute;z-index:3;right:6px;top:6px;width:24px;height:24px;border-radius:50%;border:1px solid #ffffff20;background:#111114cc;color:#fff;padding:0}
.pending-file-remove:hover{background:#f97316;border-color:#fb923c}

/* WarDrix 1.3.0 – Emoji Picker, Kategorien & Schriftarten */
.channel-tree-toolbar{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:5px;padding:10px 8px 6px;position:sticky;top:0;z-index:6;background:linear-gradient(#25252af5,#25252ade)}
.channel-tree-toolbar button{border:1px solid #ffffff14;background:#17181c;color:#eee;border-radius:7px;padding:7px 5px;font-size:10px;white-space:nowrap}.channel-tree-toolbar button:hover{border-color:#f9731688;background:#f9731612}
.category-tree{padding-bottom:10px}.loose-section-head{padding-top:12px}.channel-category{margin-top:9px}.category-head{height:31px;padding:0 7px 0 6px;display:flex;align-items:center;gap:2px}.category-toggle{width:20px;flex:0 0 20px;border:0;background:transparent;color:#aaa;padding:0;font-size:12px}.category-label{flex:1;min-width:0;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#d9d9de;text-align:left;padding:4px 2px}.category-label strong{font-size:10.5px;letter-spacing:.055em;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-emoji{width:17px;text-align:center;color:#fdba74}.category-actions{display:flex;align-items:center;gap:1px}.category-actions button{width:24px;height:24px;padding:0;border:0;background:transparent;color:#c8c8ce;border-radius:5px}.category-actions button:hover{background:#ffffff0f;color:#fff}.channel-category.collapsed .category-channel-list{display:none}.category-unread{height:18px;min-width:24px;padding:0 6px;font-size:10px;margin-left:auto;margin-right:3px}.category-channel-list{padding-left:11px;border-left:1px solid #ffffff0e;margin-left:12px}.category-channel-list .channel-item,.category-channel-list .voice-item{padding-left:7px}

.emoji-plus-btn,.emoji-select-btn{position:relative;display:grid;place-items:center;border:1px solid #ffffff17;background:#202126;color:#fff;border-radius:8px;flex:0 0 auto}.emoji-plus-btn{width:38px;height:38px;font-size:18px}.emoji-plus-btn span,.emoji-select-btn small{position:absolute;right:2px;bottom:0;font-size:10px;color:#fdba74;font-weight:900}.emoji-plus-btn:hover,.emoji-select-btn:hover{border-color:#f973168f;background:#f9731615}.emoji-select-btn{width:50px;height:50px;font-size:24px}
.picker-popover{position:fixed;z-index:999;width:360px;max-width:calc(100vw - 16px);height:430px;max-height:calc(100vh - 16px);background:#191a1f;border:1px solid #ffffff1c;border-radius:13px;box-shadow:0 20px 70px #000c;overflow:hidden;padding:10px;display:grid;grid-template-rows:auto auto auto 1fr;gap:8px}.picker-popover.hidden{display:none!important}.picker-head{display:flex;align-items:center;justify-content:space-between}.picker-head button{border:0;background:transparent;color:#ddd;font-size:16px}.picker-popover>input{padding:9px 10px;border-radius:8px;background:#101115;border:1px solid #ffffff14}.emoji-tabs{display:flex;gap:3px;overflow:auto;padding-bottom:2px}.emoji-tabs button{flex:0 0 31px;width:31px;height:31px;border:0;background:transparent;border-radius:7px;font-size:17px}.emoji-tabs button:hover,.emoji-tabs button.active{background:#f9731625;box-shadow:inset 0 -2px 0 var(--orange)}.emoji-grid{overflow:auto;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:39px;gap:2px;align-content:start;padding:2px}.emoji-grid button{border:0;background:transparent;border-radius:7px;font-size:22px;padding:0}.emoji-grid button:hover{background:#ffffff12;transform:scale(1.12)}.emoji-grid>small{grid-column:1/-1;color:#aaa;padding:12px}

.channel-editor-dialog{width:min(620px,calc(100vw - 28px))}.channel-editor-dialog header,.font-picker-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.channel-editor-dialog header h3,.font-picker-dialog header h3{margin:0}.channel-editor-dialog header p,.font-picker-dialog header p{margin:3px 0 0;color:#bbb;font-size:11px}.channel-editor-dialog header>button,.font-picker-dialog header>button{border:0;background:transparent;color:#ddd;font-size:17px}.channel-editor-name-row{display:flex;align-items:flex-end;gap:9px;margin-top:14px}.channel-editor-name-row label{margin:0}.font-select-btn{height:50px;min-width:150px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid #ffffff17;background:#202126;color:#fff;border-radius:8px;padding:7px 10px}.font-select-btn:hover{border-color:#f9731688}.font-select-btn span{font-size:12px}.font-select-btn small{font-size:9px;color:#bbb;margin-top:2px}.channel-editor-preview{margin-top:11px;padding:10px;border-radius:9px;background:#17181c;border:1px solid #ffffff10}.channel-editor-preview>small{display:block;font-size:9px;color:#999;margin-bottom:6px;letter-spacing:.08em}.channel-editor-preview>div{height:38px;border-radius:7px;background:#ffffff09;display:flex;align-items:center;gap:9px;padding:0 11px}.channel-editor-preview #channelPreviewIcon{color:#fdba74}.channel-editor-preview strong{font-size:14px}

.font-picker-dialog{width:min(580px,calc(100vw - 28px))}.font-picker-list{max-height:55vh;overflow:auto;margin-top:12px;display:flex;flex-direction:column;gap:5px}.font-choice{display:grid;grid-template-columns:1fr 42px;gap:5px;border:1px solid #ffffff10;background:#191a1e;border-radius:9px;overflow:hidden}.font-choice.active{border-color:#f9731688;background:#f973160e}.font-choice-main{border:0;background:transparent;color:#fff;text-align:left;padding:9px 11px;display:flex;flex-direction:column}.font-choice-main strong{font-size:14px}.font-choice-main span{font-size:11px;color:#bbb;margin-top:3px}.font-star{border:0;border-left:1px solid #ffffff0e;background:#141519;color:#777;font-size:21px}.font-star.active{color:#f97316}.font-star:hover{background:#f9731610;color:#fb923c}

.channel-settings-actions{flex-wrap:wrap}.channel-settings-row.category-settings-row{background:#ffffff05;border-left:3px solid #f9731675}.settings-channel-icon{width:22px;text-align:center;color:#fdba74}.channel-settings-row .grow strong{font-size:13px}

@media(max-width:760px){.channel-tree-toolbar{grid-template-columns:1fr 1fr}.channel-tree-toolbar button:last-child{grid-column:1/-1}.emoji-grid{grid-template-columns:repeat(7,1fr)}.picker-popover{width:330px}.channel-editor-name-row{align-items:stretch;flex-wrap:wrap}.channel-editor-name-row .grow{flex-basis:calc(100% - 62px)}.font-select-btn{width:100%}.category-channel-list{padding-left:6px;margin-left:8px}}


/* WarDrix 1.3.1 – Live Font Preview */
#channelCreateName{font-size:14px;line-height:1.2;transition:font-family .08s ease}
.channel-editor-name-row .grow input#channelCreateName{font-weight:500}


/* WarDrix 1.3.2 – Emoji Picker Overlay Fix */
#emojiPicker.picker-popover{margin:0!important;inset:auto!important;position:fixed!important;z-index:2147483647!important;color:#fff;box-sizing:border-box}
#emojiPicker.picker-popover[open]{display:grid!important}
#emojiPicker.picker-popover::backdrop{background:transparent!important;backdrop-filter:none!important}
#emojiPicker.picker-popover.hidden{display:none!important}


/* WarDrix 1.3.3 – Caps & Compact Fonts */
.font-choice-main strong,.font-choice-main span{transform-origin:left center}
.channel-item .name,.voice-item .name,.category-label strong{line-height:1.12}


/* WarDrix 1.3.4 – Emoji entfernen */
.emoji-clear-btn{width:100%;border:1px solid #f973164d;background:#f9731614;color:#fdba74;border-radius:8px;padding:8px 10px;text-align:left;font-weight:700}
.emoji-clear-btn:hover{background:#f9731628;border-color:#f9731680;color:#fff}
.emoji-clear-btn.hidden{display:none!important}
#emojiPicker.picker-popover:has(.emoji-clear-btn:not(.hidden)){grid-template-rows:auto auto auto auto 1fr}


/* WarDrix 1.3.5 – Channel Editor Plus */
.channel-editor-name-row{display:grid;grid-template-columns:50px minmax(150px,1fr) minmax(145px,180px) 84px;align-items:end;gap:9px}
.font-size-select{margin:0;font-size:10px;color:#d0d0d5}
.font-size-select select{height:50px;margin-top:4px;padding:0 8px;background:#202126;border:1px solid #ffffff17}
.emoji-select-btn.emoji-placeholder #channelEmojiPreview{filter:grayscale(1) saturate(0);opacity:.72}
.emoji-select-btn.emoji-placeholder{background:#202126;border-color:#ffffff18}
.channel-dialog-actions .channel-delete-btn{margin-right:auto;background:#fb71851f;border-color:#fb718566;color:#fecdd3}
.channel-editor-name-row #channelCreateName{min-height:50px}
@media(max-width:760px){.channel-editor-name-row{grid-template-columns:50px minmax(0,1fr) 80px}.font-select-btn{grid-column:1/-1;width:100%}.font-size-select{grid-column:3}.channel-editor-name-row .grow{grid-column:2}.emoji-select-btn{grid-column:1}}


/* WarDrix 1.3.6 – cleaner server header and icon handling */
.server-header{background:#1a1a1ecc!important;background-image:none!important}
.server-header.has-banner{background:#1a1a1ecc!important;background-image:none!important}
.server-title small:empty{display:none!important}
.server-button.has-icon{border:none!important;outline:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:0!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}
.server-button.has-icon:hover,.server-button.has-icon.active{background-color:transparent!important;box-shadow:none!important;border-radius:0!important}
.server-button.has-icon::after{display:none!important}
.guild-icon-preview.has-icon{border:none!important;outline:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:0!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}
.guild-icon-preview.has-icon::after{display:none!important}


/* WarDrix 1.3.7 – category consistency + centered favorite stars */
.loose-section-head{display:none!important}
.virtual-category{margin-top:9px}
.virtual-category .category-head{height:31px;padding:0 7px 0 6px;display:flex;align-items:center;gap:2px}
.virtual-category .category-label strong{font-size:10.5px;letter-spacing:.055em;font-weight:700;color:#d9d9de}
.virtual-category .category-channel-list{padding-left:11px;border-left:1px solid #ffffff0e;margin-left:12px}
.font-choice{align-items:stretch}
.font-star{display:grid!important;place-items:center!important;align-self:stretch!important;justify-self:stretch!important;padding:0!important;margin:0!important;min-height:100%!important;line-height:1!important;font-family:Arial,sans-serif!important}
.font-star.active{display:grid!important;place-items:center!important}
\n\n/* WarDrix 1.3.8 – Font field polish */
.channel-editor-name-row{grid-template-columns:50px minmax(150px,1fr) minmax(180px,210px) 84px}
.font-select-field{margin:0!important;font-size:10px;color:#d0d0d5;min-width:0}
.font-select-field .font-select-btn{width:100%;height:50px;margin-top:4px;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:0 10px}
.font-select-field .font-select-btn #channelFontPreview{font-size:10.5px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;font-weight:600}
.font-select-field .font-select-caret{font-size:9px;color:#aaa;flex:0 0 auto}
.font-select-field .font-select-btn small{display:none!important}
@media(max-width:760px){.font-select-field{grid-column:1/-1}.font-select-field .font-select-btn{width:100%}}


/* WarDrix 1.3.9 – Global Scroll & Dialog Layout Fix
   Jeder Dialog muss in kleinen und großen Viewports vollständig bedienbar bleiben. */

/* Einheitliche, dezente Scrollbars in allen WarDrix-Fenstern. */
*{scrollbar-width:thin;scrollbar-color:#6b6d73 #191a1e}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#191a1e;border-radius:999px}
*::-webkit-scrollbar-thumb{background:#5d6067;border:2px solid #191a1e;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#f97316}

/* Normale Dialoge scrollen intern, sobald sie höher als das Fenster werden. */
.dialog-card{
  max-height:calc(100dvh - 28px);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Große Servereinstellungen bekommen einen festen Viewport-Rahmen.
   Nur Navigation und Inhaltsbereich scrollen – nicht das komplette Fenster. */
#serverSettingsDialog{
  width:100vw;
  height:100dvh;
  max-width:100vw;
  max-height:100dvh;
  margin:0;
  padding:12px;
  overflow:hidden;
}
#serverSettingsDialog[open]{display:grid;place-items:center}
#serverSettingsDialog .settings-dialog{
  width:min(1000px,100%);
  height:min(760px,calc(100dvh - 24px));
  max-height:calc(100dvh - 24px);
  min-height:0;
  overflow:hidden;
}
.settings-nav{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.settings-content{
  min-height:0;
  overflow:hidden;
}
.settings-content>header{
  min-height:60px;
  position:relative;
  z-index:3;
  background:#202025fa;
}
.settings-body{
  min-height:0;
  height:100%;
  overflow-y:auto!important;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-bottom:36px;
}

/* Besonders lange Fenster: Inhalte bleiben scrollbar und Buttons erreichbar. */
.profile-editor-dialog,
.crop-dialog,
.member-dialog,
.presence-dialog,
.notification-dialog,
.blocked-dialog,
.channel-editor-dialog,
.font-picker-dialog,
.user-dialog{
  max-height:calc(100dvh - 28px)!important;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Listen innerhalb von Dialogen dürfen selbst scrollen, ohne das Fenster zu sprengen. */
.role-checks,
.font-picker-list,
.blocked-users-list,
.emoji-grid{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Formfelder sollen sich niemals breiter als ihr Fenster drücken. */
.dialog-card input,
.dialog-card textarea,
.dialog-card select,
.settings-body input,
.settings-body textarea,
.settings-body select{
  max-width:100%;
  min-width:0;
}
textarea{resize:vertical}

/* Auf kleinen Displays mehr Platz für den eigentlichen Inhalt. */
@media(max-width:760px), (max-height:700px){
  #serverSettingsDialog{padding:6px}
  #serverSettingsDialog .settings-dialog{
    width:100%;
    height:calc(100dvh - 12px);
    max-height:calc(100dvh - 12px);
  }
  .dialog-card{
    max-height:calc(100dvh - 12px)!important;
  }
  .settings-body{padding:14px;padding-bottom:28px}
}


/* WarDrix 1.4.0 – editierbare Standardbereiche */
.virtual-category .category-actions{display:flex;align-items:center;gap:2px}
.virtual-category .category-actions button{display:grid;place-items:center}


/* WarDrix 1.4.1 – Farben, Paletten & getrennte Standardgrößen */
.channel-color-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.channel-color-row label{margin:0;font-size:10px;color:#d0d0d5}.color-select-btn{width:100%;height:42px;margin-top:4px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #ffffff17;background:#202126;color:#fff;border-radius:8px;text-align:left}.color-select-btn:hover{border-color:#f9731688}.color-swatch{width:20px;height:20px;border-radius:6px;flex:0 0 20px;border:1px solid #ffffff30;box-shadow:inset 0 0 0 1px #0004}.color-swatch.default{background:linear-gradient(135deg,#f4f4f5 0 45%,#999 45% 55%,#24252a 55%)}.color-swatch.transparent{background:linear-gradient(45deg,#777 25%,transparent 25% 75%,#777 75%),linear-gradient(45deg,#777 25%,#333 25% 75%,#777 75%);background-size:8px 8px;background-position:0 0,4px 4px}.color-picker-dialog{width:min(520px,calc(100vw - 24px))}.color-picker-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.color-picker-dialog header h3{margin:0}.color-picker-dialog header p{margin:3px 0 0;color:#bbb;font-size:11px}.color-picker-dialog header>button{border:0;background:transparent;color:#ddd;font-size:17px}.color-picker-main{display:grid;grid-template-columns:86px 1fr 72px;gap:12px;align-items:end;margin-top:14px}.native-color-picker{width:86px;height:76px;padding:3px;border:1px solid #ffffff1c;border-radius:9px;background:#17181c}.color-value-fields>label,.rgb-grid label{font-size:10px;color:#cfcfd5}.color-value-fields input,.rgb-grid input{margin-top:4px}.rgb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.color-preview-box{height:76px;border-radius:10px;border:1px solid #ffffff1c;background:#f97316}.color-palette-section{margin-top:14px;padding:11px;border-radius:10px;background:#17181c;border:1px solid #ffffff10}.color-palette-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-palette-head button{padding:6px 9px}.color-favorite-palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;min-height:30px;align-items:center}.color-favorite-chip{position:relative;width:32px;height:32px;border-radius:9px;border:2px solid #ffffff2c;padding:0}.color-favorite-chip:hover{transform:scale(1.06);border-color:#fff}.color-favorite-chip span{position:absolute;right:-6px;top:-7px;width:16px;height:16px;border-radius:50%;display:none;place-items:center;background:#17181c;color:#fff;font-size:11px;border:1px solid #ffffff22}.color-favorite-chip:hover span{display:grid}.category-head.has-custom-background{border-radius:7px;margin:0 4px;padding-left:5px;padding-right:5px}.channel-item.has-custom-background,.voice-item.has-custom-background{box-shadow:none}.channel-item.has-custom-background:hover,.voice-item.has-custom-background:hover{filter:brightness(1.08)}
@media(max-width:760px){.channel-color-row{grid-template-columns:1fr}.color-picker-main{grid-template-columns:72px 1fr}.color-preview-box{grid-column:1/-1;height:52px}.native-color-picker{width:72px}}


/* WarDrix 1.4.2 – Color Picker feedback */
#saveColorFavoriteBtn{background:#202126!important;color:#fff!important;border:1px solid #f9731666!important}
#saveColorFavoriteBtn:hover{background:#f973161a!important;border-color:#f97316!important}


/* WarDrix 1.4.3 – Interaction hotfix */
.profile-side-close{z-index:1000!important;pointer-events:auto!important;cursor:pointer!important}
.profile-side-close *{pointer-events:none!important}
.header-notify{position:relative!important;z-index:30!important;pointer-events:auto!important;cursor:pointer!important}
.profile-sidebar.hidden{display:none!important;pointer-events:none!important}


/* WarDrix 1.4.4 – Farbstärke / Deckkraft */
.color-opacity-row{margin-top:12px;padding:10px 11px;border:1px solid #ffffff10;border-radius:10px;background:#17181c}.color-opacity-row label{display:flex;align-items:center;justify-content:space-between;color:#d7d7dd;font-size:11px;margin-bottom:7px}.color-opacity-row strong{color:#fdba74}.color-opacity-row input[type=range]{width:100%;accent-color:#f97316;cursor:pointer}.color-preview-box{background-image:linear-gradient(45deg,#3a3b40 25%,transparent 25% 75%,#3a3b40 75%),linear-gradient(45deg,#3a3b40 25%,#232429 25% 75%,#3a3b40 75%);background-size:12px 12px;background-position:0 0,6px 6px}


/* WarDrix 1.4.5 – save opacity in color favorites */
.color-favorite-chip{overflow:visible;position:relative}
.color-favorite-chip .color-favorite-opacity{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);padding:1px 5px;border-radius:999px;background:#111114cc;border:1px solid #ffffff18;color:#fff;font-size:9px;line-height:1.2;pointer-events:none;box-shadow:0 2px 6px #0004}
.color-favorite-palette{padding-bottom:10px}


/* WarDrix 1.4.7 – mirrored channel tree + drag & drop ordering */
.channel-order-card{padding:14px 14px 18px}.channel-order-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.channel-order-title h4{margin:0 0 5px}.channel-order-title p{margin:0;color:#bfc0c7;font-size:12px;line-height:1.45}.drag-help{font-size:10px;color:#fdba74;border:1px solid #f9731644;background:#f9731612;border-radius:999px;padding:5px 8px;white-space:nowrap}.settings-channel-tree{display:flex;flex-direction:column;gap:7px;border:1px solid #ffffff0f;background:#12131880;border-radius:12px;padding:8px}.settings-category-list{display:flex;flex-direction:column;gap:7px}.settings-tree-section{border-radius:9px;overflow:visible}.settings-tree-category-head,.settings-tree-channel{position:relative;display:grid;grid-template-columns:18px 20px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:40px;padding:5px 7px;border:1px solid transparent;border-radius:8px;color:#eee;background:#202126;transition:.12s}.settings-tree-category-head{grid-template-columns:18px 13px 20px minmax(0,1fr) auto;background:#1b1c21}.settings-tree-category-head.fixed-section{grid-template-columns:13px 20px minmax(0,1fr) auto}.settings-tree-category-head.fixed-section .drag-grip{display:none}.settings-tree-category-head strong,.settings-tree-channel strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-tree-channel .grow small{display:block;color:#aeb0b7;font-size:9px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-grip{font-size:12px;color:#74767e;letter-spacing:-3px;cursor:grab;user-select:none}.settings-tree-category-head[draggable=true],.settings-tree-channel[draggable=true]{cursor:grab}.settings-tree-category-head[draggable=true]:active,.settings-tree-channel[draggable=true]:active{cursor:grabbing}.tree-arrow{font-size:10px;color:#aeb0b7;text-align:center}.settings-tree-category-icon,.settings-channel-icon{width:20px;text-align:center;color:#fdba74}.settings-tree-actions{display:flex;align-items:center;gap:5px}.settings-tree-actions button{min-width:0;padding:5px 8px;border:1px solid #ffffff13;background:#292a30;border-radius:6px;font-size:10px;color:#e8e8ec}.settings-tree-actions .tree-more{width:28px;padding:5px 0;font-size:15px;line-height:1}.settings-tree-children{display:flex;flex-direction:column;gap:3px;margin:3px 0 0 18px;padding:2px 0 2px 9px;border-left:1px solid #ffffff13;min-height:8px;border-radius:0 0 0 6px}.settings-tree-channel{background:#1d1e23;min-height:38px}.settings-tree-channel:hover,.settings-tree-category-head:hover{border-color:#ffffff12;background:#25262c}.settings-tree-empty{padding:8px 10px;border:1px dashed #ffffff15;border-radius:7px;color:#777a83;font-size:10px;text-align:center}.is-dragging{opacity:.35!important}.drop-before::before,.drop-after::after{content:"";position:absolute;z-index:8;left:4px;right:4px;height:3px;background:#f97316;border-radius:999px;box-shadow:0 0 10px #f9731688}.drop-before::before{top:-4px}.drop-after::after{bottom:-4px}.settings-tree-children.drop-inside{background:#f9731610;outline:1px dashed #f9731688;outline-offset:2px}.channel-order-dragging *{user-select:none}.channel-order-dragging .settings-tree-actions{pointer-events:none}
@media(max-width:760px){.channel-order-title{flex-direction:column}.settings-tree-category-head,.settings-tree-channel{grid-template-columns:16px 18px minmax(0,1fr) auto}.settings-tree-category-head{grid-template-columns:16px 12px 18px minmax(0,1fr) auto}.settings-tree-actions button:not(.tree-more){display:none}}


/* WarDrix 1.4.8 – Fixed Chat Viewport
   Die Anwendung bleibt exakt in der Fensterhöhe.
   Nur die dafür vorgesehenen Bereiche scrollen intern. */
html,
body{
  width:100%;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none;
}

#appView.app{
  width:100vw;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  grid-template-rows:minmax(0,1fr);
  overflow:hidden!important;
}

#appView > .server-rail,
#appView > .channel-sidebar,
#appView > .chat-main,
#appView > .member-sidebar{
  min-height:0!important;
  height:100%;
  max-height:100%;
}

/* Linke Serverleiste: nur die Serverliste selbst darf vertikal scrollen. */
.server-rail{
  min-height:0!important;
  max-height:100dvh!important;
}
.server-list{
  flex:1 1 auto;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
}

/* Kanalspalte bleibt im Viewport; die innere Liste scrollt. */
.channel-sidebar{
  overflow:hidden!important;
}
.server-header,
.voice-dock,
.user-panel{
  flex:0 0 auto;
}
.sidebar-scroll{
  flex:1 1 auto;
  min-height:0!important;
  max-height:100%;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
}

/* Der Chat selbst darf niemals die Seite höher machen. */
.chat-main{
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  grid-template-rows:58px minmax(0,1fr) auto auto!important;
}
.chat-header,
.reply-bar,
.composer{
  min-height:0;
}
.messages{
  min-height:0!important;
  height:auto!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Mitgliederliste scrollt ebenfalls nur innerhalb ihrer Spalte. */
.member-sidebar{
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
}
.member-header{
  flex:0 0 auto;
}
#memberList{
  flex:1 1 auto;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
}

/* Kein Grid-/Flex-Kind darf den Viewport wegen seines Inhalts aufdrücken. */
.app > *,
.chat-main > *,
.channel-sidebar > *{
  min-width:0;
}

/* Auf kleineren Fenstern gilt dieselbe feste Höhe. */
@media(max-width:760px){
  #appView.app,
  .channel-sidebar,
  .chat-main{
    max-height:100dvh!important;
  }
}


/* WarDrix 1.4.9 – Full Structure Control */
.settings-tree-category-head.fixed-section{
  grid-template-columns:18px 13px 20px minmax(0,1fr) auto!important;
}
.settings-tree-category-head.fixed-section .drag-grip{
  display:block!important;
}
.settings-tree-category-head.movable-section{
  cursor:grab;
}
.settings-tree-category-head.movable-section:active{
  cursor:grabbing;
}

/* Klarer, neutraler Plus-Button statt weißem/farbflächenartigem Feld */
.settings-tree-actions .tree-add-btn{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ffffff18!important;
  border-radius:6px!important;
  background:#292a30!important;
  color:#f3f3f5!important;
  box-shadow:none!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1!important;
}
.settings-tree-actions .tree-add-btn:hover{
  border-color:#f9731688!important;
  background:#33343a!important;
  color:#fff!important;
}

/* Top-Level-Blöcke können nun alle gegeneinander verschoben werden */
.settings-top-block{
  position:relative;
}
.settings-top-block.drop-before::before,
.settings-top-block.drop-after::after{
  content:"";
  position:absolute;
  z-index:12;
  left:4px;
  right:4px;
  height:3px;
  border-radius:999px;
  background:#f97316;
  box-shadow:0 0 10px #f9731688;
}
.settings-top-block.drop-before::before{top:-5px}
.settings-top-block.drop-after::after{bottom:-5px}


/* WarDrix 1.5.0 – Pins + Mobile */
.header-action-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff1a;background:#11111499;color:#fff;border-radius:8px;padding:7px 10px;font-size:13px;line-height:1}
.header-action-btn:hover{border-color:#f9731688;background:#17171bcc}
.mobile-only{display:none}
.pinned-dialog{width:min(720px,calc(100vw - 28px));max-height:min(80vh,760px);display:flex;flex-direction:column}
.pinned-list{display:grid;gap:10px;overflow:auto;min-height:120px;max-height:min(60vh,520px);padding-right:4px}
.pinned-empty{display:grid;gap:6px;place-items:start;border:1px dashed #ffffff20;border-radius:10px;padding:18px;background:#11111440;color:#e5e7eb}
.pinned-empty small{color:#c4c4cc}
.pinned-item{border:1px solid #ffffff16;background:#1111146f;border-radius:12px;padding:12px}
.pinned-item-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.pinned-item-head strong{font-size:14px}
.pinned-item-head span{font-size:11px;color:#c4c4cc}
.pinned-item-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#f5f5f7;line-height:1.45}
.pinned-item-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.pinned-item-actions button{border:1px solid #ffffff15;background:#ffffff09;border-radius:8px;padding:8px 11px;color:#fff}
.message-flash{animation:messageFlash 1.8s ease}
@keyframes messageFlash{0%{background:#f9731640}100%{background:transparent}}

@media(max-width:760px){
  .mobile-only{display:inline-grid;place-items:center}
  .chat-header{gap:7px;position:relative;z-index:5}
  .header-action-btn{padding:7px 8px;font-size:12px}
  .header-action-btn span{display:none}
  .channel-sidebar{
    left:58px!important;
    width:min(285px,calc(100vw - 58px))!important;
    transform:translateX(-112%);
    transition:transform .2s ease;
    z-index:80;
    box-shadow:12px 0 30px #0008;
  }
  #appView.mobile-nav-open .channel-sidebar{transform:translateX(0)}
  .member-sidebar{
    display:flex!important;
    position:absolute;
    right:0; top:0; bottom:0;
    width:min(285px,calc(100vw - 58px));
    transform:translateX(112%);
    transition:transform .2s ease;
    z-index:85;
    box-shadow:-12px 0 30px #0008;
    background:#22242aed;
  }
  #appView.mobile-members-open .member-sidebar{transform:translateX(0)}
  #appView.mobile-nav-open .chat-main::before,
  #appView.mobile-members-open .chat-main::before{
    content:"";
    position:absolute;
    inset:0;
    background:#00000080;
    z-index:4;
  }
  .chat-main{position:relative}
  .messages{scrollbar-gutter:auto}
  .pinned-dialog{width:min(96vw,720px);max-height:86vh}
  .settings-dialog{width:min(100vw - 10px,1000px);height:min(100dvh - 10px,720px);grid-template-columns:140px minmax(0,1fr)}
}


/* WarDrix 1.5.1 – Owner Message Tools */
.owner-message-tools-btn{border-color:#fb923c55}
.owner-message-tools-dialog{width:min(560px,calc(100vw - 28px))}
.owner-tool-list{display:grid;gap:10px;margin-top:16px}
.owner-tool-list>button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;text-align:left;border:1px solid #ffffff18;background:#11111466;border-radius:11px;padding:12px;color:#fff}
.owner-tool-list>button:hover{border-color:#f9731688;background:#17171ba8}
.owner-tool-list>button.owner-tool-danger:hover{border-color:#fb718588;background:#fb718514}
.owner-tool-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#ffffff0a;font-size:21px}
.owner-tool-list strong,.owner-tool-list small{display:block}
.owner-tool-list small{color:#c4c4cc;margin-top:3px;line-height:1.35}

.message-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #f9731660;background:#17171bf2;border-radius:10px;padding:10px 11px}
.message-selection-bar>div:first-child{min-width:0}
.message-selection-bar strong,.message-selection-bar small{display:block}
.message-selection-bar small{font-size:10px;color:#c4c4cc;margin-top:2px}
.message-selection-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.message-selection-actions button{border:1px solid #ffffff18;background:#ffffff0a;border-radius:7px;padding:7px 9px;color:#fff}
.message-selection-actions .danger-button{background:#9f1239;border-color:#fb718555}
.message-selection-actions button:disabled{opacity:.4;cursor:not-allowed}

.composer.message-select-mode .composer-tabs,
.composer.message-select-mode .code-meta,
.composer.message-select-mode .file-preview,
.composer.message-select-mode .composer-row,
.composer.message-select-mode .composer-help{display:none!important}

.message.selectable-message{grid-template-columns:28px 44px minmax(0,1fr);cursor:pointer}
.message-select-box{width:22px;height:22px;align-self:start;margin-top:8px;border:1px solid #ffffff35;border-radius:6px;background:#11111488;color:#fff;display:grid;place-items:center;font-weight:800;padding:0}
.message.selectable-message:hover .message-select-box{border-color:#fb923c}
.message.message-selected{background:#f9731624!important;box-shadow:inset 3px 0 0 #f97316}
.message.message-selected .message-select-box{background:#f97316;border-color:#fb923c}

@media(max-width:760px){
  .owner-message-tools-btn span{display:none}
  .message-selection-bar{align-items:stretch;flex-direction:column}
  .message-selection-actions{justify-content:stretch}
  .message-selection-actions button{flex:1 1 auto}
  .message.selectable-message{grid-template-columns:25px 36px minmax(0,1fr)}
  .message.selectable-message>.avatar{width:34px;height:34px}
}


/* WarDrix 1.5.2 – echter iPhone/Mobile-Viewport
   Auf dem Handy belegt ausschließlich der Chat den normalen Viewport.
   Server- und Channelleiste existieren nur noch als ausfahrbares Drawer-Menü. */
@media(max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  #appView.app{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    overflow:hidden!important;
    position:relative;
  }

  /* Chat nutzt im geschlossenen Zustand wirklich 100 % der iPhone-Breite. */
  #appView>.chat-main{
    grid-column:1!important;
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
  }

  /* Die linke Serverleiste darf mobil keinen festen 58px-Rand mehr reservieren. */
  #appView>.server-rail{
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:58px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:92!important;
    transform:translateX(-100%)!important;
    transition:transform .2s ease!important;
    overflow:hidden!important;
    padding:8px 5px!important;
    box-shadow:none!important;
  }

  #appView>.server-rail .server-list{
    width:48px!important;
    max-width:48px!important;
    margin:0!important;
    padding:4px 0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }

  #appView>.server-rail .rail-logo,
  #appView>.server-rail .server-button,
  #appView>.server-rail .server-add{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    overflow:hidden!important;
  }

  /* Channel-/DM-Spalte liegt vollständig links außerhalb des Viewports. */
  #appView>.channel-sidebar{
    position:absolute!important;
    left:58px!important;
    top:0!important;
    bottom:0!important;
    width:calc(100vw - 58px)!important;
    max-width:330px!important;
    height:100dvh!important;
    z-index:91!important;
    transform:translateX(calc(-100% - 58px))!important;
    transition:transform .2s ease!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  /* Erst nach Klick auf ☰ werden beide Teile gemeinsam sichtbar. */
  #appView.mobile-nav-open>.server-rail{
    transform:translateX(0)!important;
    box-shadow:8px 0 24px #0007!important;
  }
  #appView.mobile-nav-open>.channel-sidebar{
    transform:translateX(0)!important;
    box-shadow:12px 0 30px #0008!important;
  }

  /* Kein Icon/Badge kann im geschlossenen Zustand aus dem Drawer herausragen. */
  #appView:not(.mobile-nav-open)>.server-rail,
  #appView:not(.mobile-nav-open)>.channel-sidebar{
    pointer-events:none!important;
  }

  /* Mitglieder sind ebenfalls ein echtes Offcanvas-Panel. */
  #appView>.member-sidebar{
    display:flex!important;
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:0!important;
    bottom:0!important;
    width:min(310px,88vw)!important;
    max-width:88vw!important;
    height:100dvh!important;
    z-index:94!important;
    transform:translateX(105%)!important;
    transition:transform .2s ease!important;
    box-shadow:none!important;
  }
  #appView.mobile-members-open>.member-sidebar{
    transform:translateX(0)!important;
    box-shadow:-12px 0 30px #0008!important;
  }

  /* Overlay beginnt über dem ganzen Chat, nicht erst rechts neben einer alten Grid-Spalte. */
  #appView.mobile-nav-open>.chat-main::before,
  #appView.mobile-members-open>.chat-main::before{
    z-index:70!important;
  }

  /* Header auf kleinen Geräten kompakter. */
  .chat-header{
    min-width:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
    gap:6px!important;
  }
  .chat-title{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .chat-title strong{
    font-size:15px!important;
  }
  .chat-title small{
    font-size:10px!important;
  }
  .channel-glyph{
    font-size:21px!important;
  }
  #mobileSidebarBtn,
  #mobileMembersBtn,
  #notificationSettingsBtn,
  #pinnedMessagesBtn,
  #ownerMessageToolsBtn{
    flex:0 0 auto!important;
  }
  .header-action-btn{
    min-width:38px!important;
    height:38px!important;
    justify-content:center!important;
    padding:0 8px!important;
  }

  /* Chat und Eingabe sauber innerhalb des mobilen Viewports. */
  .messages{
    width:100%!important;
    min-width:0!important;
    padding-bottom:4px;
  }
  .composer{
    width:100%!important;
    min-width:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  .composer-row{
    min-width:0!important;
  }
  .composer textarea{
    min-width:0!important;
    width:100%!important;
  }

  /* Einstellungsfenster auf echtem Smartphone nicht mehr zweispaltig quetschen. */
  .settings-dialog{
    width:calc(100vw - 10px)!important;
    height:calc(100dvh - 10px)!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .settings-nav{
    min-width:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:7px!important;
    border-right:0!important;
    border-bottom:1px solid #ffffff15!important;
    scrollbar-width:none;
  }
  .settings-nav::-webkit-scrollbar{display:none}
  .settings-nav h3,.settings-nav .settings-spacer{display:none!important}
  .settings-nav button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:7px 9px!important;
  }
  .settings-content{
    min-height:0!important;
  }
  .settings-body{
    padding:12px!important;
  }

  .profile-sidebar{
    width:100vw!important;
    max-width:100vw!important;
  }
}

/* Noch kleinere Telefone: nur die nötigsten Headerinfos zeigen. */
@media(max-width:390px){
  .chat-title small{display:none!important}
  .chat-header{gap:4px!important}
  .header-action-btn,
  #mobileSidebarBtn,
  #mobileMembersBtn,
  #notificationSettingsBtn{
    min-width:34px!important;
    width:34px!important;
    height:34px!important;
    padding:0!important;
    font-size:16px!important;
  }
  .channel-glyph{font-size:19px!important}
  .message{padding-left:8px!important;padding-right:8px!important}
  .message>.avatar{width:36px!important;height:36px!important}
}


/* WarDrix 1.5.3 – kompaktes Server-Einladungsfenster */
.server-invite-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:8px!important;flex:0 0 34px;transition:background .15s,border-color .15s;color:#f3f3f5!important}
.server-invite-btn:hover{background:#f9731620!important;box-shadow:inset 0 0 0 1px #f9731655}
.server-invite-btn svg{width:20px;height:20px;fill:currentColor;display:block}
.server-invite-dialog{width:min(500px,calc(100vw - 24px));padding:16px;overflow:hidden!important;display:flex;flex-direction:column;max-height:min(650px,calc(100dvh - 24px))!important}
.server-invite-dialog>header{flex:0 0 auto;align-items:flex-start;gap:12px}
.server-invite-dialog>header h3{font-size:19px;margin:0}
.server-invite-dialog>header p{font-size:11px;color:#bbb;margin:2px 0 0}
.server-invite-dialog>header>button{font-size:16px;padding:3px 6px;color:#ddd}
.invite-tabs{margin-top:12px;flex:0 0 auto}
.invite-tabs button{font-size:12px;padding:7px 8px;white-space:nowrap}
.server-invite-body{min-height:210px;max-height:430px;overflow:auto;margin-top:10px;padding-right:2px;overscroll-behavior:contain}
.invite-search-label{display:block;font-size:10px;color:#cfcfd4;margin:0 0 9px}
.invite-search-label input{margin-top:5px;background:#15161a;border:1px solid #ffffff17;padding:9px 10px}
.invite-user-list{display:grid;gap:4px}
.invite-user-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid #ffffff0f;border-radius:9px;background:#15161a99}
.invite-user-row:hover{border-color:#ffffff1d;background:#18191e}
.invite-user-row .avatar{width:34px;height:34px;font-size:12px}
.invite-user-info{min-width:0}.invite-user-info strong,.invite-user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-user-info strong{font-size:13px}.invite-user-info small{font-size:10px;color:#aaa;margin-top:2px}
.invite-user-row>button{min-width:88px;border:1px solid #ffffff18;background:#202126;border-radius:7px;padding:7px 9px;color:#eee;font-size:11px}
.invite-user-row>button.primary-soft{border-color:#f9731670;background:#f9731634;color:#fff}.invite-user-row>button.primary-soft:hover{background:#f9731650}
.invite-user-row>button:disabled{opacity:.55;cursor:default}
.invite-empty,.invite-loading{padding:24px 10px;text-align:center;color:#bbb;font-size:12px;border:1px dashed #ffffff13;border-radius:9px}
.invite-link-card{padding:12px;border:1px solid #ffffff10;border-radius:10px;background:#15161a99}.invite-link-card>p{margin:0 0 12px;color:#d7d7dc;font-size:12px;line-height:1.45}.invite-link-card label{font-size:10px;color:#cfcfd5}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:5px}.invite-link-row input{font-family:Consolas,monospace;font-size:11px;padding:9px;background:#101115}.invite-link-row button,.invite-link-actions button{border:1px solid #ffffff18;background:#202126;border-radius:7px;padding:8px 10px;color:#fff}.invite-link-actions{display:flex;justify-content:flex-end;margin-top:9px}.invite-link-card>small{display:block;color:#999;font-size:9px;margin-top:8px}
.guild-invite-avatar{border-radius:10px!important}.invite-mail-dot{font-size:15px;color:#fdba74;text-align:center}
@media(max-width:760px){.server-header{gap:7px}.server-invite-btn{width:32px;height:32px;flex-basis:32px}.server-invite-btn svg{width:19px;height:19px}.server-invite-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)!important;padding:13px}.invite-tabs{overflow-x:auto}.invite-tabs button{min-width:0}.server-invite-body{max-height:calc(100dvh - 150px)}.invite-user-row{grid-template-columns:34px minmax(0,1fr) auto;padding:7px;gap:7px}.invite-user-row>button{min-width:76px;padding:7px 6px}.invite-link-row{grid-template-columns:1fr}.invite-link-row button{width:100%}}

/* WarDrix 1.5.4 – Präsenz direkt auf DM-Avataren */
.dm-avatar-wrap{position:relative;display:inline-grid;place-items:center;flex:0 0 31px;width:31px;height:31px;overflow:visible}.dm-avatar-wrap>.avatar{width:31px;height:31px;margin:0}.dm-presence-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #25252a;box-sizing:content-box;z-index:3}.dm-item.active .dm-presence-dot{border-color:#2f3035}.dm-item:hover .dm-presence-dot{border-color:#292a2f}

/* WarDrix 1.5.5 – Registrierung: E-Mail + Passwortbestätigung */
.password-field{position:relative;display:block;margin-top:6px}
.password-field>input{width:100%;margin-top:0!important;padding-right:46px!important}
.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:34px;border:0;border-radius:7px;background:transparent;color:#d8d8dd;display:grid;place-items:center;font-size:16px;line-height:1}
.password-toggle:hover,.password-toggle:focus-visible{background:#ffffff10;color:#fff;outline:none}
.password-toggle.password-visible{background:#f9731620;color:#fdba74}
.auth-register-hint{display:block;margin:9px 1px 0;color:#b9b9c1;font-size:10.5px;line-height:1.35}
.auth-card label>.password-field{width:100%}

/* WarDrix 1.5.6–1.5.8 – Profilrahmen; 1.5.8 gibt der großen Profilvorschau zusätzlichen Freiraum unter dem Rahmen */
.avatar{position:relative;overflow:visible;isolation:isolate}
.avatar.avatar-framed::after{
  content:"";
  position:absolute;
  inset:-28%;
  background-image:var(--avatar-frame-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  pointer-events:none;
  user-select:none;
  z-index:4;
  filter:drop-shadow(0 2px 4px #0008);
  transform:translate(var(--avatar-frame-x,0%),var(--avatar-frame-y,0%)) scale(var(--avatar-frame-scale-x,1),var(--avatar-frame-scale-y,1));
  transform-origin:center;
}
.self-presence-dot,.dm-presence-dot{z-index:7!important}
.profile-side-avatar.avatar-framed::after{inset:-28%}
.profile-edit-avatar.avatar-framed::after{inset:-28%}
.profile-overlay-row{margin-top:14px!important}.profile-overlay-row button .material-symbols-rounded{font-size:18px;vertical-align:-4px;margin-right:5px}.profile-overlay-current{display:flex;align-items:center;gap:14px;min-height:78px;margin:8px 0 14px;padding:12px 14px;border:1px solid #ffffff14;border-radius:12px;background:#111116cc}.profile-overlay-current-avatar{width:58px!important;height:58px!important;margin:0 7px!important;flex:0 0 58px}.profile-overlay-current-copy{min-width:0}.profile-overlay-current-copy strong,.profile-overlay-current-copy small{display:block}.profile-overlay-current-copy strong{font-size:14px;color:#fff}.profile-overlay-current-copy small{margin-top:4px;color:#aaaab4;font-size:11px;line-height:1.35}.media-edit-row button:disabled{opacity:.42;cursor:not-allowed}.avatar-overlay-dialog{width:min(980px,calc(100vw - 28px));max-height:min(88vh,calc(var(--app-vh,1vh)*88));padding:0!important;overflow:hidden;display:flex;flex-direction:column;background:#111115!important}.avatar-overlay-dialog>header{padding:17px 20px 12px;border-bottom:1px solid #ffffff10;flex:0 0 auto}.avatar-overlay-dialog>header p{margin:4px 0 0;color:#aaaab4}.avatar-overlay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px 10px;flex:0 0 auto}.avatar-overlay-filters{display:flex;gap:7px;flex-wrap:wrap;min-width:0}.avatar-overlay-filter{border:1px solid #ffffff16!important;background:#19191f!important;color:#d5d5db!important;border-radius:999px!important;padding:8px 11px!important;font-size:11px!important;white-space:nowrap}.avatar-overlay-filter:hover{border-color:#f9731666!important;background:#202027!important}.avatar-overlay-filter.active{border-color:#f97316!important;background:#f9731618!important;color:#fdba74!important}.avatar-overlay-search{display:flex!important;align-items:center;gap:6px;width:min(260px,100%);margin:0!important;padding:0 10px;border:1px solid #ffffff18;border-radius:9px;background:#18181e;flex:0 0 auto}.avatar-overlay-search .material-symbols-rounded{font-size:19px;color:#888994}.avatar-overlay-search input{width:100%!important;margin:0!important;padding:9px 0!important;border:0!important;background:transparent!important;outline:0!important}.avatar-overlay-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 7px;color:#b6b6bf;font-size:11px}.avatar-overlay-meta strong{font-size:12px;color:#e7e7eb}.avatar-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}.avatar-overlay-gallery{margin:0;padding:4px 18px 18px;overflow:auto;min-height:0;flex:1;align-content:start}.avatar-frame-card{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:center;text-align:left;border:1px solid #ffffff14!important;background:#17171c!important;border-radius:11px!important;padding:12px 10px!important;transition:border-color .15s ease,background .15s ease,transform .15s ease}.avatar-frame-card:hover{background:#1d1d23!important;border-color:#ffffff2f!important;transform:translateY(-1px)}.avatar-frame-card.active{border-color:#f97316!important;box-shadow:0 0 0 1px #f9731644,inset 3px 0 0 #f97316;background:#f973160c!important}.avatar-frame-card-preview{grid-row:1 / span 2;width:58px!important;height:58px!important;font-size:16px!important;margin:7px 9px!important}.avatar-frame-card-text{min-width:0;align-self:end}.avatar-frame-card-text strong,.avatar-frame-card-text small{display:block}.avatar-frame-card-text strong{font-size:13px;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-frame-card-text small{font-size:10px;line-height:1.3;color:#aaaab4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.avatar-frame-state{align-self:start;justify-self:start;font-size:10px;color:#fdba74;background:#f9731618;border:1px solid #f9731638;border-radius:999px;padding:3px 7px}.avatar-frame-card.active .avatar-frame-state{background:#f97316;color:#fff;border-color:#f97316}.avatar-overlay-empty{grid-column:1/-1;padding:38px 16px;text-align:center;border:1px dashed #ffffff18;border-radius:12px;color:#8f9099;background:#15151a}.avatar-overlay-dialog>.dialog-actions{flex:0 0 auto;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff10;background:#111115}.avatar-overlay-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}@media(max-width:760px){.avatar-overlay-dialog{width:calc(100vw - 14px);max-height:calc(var(--app-height,100dvh) - 14px)}.avatar-overlay-toolbar{align-items:stretch;flex-direction:column;padding:11px 12px 8px}.avatar-overlay-search{width:100%}.avatar-overlay-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.avatar-overlay-filters::-webkit-scrollbar{display:none}.avatar-overlay-meta{padding:0 13px 7px}.avatar-overlay-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 10px 14px;gap:8px}.avatar-frame-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center;justify-items:center;padding:10px 7px!important}.avatar-frame-card-preview{grid-row:auto;width:66px!important;height:66px!important;margin:8px!important}.avatar-frame-card-text{align-self:auto;width:100%}.avatar-frame-state{justify-self:center}.profile-editor-preview{height:218px}.profile-edit-avatar{bottom:30px}}@media(max-width:390px){.avatar-overlay-gallery{grid-template-columns:1fr}.avatar-frame-card{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;justify-items:stretch}.avatar-frame-card-preview{grid-row:1/span 2;width:58px!important;height:58px!important}.avatar-frame-state{justify-self:start}}


/* WarDrix 1.5.9 – ServerTags */
.server-tag-badge{display:inline-flex!important;align-items:center;gap:4px;min-width:0;height:20px;padding:2px 7px!important;border:1px solid #ffffff1f!important;border-radius:6px!important;background:#303038!important;color:#f5f5f7!important;font-size:10px!important;font-weight:700!important;line-height:1!important;letter-spacing:.03em;vertical-align:middle;box-shadow:none!important;white-space:nowrap;cursor:pointer}.server-tag-badge:hover{background:#3b3b45!important;border-color:#f9731666!important}.server-tag-badge img,.server-tag-fallback,.server-tag-symbol,.server-tag-glyph{width:13px;height:13px;border-radius:4px;object-fit:cover;display:grid;place-items:center;flex:0 0 auto}.server-tag-symbol{font-size:13px!important;line-height:1!important;color:#f97316}.server-tag-glyph{font-size:12px!important;line-height:1!important;color:#f97316}.server-tag-fallback{background:#f973162c;color:#fdba74;font-size:8px}.server-tag-badge.preview{height:23px;font-size:11px!important}.server-tag-badge.preview .server-tag-symbol,.server-tag-badge.preview .server-tag-glyph{width:15px;height:15px;font-size:15px!important}.name-with-tag,.user-name-tag-row,.profile-side-name-line,.server-tag-preview-title{display:flex;align-items:center;gap:6px;min-width:0}.name-with-tag>strong,.user-name-tag-row>strong,.profile-side-name-line>h2,.server-tag-preview-title>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-meta .name-with-tag{max-width:100%}.dm-meta .server-tag-badge{height:17px;padding:1px 5px!important;font-size:9px!important;flex:0 0 auto}.member-info .name-with-tag{max-width:100%}.member-info .server-tag-badge{height:16px;padding:1px 5px!important;font-size:8px!important;flex:0 0 auto}.message-head .server-tag-badge{height:18px;padding:1px 6px!important;font-size:9px!important;flex:0 0 auto}.user-name-tag-row .server-tag-badge{height:17px;padding:1px 5px!important;font-size:8px!important;flex:0 0 auto}.profile-side-name-line{flex-wrap:wrap}.profile-side-name-line .server-tag-badge{height:21px}.
#sideProfileTagSlot{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.first-blood-badge{display:inline-flex!important;align-items:center;gap:4px;height:20px;padding:0 8px!important;border:1px solid #fb923c88!important;border-radius:999px!important;background:linear-gradient(135deg,#40110b 0%,#7c1e0f 52%,#f97316 120%)!important;color:#fff4ee!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #f9731626;flex:0 0 auto}
.first-blood-badge .material-symbols-rounded{font-size:12px!important;line-height:1!important;color:#ffe2d1}
.first-blood-badge.compact{height:16px;padding:0 6px!important;font-size:8px!important;gap:3px}
.first-blood-badge.compact .material-symbols-rounded{font-size:10px!important}
.first-blood-badge.icon-only{padding:0 5px!important;min-width:18px;justify-content:center}
.first-blood-badge:hover{filter:brightness(1.06)}
.dm-meta .first-blood-badge,.member-info .first-blood-badge,.user-name-tag-row .first-blood-badge,.poll-author-line .first-blood-badge,.forum-meta .first-blood-badge,.forum-post-identity .first-blood-badge,.ticket-message-head .first-blood-badge{height:16px;padding:0 6px!important;font-size:8px!important}
.message-head .first-blood-badge{height:18px;padding:0 7px!important;font-size:8px!important}
.profile-side-name-line .first-blood-badge{height:21px;padding:0 9px!important;font-size:10px!important}
.name-with-tag.has-first-blood>strong,.poll-author-line.has-first-blood>button,.forum-post-identity.has-first-blood>button,.forum-meta.has-first-blood>.forum-author-link,.message-head.has-first-blood>.message-user,.ticket-message-head.has-first-blood>strong,.profile-side-name-line.has-first-blood>h2{color:#fff7f3!important;text-shadow:0 0 10px #f9731633}
.first-blood-member{position:relative;border:1px solid transparent;background:linear-gradient(180deg,#ffffff04,#ffffff02)}
.first-blood-member::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fb923c88,#f9731628 45%,transparent 85%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.first-blood-member:hover{background:#ffffff10;box-shadow:inset 3px 0 0 #f97316,0 10px 24px #00000010}
.first-blood-avatar{position:relative;box-shadow:inset 0 0 0 1px #ffffff2a,0 0 0 2px #3c170f,0 0 0 3px #f97316,0 0 16px #f9731644}
.first-blood-avatar::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 210deg,#f97316,#fecaca,#f97316,#7f1d1d,#f97316);opacity:.18;pointer-events:none}
.profile-side-name-line.has-first-blood{position:relative}
.profile-side-name-line.has-first-blood::before{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:999px;background:linear-gradient(90deg,#f97316,#fb923c,#f97316);opacity:.9}
@media(max-width:700px){.first-blood-badge{max-width:98px;overflow:hidden;text-overflow:ellipsis}.message-head .first-blood-badge{max-width:84px}.profile-side-name-line .first-blood-badge{max-width:none}}
server-tag-settings-card label{display:block;margin-top:14px}.server-tag-settings-card input{margin-top:6px}.server-tag-setting-preview{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;margin:12px 0;border:1px solid #ffffff14;border-radius:10px;background:#12121680}.server-tag-setting-preview small{font-size:9px;letter-spacing:.1em;color:#a8a8b2}.server-tag-demo-name{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:15px}.role-permission-hint{display:block;color:#b9bac2;margin:4px 0 10px;line-height:1.4}.server-tag-profile-label{margin-top:17px}.server-tag-profile-hint{display:block;color:#a9aab3;margin:7px 0 16px;line-height:1.4}.profile-server-tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}.profile-server-tag-card{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:10px!important;border:1px solid #ffffff16!important;border-radius:10px!important;background:#17171c!important;color:#eee!important}.profile-server-tag-card:hover{border-color:#f9731660!important;background:#1d1d23!important}.profile-server-tag-card.selected{border-color:#f97316!important;box-shadow:inset 0 0 0 1px #f9731640}.profile-server-tag-card-main{display:flex;align-items:center;gap:9px;min-width:0}.profile-server-tag-card-main>div:nth-child(2){min-width:0}.profile-server-tag-card-main strong,.profile-server-tag-card-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-server-tag-card-main small{font-size:10px;color:#aaaab4;margin-top:2px}.profile-server-tag-card .server-tag-badge{pointer-events:none}.profile-server-tag-icon{width:34px;height:34px;border-radius:9px;background:#25252d center/cover no-repeat;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fdba74;flex:0 0 auto;border:1px solid #ffffff12}.profile-server-tag-icon.none{color:#8f9099}.profile-server-tag-selected{font-size:10px;color:#fdba74;white-space:nowrap}.server-tag-preview-dialog{width:min(470px,calc(100vw - 24px));padding:0 0 16px!important;overflow:hidden}.server-tag-preview-dialog>header{padding:16px 18px 10px}.server-tag-preview-banner{height:128px;margin:0 12px;border-radius:10px;background:linear-gradient(135deg,#2b1d15,#111116);background-size:cover;background-position:center;border:1px solid #ffffff12}.server-tag-preview-head{display:flex;align-items:center;gap:11px;padding:12px 18px 0}.server-tag-preview-icon{width:54px!important;height:54px!important;border-radius:15px!important;flex:0 0 auto}.server-tag-preview-head>div:last-child{min-width:0}.server-tag-preview-head small{display:block;color:#aaaab3;margin-top:4px}.server-tag-preview-description{padding:0 18px;color:#d4d4d9;line-height:1.45;white-space:pre-wrap}.server-tag-preview-dialog .dialog-actions{padding:0 18px}
@media(max-width:700px){.profile-server-tag-grid{grid-template-columns:1fr}.server-tag-badge{max-width:84px}.message-head{gap:5px}.message-head .server-tag-badge{max-width:70px}.server-tag-preview-banner{height:105px}.server-tag-color-row{grid-template-columns:1fr}.server-tag-color-meta{min-height:auto}}

/* WarDrix 1.6.0 – Rollen-Gruppen, sichere Avatar-Abstände & moderne Schalter */
.member-row{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 10px!important;
  align-items:center!important;
  column-gap:8px!important;
  min-height:47px;
}
.member-avatar-slot{
  width:54px;
  height:42px;
  display:grid;
  place-items:center;
  overflow:visible;
  flex:0 0 54px;
}
.member-avatar-slot>.avatar{
  width:31px!important;
  height:31px!important;
  margin:0!important;
  justify-self:center;
}
.member-info{min-width:0!important;overflow:hidden}
.member-info .name-with-tag{min-width:0;max-width:100%;overflow:hidden}
.member-info .name-with-tag>strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-row>.presence-dot{justify-self:end}
.member-role-group{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:28px;
  margin:12px 6px 3px;
  padding:5px 4px 4px;
  color:#d7d7dd;
  font-size:10px;
  font-weight:750;
  letter-spacing:.075em;
  text-transform:uppercase;
  border-bottom:1px solid #ffffff0e;
}
.member-role-group:first-child{margin-top:3px}
.member-role-group-name{display:flex;align-items:center;gap:6px;min-width:0}
.member-role-group-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-role-group-color{width:7px;height:7px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 7px currentColor}
.member-role-group-count{color:#92939c;font-size:9px;letter-spacing:0;font-weight:700}

.role-settings-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:12px;align-items:start}
.roles-list-card,.role-editor-card{margin:0!important}
.role-settings-card-head,.role-editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.role-settings-card-head h4,.role-editor-title h4{margin:0!important;font-weight:650}
.role-settings-card-head small,.role-editor-title small{display:block;margin-top:2px;color:#9697a0;font-size:10px}
.primary.compact{padding:7px 9px;font-size:11px;white-space:nowrap}
.settings-role-list{display:grid;gap:5px}
.role-list-item{width:100%;display:grid;grid-template-columns:12px minmax(0,1fr) 12px;align-items:center;gap:9px;padding:9px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#ececf0;text-align:left;transition:.15s ease}
.role-list-item:hover{background:#ffffff09;border-color:#ffffff0d}
.role-list-item.active{background:#f9731616;border-color:#f973164e;box-shadow:inset 3px 0 0 #f97316}
.role-list-color{width:10px;height:10px}
.role-list-copy{min-width:0}
.role-list-copy strong,.role-list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-list-copy strong{font-size:12px;font-weight:650}
.role-list-copy small{font-size:9px;color:#8f9099;margin-top:2px}
.role-list-arrow{color:#777983;font-size:18px;line-height:1}
.role-editor-card{padding:15px!important}
.role-editor-title{padding-bottom:12px;border-bottom:1px solid #ffffff10}
.role-editor-section{padding:14px 0;border-bottom:1px solid #ffffff10}
.role-editor-section:last-of-type{border-bottom:0}
.role-editor-section-title{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}
.role-editor-section-title strong{font-size:12px;color:#f1f1f3}
.role-editor-section-title small{font-size:9px;color:#8f9099;text-align:right}
.role-basic-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px;gap:8px;align-items:end}
.role-basic-grid label{font-size:10px;color:#b9bac2}
.role-basic-grid input{margin-top:5px;padding:9px}
.role-basic-grid input[type="color"]{height:38px;padding:4px;cursor:pointer}
.feature-switch,.permission-switch-row,.role-assignment-switch{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer}
.feature-switch{justify-content:space-between;padding:11px 12px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04}
.feature-switch:hover{background:#ffffff07;border-color:#ffffff1b}
.feature-switch.disabled{cursor:not-allowed;opacity:.58}
.feature-switch-copy{min-width:0;flex:1}
.feature-switch-copy strong,.feature-switch-copy small{display:block}
.feature-switch-copy strong{font-size:12px}
.feature-switch-copy small{font-size:9.5px;color:#9b9ca5;line-height:1.35;margin-top:3px}
.switch-input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;margin:0!important;box-shadow:none!important}
.switch-ui{position:relative;display:inline-block;flex:0 0 42px;width:42px;height:23px;border-radius:999px;background:#3b3d44;border:1px solid #555760;box-shadow:inset 0 1px 2px #0006;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.switch-ui::after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#c7c8cd;box-shadow:0 1px 3px #0008;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.switch-input:checked+.switch-ui,.switch-input:checked~.switch-ui{background:#f97316;border-color:#fb923c;box-shadow:0 0 11px #f973164f,inset 0 1px 2px #ffffff18}
.switch-input:checked+.switch-ui::after,.switch-input:checked~.switch-ui::after{transform:translateX(19px);background:#fff;box-shadow:0 1px 4px #0009,0 0 7px #fff4}
.switch-input:focus-visible+.switch-ui,.switch-input:focus-visible~.switch-ui{outline:2px solid #fb923c;outline-offset:2px}
.switch-input:disabled+.switch-ui,.switch-input:disabled~.switch-ui{opacity:.5;cursor:not-allowed}
.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.permission-group{border:1px solid #ffffff10;border-radius:9px;background:#10101466;overflow:hidden}
.permission-group-title{padding:8px 10px 6px;font-size:9px;font-weight:750;letter-spacing:.08em;color:#9d9ea7;border-bottom:1px solid #ffffff0c}
.permission-switch-row{justify-content:space-between;padding:9px 10px;border-bottom:1px solid #ffffff0b;background:transparent}
.permission-switch-row:last-child{border-bottom:0}
.permission-switch-row:hover{background:#ffffff06}
.permission-switch-copy{min-width:0;flex:1}
.permission-switch-copy strong{display:block;font-size:10.5px;font-weight:550;color:#e6e6ea}
.permission-switch-row .switch-ui{transform:scale(.86);transform-origin:right center}
.role-save-bar{position:sticky;bottom:-15px;margin:14px -15px -15px;padding:11px 15px;background:#18181deF;border-top:1px solid #ffffff12;display:flex;justify-content:flex-end;backdrop-filter:blur(10px);z-index:3}
.role-editor-empty{color:#a6a7af;padding:24px;text-align:center}

.role-checks{display:grid!important;gap:6px!important}
.role-assignment-switch{justify-content:flex-start;padding:9px 10px!important;border:1px solid #ffffff11;border-radius:8px;background:#ffffff04!important}
.role-assignment-switch:hover{background:#ffffff08!important;border-color:#ffffff1c}
.role-assignment-switch .switch-ui{order:1;transform:scale(.86);transform-origin:left center}
.role-assignment-text{order:2;min-width:0;flex:1}
.role-assignment-name{display:flex;align-items:center;gap:7px;min-width:0}
.role-assignment-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-assignment-text small{display:block;color:#8f9099;font-size:9px;margin-top:2px}

@media(max-width:900px){
  .role-settings-layout{grid-template-columns:210px minmax(0,1fr)}
  .permission-groups{grid-template-columns:1fr}
  .role-basic-grid{grid-template-columns:minmax(0,1fr) 90px}
  .role-basic-grid label:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .role-settings-layout{grid-template-columns:1fr}
  .roles-list-card{max-height:260px;overflow:auto}
  .role-basic-grid{grid-template-columns:1fr 90px}
  .member-row{grid-template-columns:54px minmax(0,1fr) 10px!important}
}

.server-tag-icon-section{margin-top:14px}.server-tag-icon-section h5{margin:0 0 6px;font-size:13px}.server-tag-color-row{display:grid;grid-template-columns:minmax(170px,220px) 1fr;gap:12px;align-items:end;margin-top:12px}.server-tag-color-row label{margin:0}.server-tag-color-row input[type="color"]{height:42px;padding:4px;cursor:pointer}.server-tag-color-meta{padding:10px 12px;border:1px solid #ffffff14;border-radius:10px;background:#12121680;min-height:42px}.server-tag-color-meta strong{display:block;font-size:12px;color:#f6f6f8}.server-tag-color-meta small{display:block;margin-top:4px;color:#aaaab4;font-size:10px;line-height:1.4}.server-tag-color-palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.server-tag-color-chip{position:relative;width:30px;height:30px;border-radius:9px;border:2px solid #ffffff24!important;padding:0!important;box-shadow:inset 0 0 0 1px #0003}.server-tag-color-chip:hover{transform:translateY(-1px);border-color:#ffffff55!important}.server-tag-color-chip.selected{border-color:#fff!important;box-shadow:0 0 0 2px #f9731655}.server-tag-color-chip-check{position:absolute;inset:0;display:grid;place-items:center;font-size:16px!important;color:#fff;text-shadow:0 1px 3px #000}.server-tag-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}.server-tag-icon-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px!important;border:1px solid #ffffff16!important;border-radius:12px!important;background:#17171c!important;color:#eee!important;min-height:62px}.server-tag-icon-card:hover{border-color:#f9731660!important;background:#1d1d23!important}.server-tag-icon-card.selected{border-color:#f97316!important;box-shadow:inset 0 0 0 1px #f9731640}.server-tag-icon-card>div:last-child{min-width:0}.server-tag-icon-card strong,.server-tag-icon-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-tag-icon-card small{margin-top:2px;color:#aaaab4;font-size:10px}.server-tag-icon-thumb{width:38px;height:38px;border-radius:10px;background:#25252d center/cover no-repeat;display:grid;place-items:center;flex:0 0 auto;border:1px solid #ffffff12;overflow:hidden}.server-tag-icon-thumb img{width:24px;height:24px;object-fit:contain;display:block}.server-tag-icon-thumb.is-server{font-size:13px;font-weight:800;color:#fdba74}.server-tag-icon-thumb.has-image{background-size:cover;background-position:center}.server-tag-icon-thumb.has-image img{display:none}.server-tag-icon-symbol{font-size:22px!important;line-height:1!important;color:#f97316}.server-tag-icon-glyph{font-size:20px!important;line-height:1!important;color:#f97316}.server-tag-icon-card.selected .server-tag-icon-thumb{border-color:#f9731688}

/* WarDrix 1.6.4 – @Benutzer / #Kanal Erwähnungen */
.composer{position:relative}.mention-suggestions{margin:0 0 6px 84px;width:min(430px,calc(100% - 96px));max-height:270px;overflow:auto;background:#18181d;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 14px 34px #0008;padding:5px;z-index:30}.mention-suggest-head{padding:5px 8px 6px;color:#aaaab4;font-size:9px;font-weight:800;letter-spacing:.09em}.mention-suggest-item{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:7px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#f5f5f7!important}.mention-suggest-item:hover,.mention-suggest-item.active{background:#f9731620!important}.mention-suggest-item>div:last-child{min-width:0}.mention-suggest-item strong,.mention-suggest-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-suggest-item small{font-size:10px;color:#aaaab4;margin-top:1px}.mention-suggest-avatar{width:30px!important;height:30px!important;flex:0 0 30px}.mention-suggest-channel-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:8px;background:#ffffff0c;color:#fdba74;font-size:20px;font-weight:700}.inline-mention{display:inline-flex;align-items:center;vertical-align:baseline;border:0!important;border-radius:4px!important;padding:0 3px!important;margin:0 1px;background:#5865f244!important;color:#dfe3ff!important;font:inherit!important;font-weight:650!important;line-height:1.28!important;text-shadow:none;cursor:default}.inline-mention:is(button){cursor:pointer}.inline-mention:is(button):hover{background:#f97316!important;color:#fff!important}.inline-mention.channel-mention{background:#f973162b!important;color:#fdba74!important}.inline-mention.channel-mention:is(button):hover{background:#f97316!important;color:#fff!important}.inline-mention.self-mention,.inline-mention.mass-mention{background:#f59e0b38!important;color:#fde68a!important}.message-content .inline-mention{white-space:nowrap}@media(max-width:760px){.mention-suggestions{margin-left:0;width:100%}}

/* WarDrix 1.6.5 – getrennte Nachricht-/Erwähnungstöne */
.notification-sound-options{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff14}.notification-sound-options .setting-toggle{margin-top:7px}.notification-sound-note{display:block;margin:3px 0 8px;color:#aeb0b8;line-height:1.4}.notification-section .setting-toggle.hidden{display:none!important}

/* WarDrix 1.6.6 – Audio-Dateien direkt im Chat abspielen */
.audio-attachment{width:min(440px,100%);margin-top:7px;padding:9px 10px;border:1px solid #ffffff14;border-radius:10px;background:#24242b;box-sizing:border-box}.audio-attachment-head{display:flex;align-items:center;gap:9px;min-width:0}.audio-file-icon{width:34px;height:34px;border-radius:8px;background:#f9731620;border:1px solid #f9731640;color:#fb923c;display:grid;place-items:center;font-size:20px;font-weight:800;flex:0 0 auto}.audio-file-info{min-width:0;flex:1}.audio-file-info strong,.audio-file-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-file-info strong{font-size:13px;color:#f2f2f4}.audio-file-info small{margin-top:2px;font-size:10px;color:#a9a9b2}.audio-download{flex:0 0 auto}.audio-player-row{margin-top:8px}.audio-load-btn{width:100%;height:32px;border:1px solid #f973164c!important;border-radius:7px!important;background:#19191e!important;color:#f2f2f4!important;font-size:12px!important;font-weight:700!important}.audio-load-btn:hover{background:#f9731620!important;border-color:#f9731680!important}.audio-load-btn:disabled{opacity:.65;cursor:wait}.inline-audio-player{display:block;width:100%;height:36px;accent-color:#f97316}.inline-audio-player.hidden{display:none!important}@media(max-width:700px){.audio-attachment{width:100%}.inline-audio-player{height:38px}}


/* 1.6.7 – kompakte Nachrichtenblöcke */
.message.message-grouped{padding-top:0;padding-bottom:0}
.message.message-grouped .message-avatar-spacer{visibility:hidden;pointer-events:none;height:0!important;min-height:0!important;align-self:start}
.message.message-grouped .message-content{margin-top:0;line-height:1.34}
.message.message-grouped .attachments{margin-top:2px}
.message-group-meta{display:flex;align-items:center;gap:5px;min-height:10px;margin-bottom:0}
.message-group-time{font-size:10px;color:#a9abb3;line-height:1.1}
.ticket-message-group-meta{display:flex;align-items:center;min-height:12px;margin-bottom:1px}.ticket-message-group-meta small{font-size:9px;color:#8f929b}
.message:not(.message-grouped)+.message.message-grouped{padding-top:0}
.message.message-grouped+.message:not(.message-grouped){margin-top:3px}


/* WarDrix 1.6.8 – integriertes Ticketsystem */
.ticket-sidebar-section{padding:6px 8px 4px;border-bottom:1px solid #ffffff0c;margin-bottom:3px}.ticket-sidebar-button{width:100%;border:1px solid #ffffff10!important;background:#ffffff05!important}.ticket-sidebar-button:hover,.ticket-sidebar-button.active{border-color:#f9731670!important;background:#f9731612!important}.ticket-view{padding:0!important;background:linear-gradient(180deg,#3f4147,#393b41)}.ticket-shell,.ticket-detail-shell{width:min(920px,100%);margin:0 auto;padding:18px 20px 34px}.ticket-hero,.ticket-create-card,.ticket-list-section,.ticket-detail-head,.ticket-message-log,.ticket-reply,.ticket-disabled-note{border:1px solid #ffffff16;background:#202126b8;border-radius:12px}.ticket-hero{padding:18px;margin-bottom:12px}.ticket-kicker{font-size:9px;font-weight:800;letter-spacing:.1em;color:#fb923c}.ticket-hero h2{margin:5px 0 4px;font-size:22px}.ticket-hero p{margin:0;color:#d6d6dc;line-height:1.45}.ticket-create-card{padding:15px;margin-bottom:12px}.ticket-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ticket-section-head strong,.ticket-section-head small{display:block}.ticket-section-head small{font-size:10px;color:#aeb0b8;margin-top:2px}.ticket-form-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.ticket-form-grid label{font-size:14px;color:#c7c8ce}.ticket-form-grid .full-row{grid-column:1/-1}.ticket-form-grid input,.ticket-form-grid select,.ticket-form-grid textarea{width:100%;margin-top:7px;font-size:14px;line-height:1.4}.ticket-disabled-note{padding:12px 14px;margin-bottom:12px;color:#f0c7a8}.ticket-list-section{padding:14px}.ticket-list{display:grid;gap:6px}.ticket-card{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:10px 11px!important;border:1px solid #ffffff10!important;border-radius:9px!important;background:#ffffff04!important}.ticket-card:hover{background:#ffffff08!important;border-color:#f973164c!important}.ticket-card-main{min-width:0}.ticket-card-title{display:flex;align-items:center;gap:7px;min-width:0}.ticket-card-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card-main small{display:block;margin-top:4px;color:#aaaab3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-status{font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:3px 6px}.ticket-status.open{background:#22c55e20;color:#86efac;border:1px solid #22c55e55}.ticket-status.closed{background:#ffffff0d;color:#b7b8bf;border:1px solid #ffffff1c}.ticket-card-arrow{font-size:22px;color:#f6a66b}.ticket-list-empty{padding:18px;text-align:center;color:#aaaab3}.ticket-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;margin-bottom:10px}.ticket-back{white-space:nowrap}.ticket-detail-info{min-width:0}.ticket-detail-info strong,.ticket-detail-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-detail-info small{font-size:10px;color:#aaaab3;margin-top:3px}.ticket-detail-actions{display:flex;gap:6px}.ticket-message-log{height:min(58vh,600px);overflow-y:auto;padding:12px 0}.ticket-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;padding:3px 14px}.ticket-message.grouped{padding-top:0;padding-bottom:0}.ticket-message-avatar{width:24px!important;height:24px!important}.ticket-message-spacer{width:24px;height:0}.ticket-message-main{min-width:0}.ticket-message-head{display:flex;align-items:center;gap:6px}.ticket-message-head strong{font-size:14px}.ticket-message-head small{font-size:10px;color:#aaaab3}.ticket-message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.38;font-size:14px;color:#f6f6f7}.ticket-message.grouped .ticket-message-content{line-height:1.32}.ticket-reply{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;margin-top:10px}.ticket-reply textarea{resize:vertical;min-height:54px}.ticket-reply button{align-self:stretch}.ticket-settings-grid{margin-top:12px}.ticket-staff-role-list{display:grid;gap:6px;margin-top:10px}
@media(max-width:760px){.ticket-shell,.ticket-detail-shell{padding:12px 8px 22px}.ticket-form-grid{grid-template-columns:1fr}.ticket-form-grid .full-row{grid-column:auto}.ticket-detail-head{grid-template-columns:1fr}.ticket-detail-actions{justify-content:flex-start;flex-wrap:wrap}.ticket-message-log{height:52vh}.ticket-reply{grid-template-columns:1fr}.ticket-reply button{height:38px}}


/* WarDrix 1.6.9 – WDX Rich Text */
.composer-format-btn{height:38px;min-width:40px;padding:0 9px;border-radius:8px;border:1px solid #ffffff18;background:#ffffff0b;color:#f4f4f5;font-weight:800;font-size:13px}.composer-format-btn:hover,.composer-format-btn.active{border-color:#f97316;background:#f9731624;color:#fdba74}.message-format-bar{margin:0 0 6px 0;padding:7px;background:#18191e;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 8px 24px #0004}.format-bar-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.format-bar-row+.format-bar-row{margin-top:6px;padding-top:6px;border-top:1px solid #ffffff10}.format-bar-label{height:28px;display:grid;place-items:center;padding:0 8px;border-radius:6px;background:#f9731621;color:#fdba74;font-size:10px;font-weight:900;letter-spacing:.1em}.message-format-bar button{height:28px;min-width:30px;padding:0 8px!important;border:1px solid #ffffff14!important;border-radius:6px!important;background:#24252b!important;color:#eee!important;font-size:11px!important}.message-format-bar button:hover{border-color:#f9731666!important;background:#303139!important;color:#fff!important}.format-bar-selects select{height:30px;max-width:150px;padding:4px 26px 4px 8px;font-size:11px}.wdx-color-control{height:30px;display:flex!important;align-items:center;gap:7px;padding:0 7px;border:1px solid #ffffff14;border-radius:6px;background:#24252b;color:#ddd;font-size:10px}.wdx-color-control input{width:24px;height:20px;padding:0;border:0;background:transparent}.wdx-help-btn{margin-left:auto!important;border-radius:50%!important;width:28px;padding:0!important}.wdx-underline{text-decoration:underline}.wdx-inline-code{padding:1px 5px;border-radius:5px;background:#111217;color:#fdba74;font-family:Consolas,'Courier New',monospace;font-size:.93em}.wdx-quote{display:block;margin:5px 0;padding:5px 9px;border-left:3px solid #f97316;background:#11121766;border-radius:0 6px 6px 0;color:#ececf0}.wdx-center,.wdx-right{display:block;width:100%}.wdx-center{text-align:center}.wdx-right{text-align:right}.wdx-spoiler{display:inline;border-radius:4px;background:#17181d;color:transparent;text-shadow:none;padding:0 3px;cursor:pointer;user-select:none}.wdx-spoiler *{visibility:hidden}.wdx-spoiler.revealed{color:inherit;background:#ffffff12;user-select:text}.wdx-spoiler.revealed *{visibility:visible}.wdx-heading{display:block;font-weight:850;line-height:1.2;margin:4px 0}.wdx-h1{font-size:1.48em}.wdx-h2{font-size:1.24em}.message-content blockquote:first-child,.message-content .wdx-heading:first-child{margin-top:0}.ticket-message-content .wdx-quote{margin:4px 0}
@media(max-width:760px){.message-format-bar{padding:6px}.format-bar-selects select{max-width:125px}.wdx-help-btn{margin-left:0!important}.composer-format-btn{min-width:36px;padding:0 7px}.format-bar-label{display:none}}

/* WarDrix 1.6.10 – Ticket actions follow the dark WarDrix theme */
.ticket-detail-head .ticket-dark-action{appearance:none!important;background:#17181d!important;color:#f4f4f5!important;border:1px solid #ffffff18!important;border-radius:8px!important;padding:9px 12px!important;box-shadow:none!important;font:inherit!important;cursor:pointer!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}.ticket-detail-head .ticket-dark-action:hover{background:#222329!important;border-color:#f9731680!important;color:#fff!important}.ticket-detail-head .ticket-status-action{border-color:#f9731660!important}.ticket-detail-head .ticket-status-action:hover{background:#f9731614!important;border-color:#f97316!important}.ticket-detail-head .ticket-back{color:#d9d9de!important}.ticket-detail-head .danger-soft{background:#2a191d!important;color:#f6c2ca!important;border:1px solid #fb718555!important}.ticket-detail-head .danger-soft:hover{background:#3a1c23!important;border-color:#fb7185!important;color:#fff!important}

/* WarDrix 1.6.12 – Ticket-Zuweisung, Status & Mitgliederliste */
.ticket-status.in_progress{background:#f59e0b20;color:#fcd34d;border:1px solid #f59e0b66}
.ticket-status-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 10px}
.ticket-filter{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px!important;border:1px solid #ffffff12!important;border-radius:8px!important;background:#17181d!important;color:#d9d9de!important;font-size:10px!important;text-align:left!important}
.ticket-filter strong{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#ffffff0d;color:#fff;font-size:9px}
.ticket-filter:hover{border-color:#f9731666!important;background:#202127!important}
.ticket-filter.active{border-color:#f97316!important;background:#f9731615!important;color:#fff!important;box-shadow:inset 0 0 0 1px #f9731638}
.ticket-filter.active strong{background:#f9731628;color:#fdba74}
.ticket-claim-action{border-color:#f59e0b66!important}
.ticket-claim-action:hover{border-color:#f59e0b!important;background:#f59e0b14!important}
.ticket-claim-action.claimed-by-other,.ticket-detail-head .ticket-dark-action:disabled{opacity:.72!important;cursor:default!important;background:#17181d!important;border-color:#ffffff12!important;color:#c5c5cb!important}
.member-sidebar-caption{margin:13px 7px 4px;padding-top:10px;border-top:1px solid #ffffff12;color:#94959e;font-size:9px;font-weight:800;letter-spacing:.12em}
.ticket-access-member{background:#f9731607}
.ticket-access-member:hover{background:#f9731610}
.ticket-current-assignee{box-shadow:inset 2px 0 0 #f59e0b;background:#f59e0b0b}
.ticket-current-assignee .member-info small{color:#fcd34d}
@media(max-width:760px){.ticket-status-filters{grid-template-columns:1fr 1fr}}

.ticket-assignee-name{font-weight:800}.ticket-card-title .ticket-assignee-name,.ticket-detail-info>strong .ticket-assignee-name{font-weight:900;text-shadow:0 0 10px color-mix(in srgb,currentColor 18%,transparent)}

/* WarDrix 1.6.14 – Ticket manuell zuweisen */
.ticket-assign-action{border-color:#f9731666!important}.ticket-assign-action:hover{border-color:#f97316!important;background:#f9731614!important}.ticket-assign-dialog{width:min(460px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 32px));padding:0 0 14px!important;overflow:hidden}.ticket-assign-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 11px;border-bottom:1px solid #ffffff12}.ticket-assign-dialog>header strong,.ticket-assign-dialog>header small{display:block}.ticket-assign-dialog>header small{color:#a9aab3;margin-top:3px}.ticket-assign-search{display:block;width:calc(100% - 28px);margin:12px 14px 8px}.ticket-assign-list{display:flex;flex-direction:column;gap:6px;padding:4px 14px;max-height:480px;overflow:auto}.ticket-assign-user{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px!important;text-align:left;border:1px solid #ffffff12!important;border-radius:10px!important;background:#17181d!important;color:#eee!important}.ticket-assign-user:hover{background:#202127!important;border-color:#f973165c!important}.ticket-assign-avatar{width:36px!important;height:36px!important;flex:0 0 36px}.ticket-assign-user-copy{min-width:0;flex:1}.ticket-assign-user-copy strong,.ticket-assign-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-assign-user-copy small{color:#a9aab3;margin-top:2px}.ticket-assign-state{font-size:10px;color:#fdba74;white-space:nowrap}.ticket-assign-empty{padding:24px 12px;text-align:center;color:#aaaab3}

/* WarDrix 1.6.17 – Legacy formatted-content editor */
.wdx-left,.wdx-center,.wdx-right,.wdx-justify{display:block;width:100%}
.wdx-left{text-align:left}.wdx-center{text-align:center}.wdx-right{text-align:right}.wdx-justify{text-align:justify}
.wdx-block{display:block;margin:8px 0;padding:8px 12px;border-left:4px solid var(--wdx-block-color,#f97316);background:#11121766;border-radius:0 8px 8px 0}
.wdx-divider{display:block;width:100%;height:1px;margin:10px 0;background:linear-gradient(90deg,transparent,#ffffff3a,transparent)}
.wdx-link{color:#fb923c;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.wdx-mark{padding:0 3px;border-radius:3px;color:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.wdx-image-shell{display:block;width:var(--wdx-image-width,100%);max-width:100%;margin:10px 0;border-radius:10px;overflow:hidden}
.wdx-image{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:0;border:none;background:transparent}
.wdx-image-loading,.wdx-image-error{display:block;padding:18px;border:1px dashed #ffffff24;border-radius:10px;background:#11121780;color:#aaaab4;text-align:center;font-size:12px}

#serverSettingsDialog .settings-dialog.syntax-studio-mode{width:min(1380px,calc(100vw - 24px));height:min(850px,calc(100vh - 24px))}
.settings-body.syntax-studio-body{padding:10px;overflow:hidden}
.syntax-studio-layout{height:100%;min-height:0;display:grid;grid-template-columns:270px minmax(0,1fr);gap:10px}
.syntax-studio-tools{min-height:0;overflow:auto;padding-right:3px}
.syntax-studio-tools>section{background:#1111148c;border:1px solid #ffffff16;border-radius:10px;padding:11px;margin-bottom:9px}
.syntax-studio-tools h4{margin:0 0 8px;font-size:12px;color:#fff}.syntax-studio-tools p{margin:0 0 8px;color:#aaaab4;font-size:10px;line-height:1.45}
.syntax-studio-tools label{display:block;margin-top:8px;font-size:10px;color:#b9bac3}.syntax-studio-tools select{width:100%;margin-top:4px;height:34px;padding:4px 30px 4px 8px;font-size:11px}
.syntax-tool-grid{display:grid;gap:5px}.syntax-tool-grid.four{grid-template-columns:repeat(4,1fr)}.syntax-tool-grid.three{grid-template-columns:repeat(3,1fr);margin-top:6px}.syntax-tool-grid.two{grid-template-columns:repeat(2,1fr)}
.syntax-tool-grid button,.syntax-wide-btn,.syntax-color-row button,.syntax-symbols button{min-height:32px!important;padding:5px 7px!important;border:1px solid #ffffff16!important;border-radius:7px!important;background:#222329!important;color:#eee!important;font-size:11px!important}
.syntax-tool-grid button:hover,.syntax-wide-btn:hover,.syntax-color-row button:hover,.syntax-symbols button:hover{border-color:#f9731677!important;background:#2d2e35!important;color:#fff!important}
.syntax-wide-btn{width:100%;margin-top:7px}.syntax-export-section .primary{background:#f97316!important;border-color:#f97316!important;color:#fff!important;font-weight:800!important}
.syntax-color-row{display:grid;grid-template-columns:1fr 92px;gap:6px;align-items:end;margin-top:8px}.syntax-color-row label{margin:0}.syntax-color-row input[type=color]{display:block;width:100%;height:31px;margin-top:4px;padding:2px;border:1px solid #ffffff17;border-radius:6px;background:#18191e}
.syntax-symbols{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:8px}.syntax-symbols button{min-width:0;padding:3px!important;font-size:15px!important}
.syntax-export-section small{display:block;margin-top:8px;color:#8f9099;font-size:9px;line-height:1.45}
.syntax-studio-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#17181d;border:1px solid #ffffff18;border-radius:12px;overflow:hidden}
.syntax-document-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid #ffffff12;background:#202127}.syntax-document-top strong,.syntax-document-top small{display:block}.syntax-document-top strong{font-size:13px}.syntax-document-top small{font-size:10px;color:#a6a7b0;margin-top:2px}.syntax-document-top>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#fb923c;border:1px solid #f9731655;background:#f9731617;padding:5px 8px;border-radius:999px}
.syntax-paper-wrap{min-height:0;overflow:auto;padding:24px;background:radial-gradient(circle at top,#ffffff0b,transparent 42%),#303137}
.syntax-studio-editor{width:min(820px,100%);min-height:100%;margin:0 auto;padding:42px 48px;background:#f7f7f8;color:#1f2024;border-radius:4px;box-shadow:0 18px 45px #0007;outline:none;font:14px/1.55 'Segoe UI',sans-serif;caret-color:#f97316;white-space:normal;overflow-wrap:anywhere}
.syntax-studio-editor:focus{box-shadow:0 18px 45px #0007,0 0 0 2px #f9731655}
.syntax-studio-paragraph{min-height:1.55em;margin:0 0 5px}.syntax-studio-paragraph:last-child{margin-bottom:0}.syntax-studio-editor .syntax-h1{font-size:30px;font-weight:800;line-height:1.2;margin:10px 0}.syntax-studio-editor .syntax-h2{font-size:22px;font-weight:750;line-height:1.25;margin:8px 0}
.syntax-studio-callout{--syntax-block-color:#f97316;margin:10px 0;padding:9px 12px;border-left:5px solid var(--syntax-block-color);background:#ececf0;border-radius:0 8px 8px 0}.syntax-studio-callout>.syntax-studio-paragraph{margin-bottom:4px}
.syntax-studio-divider{height:25px;display:grid;place-items:center;margin:4px 0;user-select:none}.syntax-studio-divider span{display:block;width:100%;height:1px;background:#b9bac2}
.syntax-studio-image-figure{display:block;width:var(--syntax-image-width,80%);max-width:100%;margin:14px auto;padding:0;position:relative}.syntax-studio-image{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:0;border:none;background:transparent}.syntax-studio-image-placeholder,.syntax-studio-image-error{padding:32px 14px;border:1px dashed #9b9ca4;border-radius:8px;background:#ececf0;color:#666;text-align:center;font-size:12px}
.syntax-studio-editor a{color:#d95f00;text-decoration:underline}.syntax-studio-editor span[data-wdx-mark]{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.syntax-studio-stats{padding:7px 12px;border-top:1px solid #ffffff10;color:#95969f;font-size:9px;background:#18191e}
.syntax-source-wrap{border-top:1px solid #ffffff12;background:#111217;padding:10px}.syntax-source-wrap>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.syntax-source-wrap strong{font-size:11px}.syntax-source-wrap button{height:28px;padding:4px 9px}.syntax-source-wrap textarea{width:100%;height:125px;resize:vertical;background:#0d0e12;color:#d9d9de;border:1px solid #ffffff18;border-radius:7px;padding:9px;font:11px/1.45 Consolas,monospace}

@media(max-width:980px){.syntax-studio-layout{grid-template-columns:220px minmax(0,1fr)}.syntax-studio-editor{padding:30px 30px}.syntax-symbols{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){#serverSettingsDialog .settings-dialog.syntax-studio-mode{width:calc(100vw - 8px);height:calc(100dvh - 8px)}.settings-body.syntax-studio-body{overflow:auto}.syntax-studio-layout{height:auto;display:block}.syntax-studio-tools{overflow:visible}.syntax-studio-workspace{min-height:650px}.syntax-paper-wrap{padding:10px}.syntax-studio-editor{min-height:560px;padding:24px 18px}.syntax-studio-tools>section{margin-bottom:7px}}
.messages.syntax-studio-view{padding:10px;overflow:hidden;scroll-behavior:auto;background:#303238}
.messages.syntax-studio-view .syntax-studio-layout{height:100%}
.syntax-sidebar-button .channel-icon{color:#fb923c;font-size:17px}
@media(max-width:760px){.messages.syntax-studio-view{padding:6px;overflow:auto}.messages.syntax-studio-view .syntax-studio-layout{height:auto}}


/* WarDrix 1.6.18 – freie Bildpositionierung im Syntax Studio */
.syntax-studio-editor{position:relative;isolation:isolate}
.syntax-studio-editor::after{content:"";display:block;clear:both}
.syntax-studio-image-figure{touch-action:none;user-select:none;cursor:grab;box-sizing:border-box;z-index:2}
.syntax-studio-image-figure:active{cursor:grabbing}
.syntax-studio-image-figure.selected{outline:2px solid #f97316;outline-offset:3px;filter:drop-shadow(0 4px 10px #0003)}
.syntax-studio-image-figure.syntax-image-inline{display:block;float:none;position:relative;width:var(--syntax-image-width,80%);margin:12px auto}
.syntax-studio-image-figure.syntax-image-left{display:block;float:left;position:relative;width:var(--syntax-image-width,40%);margin:5px 16px 9px 0}
.syntax-studio-image-figure.syntax-image-right{display:block;float:right;position:relative;width:var(--syntax-image-width,40%);margin:5px 0 9px 16px}
.syntax-studio-image-figure.syntax-image-free{display:block;float:none;position:absolute;left:var(--syntax-image-x,0%);top:var(--syntax-image-y,0%);width:var(--syntax-image-width,40%);margin:0}
.syntax-studio-image-figure.syntax-image-free.syntax-layer-front{z-index:20}
.syntax-studio-image-figure.syntax-image-free.syntax-layer-back{z-index:0;opacity:.92}
.syntax-studio-editor>.syntax-studio-paragraph,.syntax-studio-editor>.syntax-studio-callout,.syntax-studio-editor>.syntax-studio-divider{position:relative;z-index:1}
.syntax-image-resize-handle{display:none;position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:4px;background:#f97316;border:2px solid #fff;box-shadow:0 2px 7px #0005;cursor:nwse-resize;z-index:30}
.syntax-studio-image-figure.selected .syntax-image-resize-handle{display:block}
.syntax-image-inspector{border-color:#f9731655!important;background:#19191e!important}.syntax-image-inspector>p{margin-bottom:9px}.syntax-image-inspector>small{display:block;margin:9px 0 5px;color:#a7a8b1;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.syntax-image-width-control{margin:6px 0 9px}.syntax-image-width-control label{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px}.syntax-image-width-control label strong{color:#fb923c}.syntax-image-width-control input[type=range]{width:100%;accent-color:#f97316}
.syntax-image-layout-grid button,.syntax-image-layer-grid button{font-size:10px!important}.syntax-image-layout-grid button.active,.syntax-image-layer-grid button.active{border-color:#f97316!important;background:#f9731626!important;color:#fdba74!important}

.message-content,.ticket-message-content,.forum-post-content{position:relative;isolation:isolate}.message-content::after,.ticket-message-content::after,.forum-post-content::after{content:"";display:block;clear:both}
.wdx-image-shell.wdx-image-inline{display:block;float:none;width:var(--wdx-image-width,100%);max-width:100%;margin:9px auto}
.wdx-image-shell.wdx-image-left{display:block;float:left;width:var(--wdx-image-width,40%);max-width:90%;margin:4px 12px 8px 0}
.wdx-image-shell.wdx-image-right{display:block;float:right;width:var(--wdx-image-width,40%);max-width:90%;margin:4px 0 8px 12px}
.wdx-image-shell.wdx-image-free{display:block;float:none;position:absolute;left:var(--wdx-image-x,0%);top:var(--wdx-image-y,0%);width:var(--wdx-image-width,40%);max-width:100%;margin:0}
.wdx-image-shell.wdx-image-free.wdx-layer-front{z-index:5}.wdx-image-shell.wdx-image-free.wdx-layer-back{z-index:-1;opacity:.92}
@media(max-width:760px){.syntax-studio-image-figure.syntax-image-left,.syntax-studio-image-figure.syntax-image-right{max-width:70%}.syntax-image-resize-handle{width:18px;height:18px}.wdx-image-shell.wdx-image-left,.wdx-image-shell.wdx-image-right{max-width:65%}}


/* WarDrix 1.6.19 – Bildsteuerung & angehefteter Emoji-Picker */
#emojiPicker.picker-popover{transform:none!important;right:auto!important;bottom:auto!important;max-width:calc(100vw - 16px)!important;box-shadow:0 14px 44px #000c!important}
#emojiPicker.picker-popover[open]{display:grid!important}
.syntax-studio-image-figure:focus{outline:2px solid #f97316;outline-offset:3px}
.syntax-studio-image-figure.syntax-image-free{will-change:left,top;transition:none!important}
.syntax-studio-image-figure .syntax-studio-image{pointer-events:none;user-select:none;-webkit-user-drag:none}
.syntax-image-resize-handle{touch-action:none}

/* 1.6.20 Transparent image rendering */
.image-attachment,.wdx-image,.syntax-studio-image{box-shadow:none}

/* 1.6.21: Bilder ohne künstliche Rahmen */
.image-attachment,.wdx-image,.syntax-studio-image{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* WarDrix 1.6.22 Voice Channels */
.voice-channel-wrap{min-width:0}.voice-item.voice-connected{background:#f9731615!important;box-shadow:inset 3px 0 0 #f97316}.voice-user-count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:#ffffff12;color:#d7d7dd;font-size:9px;font-weight:700}.voice-participant-list{padding:4px 7px 8px 21px;display:flex;flex-direction:column;gap:6px}.voice-participant-row{width:100%;min-height:38px;border:0;background:transparent;color:#c8c8ce;border-radius:7px;padding:4px 6px;display:flex;align-items:center;gap:9px;text-align:left;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.voice-participant-row:hover{background:#ffffff0d;color:#fff}.voice-participant-row.speaking{background:#f9731616;color:#fff;box-shadow:inset 3px 0 0 #f97316,0 0 0 1px #f9731622}.voice-participant-avatar{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:9px!important}.voice-participant-avatar.speaking{box-shadow:none!important}.voice-speaking-meter{width:10px;height:24px;flex:0 0 10px;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:2px;align-items:stretch}.voice-speaking-meter-bar{height:4px;border-radius:999px;background:#ffffff18;opacity:.42;transform-origin:center bottom;transition:background .12s ease,opacity .12s ease,box-shadow .12s ease,transform .12s ease}.voice-speaking-meter.active .voice-speaking-meter-bar{background:linear-gradient(180deg,#fdba74,#f97316);opacity:1;box-shadow:0 0 7px #f9731677;animation:voice-speaking-meter 920ms ease-in-out infinite}.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(1){animation-delay:0ms}.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(2){animation-delay:90ms}.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(3){animation-delay:180ms}.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(4){animation-delay:270ms}.voice-participant-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.2;color:#ebebef;-webkit-text-fill-color:#ebebef;-webkit-text-stroke:0 transparent;text-shadow:-.3px 0 #000,.3px 0 #000,0 -.3px #000,0 .3px #000;font-weight:500}.voice-participant-state{font-size:10px;opacity:.65}.voice-dock button#deafenBtn{font-size:15px}@keyframes voice-speaking-meter{0%,100%{transform:scaleY(.45);opacity:.4}22%{transform:scaleY(1.55);opacity:1}45%{transform:scaleY(.9);opacity:.82}70%{transform:scaleY(1.25);opacity:.95}}

/* 1.6.27 ServerTag visibility controls */
.server-tag-visibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.server-tag-visibility-option{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:5px;text-align:left!important;min-height:112px;padding:12px!important;border:1px solid #ffffff16!important;border-radius:11px!important;background:#17171c!important;color:#f1f1f3!important}.server-tag-visibility-option:hover{background:#1d1d23!important;border-color:#f9731660!important}.server-tag-visibility-option.selected{background:#f9731615!important;border-color:#f97316!important;box-shadow:inset 0 0 0 1px #f9731633}.server-tag-visibility-option strong{font-size:12px}.server-tag-visibility-option small{color:#aaaab4;line-height:1.35;font-size:10px}.server-tag-visibility-option span{margin-top:auto;color:#fdba74;font-size:10px;font-weight:700}@media(max-width:760px){.server-tag-visibility-grid{grid-template-columns:1fr}.server-tag-visibility-option{min-height:auto}}

/* 1.6.30 – robust anchored emoji picker */
#emojiPicker.picker-popover{
  position:fixed!important;
  margin:0!important;
  inset:auto!important;
  transform:none!important;
  z-index:2147483647!important;
}
#emojiPicker.picker-popover[open]:not(.hidden){
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#emojiPicker.picker-popover.hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* WarDrix 1.6.31 – Google Material Symbols */
.material-symbols-rounded{
  font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:20px;line-height:1;
  letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;
  -webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;pointer-events:none;user-select:none;vertical-align:middle
}
button>.material-symbols-rounded{pointer-events:none}
.icon-btn>.material-symbols-rounded,.voice-dock button>.material-symbols-rounded,.server-add>.material-symbols-rounded{font-size:21px}
.sidebar-action>.material-symbols-rounded,.channel-tree-toolbar button>.material-symbols-rounded,.header-action-btn>.material-symbols-rounded{font-size:17px;margin-right:5px}
.emoji-plus-btn>.material-symbols-rounded{font-size:23px;margin:0!important;position:static!important;color:inherit!important}
.composer-format-btn>.material-symbols-rounded{font-size:21px}
.message-actions .material-symbols-rounded{font-size:18px}
.voice-participant-state.material-symbols-rounded{font-size:16px}
.channel-icon .material-symbols-rounded,.channel-glyph .material-symbols-rounded{font-size:18px}
.pin-badge .material-symbols-rounded{font-size:13px;margin-right:2px}
.code-download .material-symbols-rounded,.audio-load-btn .material-symbols-rounded{font-size:16px}
.owner-tool-icon.material-symbols-rounded{font-size:22px}

/* Emoji-Picker ist ab 1.6.31 ein normales, fest verankertes Popover statt native <dialog>. */
#emojiPicker.picker-popover{position:fixed!important;margin:0!important;inset:auto!important;transform:none!important;z-index:2147483647!important;color:#fff;box-sizing:border-box}
#emojiPicker.picker-popover:not(.hidden){display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#emojiPicker.picker-popover.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
#emojiPicker .material-symbols-rounded{font-size:18px}


/* WarDrix 1.6.32 – Emoji Click / Hit-Test Fix */
#composerEmojiBtn,#channelEmojiBtn,#syntaxEmojiBtn,.emoji-trigger-button{
  pointer-events:auto!important;position:relative!important;z-index:120!important;isolation:isolate;
  touch-action:manipulation;cursor:pointer!important;
}
.composer.disabled #composerEmojiBtn{pointer-events:auto!important;opacity:1!important}
#composerEmojiBtn *,#channelEmojiBtn *,#syntaxEmojiBtn *,.emoji-trigger-button *{pointer-events:none!important}
body > #emojiPicker.picker-popover{position:fixed!important;z-index:2147483647!important;pointer-events:auto!important}
body > #emojiPicker.picker-popover[data-open="true"]:not(.hidden){display:grid!important;visibility:visible!important;opacity:1!important}
body > #emojiPicker.picker-popover.hidden,body > #emojiPicker.picker-popover[hidden]{display:none!important}


/* WarDrix 1.6.33 – Discord-like Font Baseline */
:root{
  --wdx-fs-12:12px;
  --wdx-fs-13:13px;
  --wdx-fs-14:14px;
  --wdx-fs-16:16px;
  --wdx-fs-20:20px;
  --wdx-fs-24:24px;
  --wdx-chat-line:1.375;
}

/* Global controls */
body{font-size:var(--wdx-fs-16);}
button,input,textarea,select{font-size:var(--wdx-fs-14);}
label{font-size:var(--wdx-fs-13);}

/* Header / navigation */
.server-title strong{font-size:var(--wdx-fs-16);font-weight:600;}
.server-title small{font-size:var(--wdx-fs-12);}
.chat-title strong{font-size:var(--wdx-fs-16);font-weight:600;}
.chat-title small{font-size:var(--wdx-fs-12);}
.channel-glyph{font-size:20px;}
.channel-icon{font-size:var(--wdx-fs-16);}
.channel-item,.dm-item,.voice-item{min-height:38px;}
.channel-item .name,.dm-item .name,.voice-item .name{font-size:var(--wdx-fs-16);line-height:1.2;font-weight:500;}
.dm-meta small{font-size:var(--wdx-fs-12);}
.section-label,.section-head{font-size:var(--wdx-fs-12);}
.category-label strong,.virtual-category .category-label strong{font-size:var(--wdx-fs-13);font-weight:700;letter-spacing:.04em;}
.category-toggle{font-size:var(--wdx-fs-12);}
.category-unread{font-size:var(--wdx-fs-12);}
.member-header,.member-role-group{font-size:var(--wdx-fs-12);}

/* Member list */
.member-row{min-height:50px;}
.member-info strong{font-size:var(--wdx-fs-16);font-weight:600;line-height:1.2;}
.member-info small{font-size:var(--wdx-fs-12);line-height:1.2;}
.name-with-tag>strong,.user-name-tag-row>strong,.profile-side-name-line>h2,.server-tag-preview-title>strong{font-size:var(--wdx-fs-16);}

/* Chat */
.message{padding-top:6px;padding-bottom:6px;}
.message-user{font-size:var(--wdx-fs-16);font-weight:600;line-height:1.2;}
.message-time{font-size:var(--wdx-fs-12);}
.message-edited,.pin-badge,.message-group-meta{font-size:var(--wdx-fs-12);}
.reply-preview{font-size:var(--wdx-fs-12);}
.message-content{font-size:var(--wdx-fs-16);line-height:var(--wdx-chat-line);}
.reaction{font-size:var(--wdx-fs-14);}
.inline-mention{font-size:inherit!important;}

/* Buttons / forms */
.primary,.danger-button,.danger-soft,.sidebar-action,.code-download,.channel-settings-actions button,.settings-tree-actions button,.server-tag-badge,.profile-server-tag-selected{font-size:var(--wdx-fs-14);}
.search-box input,.composer textarea,.code-meta input,.code-meta select,input,textarea,select{font-size:var(--wdx-fs-14);}
.composer-tabs button{font-size:var(--wdx-fs-14);}
.composer-help{font-size:var(--wdx-fs-12);}
.composer-format-btn{font-size:var(--wdx-fs-14);}
.message-format-bar button{font-size:var(--wdx-fs-12)!important;}
.mention-suggest-head{font-size:var(--wdx-fs-12);}
.mention-suggest-item strong{font-size:var(--wdx-fs-14);}
.mention-suggest-item small{font-size:var(--wdx-fs-12);}

/* Code / tooltip-like UI */
.code-head{font-size:var(--wdx-fs-14);}
.code-card pre{font:14px/1.55 Consolas,"Courier New",monospace;}
.code-note,.error,.profile-server-tag-card-main small,.profile-server-tag-card-main strong,.server-tag-icon-card small,.server-tag-icon-card strong,.server-tag-visibility-option strong,.server-tag-visibility-option small,.ticket-current-assignee .member-info small,.drag-help,.settings-tree-channel .grow small,.channel-order-title p{font-size:var(--wdx-fs-12);}
.server-tag-icon-card strong,.profile-server-tag-card-main strong,.server-tag-visibility-option strong{font-size:var(--wdx-fs-14);}

/* Voice */
.voice-dock strong{font-size:var(--wdx-fs-14);}
.voice-dock small{font-size:var(--wdx-fs-12);}
.voice-user-count{font-size:var(--wdx-fs-12);}
.voice-participant-list{gap:8px;}
.voice-participant-row{min-height:42px;gap:12px;}
.voice-participant-row>span:nth-child(2){font-size:var(--wdx-fs-16);line-height:1.2;}
.voice-participant-state{font-size:var(--wdx-fs-12);}

/* Ticket UI follows same base scale */
.ticket-list-card strong,.ticket-current-assignee .member-info strong{font-size:var(--wdx-fs-16);}
.ticket-list-card small,.ticket-status-pill,.ticket-subtitle,.ticket-current-assignee .member-info small{font-size:var(--wdx-fs-12);}

/* Keep mobile consistent */
@media(max-width:760px){
  body{font-size:var(--wdx-fs-16);}
  .channel-item .name,.dm-item .name,.voice-item .name,.message-user,.message-content,.member-info strong,.voice-participant-name{font-size:var(--wdx-fs-16);}
}


/* WarDrix 1.6.38 – Account Mail & Password Recovery */
.auth-link-button{display:block;margin:7px 0 0 auto;padding:3px 0!important;border:0!important;background:transparent!important;color:#fdba74!important;font-size:12px;text-align:right}
.auth-link-button:hover{text-decoration:underline;color:#fb923c!important}
.auth-secondary-button{width:100%;margin-top:8px;border:1px solid #ffffff18!important;background:#ffffff08!important;color:#dedee4!important}
.auth-secondary-button:hover{background:#ffffff10!important;border-color:#ffffff26!important}
.auth-flow-head{display:flex;gap:12px;align-items:center;margin:16px 0 20px;padding:13px 14px;border:1px solid #ffffff14;border-radius:10px;background:#11111499}
.auth-flow-head>.material-symbols-rounded{font-size:28px;color:#f97316}
.auth-flow-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}.auth-flow-head strong{font-size:16px}.auth-flow-head small{font-size:11px;color:#a9a9b2;line-height:1.35}
.auth-notice{margin-top:14px;padding:11px 12px;border-radius:9px;border:1px solid #22c55e45;background:#22c55e13;color:#bbf7d0;font-size:12px;line-height:1.45}
#forgotPasswordForm .primary,#resetPasswordForm .primary{margin-top:18px}

/* WarDrix 1.6.40 – Forum: Rollenrechte, Bearbeiten, Likes, Views, Dark UI */
.forum-sidebar-section{margin-top:0}.forum-sidebar-button .channel-icon{color:#fb923c}
.forum-view{padding:0!important;background:#202126!important;overflow:auto!important;color:#eceef2}
.forum-shell{width:min(1080px,100%);margin:0 auto;padding:18px 20px 42px}
.forum-hero,.forum-tools,.forum-list-section,.forum-detail-head,.forum-original-post,.forum-comments-section,.forum-reply-box{border:1px solid #34363d;background:#18191e;border-radius:10px;box-shadow:none}
.forum-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:10px;background:#191a1f}
.forum-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#fb923c;margin-bottom:5px}.forum-hero h2{margin:0 0 5px;font-size:24px}.forum-hero p{margin:0;color:#b8bbc3;line-height:1.45;max-width:700px}
.forum-new-post{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;padding:9px 13px!important;background:#f97316!important;border-color:#fb923c!important;color:#fff!important;box-shadow:none!important}.forum-new-post .material-symbols-rounded{font-size:18px}
.forum-tools{padding:11px;margin-bottom:10px;display:grid;gap:9px}.forum-category-tabs{display:flex;gap:5px;flex-wrap:wrap}.forum-category-tabs button{border:1px solid #363840;background:#222329;border-radius:7px;padding:6px 10px;font-size:12px;color:#c8cad1;box-shadow:none}.forum-category-tabs button:hover,.forum-category-tabs button.active{border-color:#f9731680;background:#32251e;color:#fff}
.forum-tool-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px}.forum-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;background:#111217;border:1px solid #34363d;border-radius:8px;padding:4px 5px 4px 9px}.forum-search .material-symbols-rounded{font-size:18px;color:#8e9199}.forum-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:7px 0!important;min-width:0;color:#f1f2f4}.forum-search-submit{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px!important;border:1px solid #3a3c44!important;background:#26272d!important;color:#e5e7eb!important;border-radius:6px!important}.forum-search-submit:hover{background:#303139!important;border-color:#f9731666!important}.forum-search-submit .material-symbols-rounded{font-size:16px;color:#fb923c}.forum-sort{height:42px;margin:0!important;background:#111217!important;border:1px solid #34363d!important;color:#e5e7eb!important;padding:0 34px 0 10px!important;border-radius:8px!important}
.forum-list-section{padding:13px}.forum-section-head,.forum-comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.forum-section-head strong,.forum-section-head small,.forum-comments-head strong,.forum-comments-head small{display:block}.forum-section-head small,.forum-comments-head small{font-size:11px;color:#8f929b;margin-top:2px}
.forum-thread-list{display:grid;gap:1px;border-top:1px solid #2d2f35}.forum-thread-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 8px;border:0;border-bottom:1px solid #2d2f35;border-radius:0;background:transparent;cursor:pointer;outline:none}.forum-thread-card:hover,.forum-thread-card:focus-visible{background:#202127}.forum-thread-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#2a211c;border:1px solid #4a3021;color:#fb923c;font-size:20px}.forum-thread-main{min-width:0}.forum-thread-title{display:flex;align-items:center;gap:7px;min-width:0}.forum-thread-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-thread-main>p{margin:4px 0 6px;color:#aeb1b9;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-pin-label{font-size:8px;font-weight:900;letter-spacing:.07em;border-radius:5px;padding:3px 5px;color:#fed7aa;background:#342319;border:1px solid #5d351e}.forum-lock{font-size:15px;color:#aeb0b7}
.forum-meta{display:flex;align-items:center;gap:5px;color:#858891;font-size:10px;min-width:0}.forum-mini-avatar{width:18px!important;height:18px!important;font-size:8px!important}.forum-author-link{border:0!important;background:transparent!important;padding:0!important;color:#d0d2d8!important;font-size:10px!important}.forum-author-link:hover{text-decoration:underline}.forum-edited{color:#6f727a!important;font-style:italic}.forum-thread-stats{display:grid;grid-template-columns:auto auto auto;justify-items:end;align-items:center;gap:5px 9px;min-width:150px;color:#9da0a9}.forum-thread-stats>span{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700}.forum-thread-stats .material-symbols-rounded{font-size:14px}.forum-thread-stats small{grid-column:1/-1;font-size:9px;color:#747780;white-space:nowrap}
.forum-empty{display:grid;justify-items:center;text-align:center;padding:34px 20px;color:#9699a2}.forum-empty>.material-symbols-rounded{font-size:34px;color:#fb923c;margin-bottom:8px}.forum-empty strong{color:#eceef2;font-size:15px}.forum-empty p{margin:5px 0 0;font-size:12px}
.forum-thread-detail{max-width:980px}.forum-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px;margin-bottom:8px}.forum-back,.forum-mod-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#23242a!important;border:1px solid #353740!important;color:#d9dbe0!important}.forum-back:hover,.forum-mod-button:hover{background:#2b2c33!important;border-color:#f9731655!important}.forum-back .material-symbols-rounded,.forum-mod-button .material-symbols-rounded{font-size:17px}.forum-detail-info{min-width:0}.forum-detail-info h2{font-size:18px;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-detail-stats{font-size:10px;color:#858891}.forum-category-badge{display:inline-block;font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.07em;border-radius:5px;padding:3px 6px;background:#2e2119;border:1px solid #56321f;color:#fdba74}.forum-detail-actions{display:flex;gap:5px}.forum-mod-button{font-size:11px;padding:7px 9px}
.forum-original-post,.forum-comment-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:14px;background:#18191e}.forum-original-post{margin-bottom:8px}.forum-post-avatar{width:38px!important;height:38px!important}.forum-post-body{min-width:0}.forum-post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.forum-post-identity{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.forum-post-identity>button{border:0!important;background:transparent!important;padding:0!important;font-size:14px!important;font-weight:750;color:#f1f2f4!important}.forum-post-identity>button:hover{text-decoration:underline}.forum-post-identity small{font-size:10px;color:#858891}.forum-post-actions{display:flex;gap:3px}.forum-post-actions .icon-button{width:29px;height:29px;display:grid;place-items:center;padding:0!important;border:1px solid transparent!important;background:transparent!important}.forum-post-actions .icon-button:hover{background:#25262c!important;border-color:#353740!important}.forum-edit-button{color:#d6d8dd!important}.forum-delete-button{color:#fca5a5!important}.forum-post-actions .material-symbols-rounded{font-size:17px}.forum-post-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.58;color:#e8e9ec}.forum-post-footer{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:8px;border-top:1px solid #2b2d33}.forum-like-button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px!important;border:1px solid #34363d!important;background:#202127!important;color:#aeb1b8!important;font-size:11px!important}.forum-like-button:hover,.forum-like-button.active{border-color:#f9731666!important;background:#30231c!important;color:#fdba74!important}.forum-like-button .material-symbols-rounded{font-size:15px}
.forum-comments-section{padding:13px;margin-bottom:8px}.forum-comment-list{display:grid;gap:1px;border-top:1px solid #2c2e34}.forum-comment-card{border:0;border-bottom:1px solid #2c2e34;border-radius:0;padding:12px 4px;background:transparent}.forum-no-comments{padding:20px;text-align:center;color:#868992;font-size:12px}
.forum-reply-box{padding:11px;margin-bottom:20px}.forum-reply-box textarea{width:100%;min-height:96px;resize:vertical;font-size:14px;line-height:1.45;background:#111217!important;border-color:#34363d!important}.forum-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.forum-reply-footer small{font-size:10px;color:#858891}.forum-reply-footer button{display:inline-flex;align-items:center;gap:5px;background:#f97316!important;border-color:#fb923c!important;box-shadow:none!important}.forum-reply-footer .material-symbols-rounded{font-size:17px}.forum-locked-note{display:flex;align-items:center;gap:10px;color:#c4c6cc}.forum-locked-note>.material-symbols-rounded{color:#fb923c}.forum-locked-note strong,.forum-locked-note small{display:block}.forum-locked-note small{font-size:10px;color:#858891;margin-top:2px}
.forum-create-dialog{width:min(700px,calc(100vw - 24px));border:0;background:transparent;padding:0}.forum-dark-dialog,.forum-create-card{width:100%;display:grid;gap:12px;background:#18191e!important;border:1px solid #363840!important;box-shadow:0 18px 55px #0009!important}.forum-dark-dialog header,.forum-create-card header{border-bottom:1px solid #2c2e34;padding-bottom:10px}.forum-create-card label{display:grid;gap:6px;font-size:12px;color:#c5c7cd}.forum-create-card input,.forum-create-card select,.forum-create-card textarea{width:100%;font-size:14px;background:#111217!important;border:1px solid #34363d!important;color:#eff0f2!important}.forum-create-card textarea{resize:vertical;min-height:180px;line-height:1.45}.forum-create-card .primary{display:inline-flex;align-items:center;gap:5px;background:#f97316!important;border-color:#fb923c!important;box-shadow:none!important}.forum-create-card .material-symbols-rounded{font-size:18px}.forum-create-close,.forum-create-cancel{background:#23242a!important;border:1px solid #353740!important;color:#d6d8dd!important}.forum-create-close:hover,.forum-create-cancel:hover{background:#2d2e35!important}
/* Globale Schutzregel gegen native helle Browser-Buttons: ungestylte Controls bleiben WarDrix-dunkel. */
button:focus-visible{outline:2px solid #f9731690;outline-offset:2px}
@media(max-width:900px){.forum-shell{padding:12px 10px 32px}.forum-hero{align-items:flex-start}.forum-tool-row{grid-template-columns:1fr}.forum-thread-card{grid-template-columns:36px minmax(0,1fr)}.forum-thread-icon{width:34px;height:34px}.forum-thread-stats{grid-column:2;justify-items:start;display:flex;gap:12px;min-width:0;flex-wrap:wrap}.forum-thread-stats small{width:100%}.forum-detail-head{grid-template-columns:1fr}.forum-detail-actions{flex-wrap:wrap}.forum-original-post,.forum-comment-card{grid-template-columns:34px minmax(0,1fr);padding:11px}.forum-post-avatar{width:32px!important;height:32px!important}}
@media(max-width:620px){.forum-hero{display:grid}.forum-new-post{width:100%;justify-content:center}.forum-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.forum-category-tabs button{white-space:nowrap}.forum-search{grid-template-columns:auto minmax(0,1fr)}.forum-search-submit{width:34px;padding:0!important;justify-content:center}.forum-search-submit>span:last-child{display:none}.forum-sort{width:100%}.forum-thread-main>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-reply-footer{align-items:stretch;flex-direction:column}.forum-reply-footer button{justify-content:center}.forum-post-head{align-items:flex-start}.forum-detail-info h2{white-space:normal}}

/* WarDrix 1.6.41 – direkte Channel-/Kategorie-Sichtbarkeit */
.channel-editor-dialog{width:min(780px,calc(100vw - 28px))}
.channel-visibility-panel{margin-top:12px;padding:12px;border:1px solid #34363d;border-radius:10px;background:#18191d}
.channel-visibility-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.channel-visibility-head>div{display:flex;flex-direction:column;gap:2px}
.channel-visibility-head strong{font-size:12px;color:#f1f1f3}
.channel-visibility-head small{font-size:10px;line-height:1.45;color:#9da0a8}
.channel-visibility-admin-badge{flex:0 0 auto;border:1px solid #f9731655;background:#f9731616;color:#fdba74;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}
.channel-visibility-modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding:4px;background:#111216;border:1px solid #2b2d33;border-radius:9px}
.channel-visibility-modes button{min-height:34px;border:1px solid transparent!important;background:transparent!important;color:#aeb0b7!important;border-radius:7px!important;font-size:11px;font-weight:700;box-shadow:none!important}
.channel-visibility-modes button:hover{background:#202126!important;color:#ededf0!important}
.channel-visibility-modes button.active{background:#292b31!important;border-color:#f9731666!important;color:#fdba74!important}
.channel-visibility-restricted{margin-top:10px}
.channel-visibility-note{margin:0 0 9px;color:#a6a8af;font-size:10px;line-height:1.5}
.channel-visibility-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px}
.channel-visibility-column{min-width:0;padding:9px;background:#141519;border:1px solid #2a2c32;border-radius:9px}
.channel-visibility-column>strong,.channel-visibility-user-head>strong{font-size:10px;letter-spacing:.04em;color:#d7d8dc}
.channel-visibility-user-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.channel-visibility-user-head input{width:150px;min-height:30px!important;margin:0!important;padding:5px 8px!important;border:1px solid #34363d!important;border-radius:7px!important;background:#0f1013!important;color:#e8e8eb!important;font-size:10px!important;box-shadow:none!important}
.channel-visibility-user-head input:focus{border-color:#f9731688!important;outline:none!important}
.channel-access-list{display:flex;flex-direction:column;gap:5px;max-height:190px;overflow:auto;margin-top:8px;padding-right:2px;overscroll-behavior:contain;scrollbar-gutter:stable}
.channel-access-row{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:38px!important;margin:0!important;padding:6px 8px!important;border:1px solid #2d2f35!important;border-radius:8px!important;background:#1c1d22!important;color:#e9e9ec!important;text-align:left!important;box-shadow:none!important}
.channel-access-row:hover{background:#24262b!important;border-color:#3d4048!important}
.channel-access-row.selected{border-color:#f9731677!important;background:#f973160d!important}
.channel-access-row.disabled{opacity:.68;cursor:default!important}
.channel-access-role-dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;border:1px solid #ffffff2c}
.channel-access-avatar{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:9px!important}
.channel-access-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}
.channel-access-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;color:#ececef}
.channel-access-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#8f929a}
.channel-access-check{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;border:1px solid #444750;border-radius:6px;background:#111216;color:#fdba74;font-size:12px;font-weight:800}
.channel-access-row.selected .channel-access-check,.channel-access-row.disabled .channel-access-check{border-color:#f9731688;background:#f9731617}
.channel-access-empty{padding:11px 8px;color:#858890;font-size:10px;text-align:center;border:1px dashed #30323a;border-radius:7px}
.channel-visibility-summary{margin-top:8px;padding-top:8px;border-top:1px solid #2a2c32;color:#b7b9c0;font-size:10px}
@media(max-width:760px){.channel-visibility-grid{grid-template-columns:1fr}.channel-visibility-user-head{align-items:flex-start;flex-direction:column}.channel-visibility-user-head input{width:100%}.channel-access-list{max-height:150px}}

/* WarDrix 1.6.42 – Forum Readability Scale
   Lesbarkeit angehoben, ohne die kompakte Forum-Struktur aufzugeben. */
.forum-view{
  --forum-text-xs:11px;
  --forum-text-sm:12px;
  --forum-text-md:13px;
  --forum-text-base:14px;
  --forum-text-readable:15px;
  --forum-text-title:16px;
}
.forum-kicker{font-size:11px}
.forum-hero h2{font-size:25px;line-height:1.2}
.forum-hero p{font-size:15px;line-height:1.5;color:#c5c7ce}
.forum-new-post{font-size:14px!important;padding:10px 15px!important}
.forum-category-tabs button{font-size:13px;padding:7px 11px}
.forum-search input{font-size:14px!important}
.forum-search-submit{font-size:13px!important;height:35px}
.forum-sort{font-size:13px!important;height:44px}
.forum-section-head strong,.forum-comments-head strong{font-size:16px;line-height:1.25}
.forum-section-head small,.forum-comments-head small{font-size:12px;color:#a6a9b1}
.forum-thread-card{grid-template-columns:44px minmax(0,1fr) auto;gap:13px;padding:14px 10px}
.forum-thread-icon{width:40px;height:40px;font-size:21px}
.forum-thread-title strong{font-size:16px;line-height:1.3}
.forum-thread-main>p{font-size:14px;line-height:1.48;color:#bec1c8;margin:5px 0 7px}
.forum-pin-label{font-size:10px;padding:3px 6px}
.forum-lock{font-size:17px}
.forum-meta{font-size:12px;color:#a5a8b0;gap:6px}
.forum-mini-avatar{width:20px!important;height:20px!important;font-size:9px!important}
.forum-author-link{font-size:12px!important;color:#dcdee4!important}
.forum-edited{color:#90939b!important}
.forum-thread-stats{min-width:168px;gap:6px 11px;color:#b2b5bd}
.forum-thread-stats>span{font-size:12px;gap:4px}
.forum-thread-stats .material-symbols-rounded{font-size:16px}
.forum-thread-stats small{font-size:11px;color:#9699a2}
.forum-empty strong{font-size:16px}
.forum-empty p{font-size:14px;line-height:1.5}
.forum-detail-info h2{font-size:20px;line-height:1.3}
.forum-detail-stats{font-size:12px;color:#a5a8b0}
.forum-category-badge{font-size:10px;padding:4px 7px}
.forum-mod-button{font-size:12px;padding:8px 10px}
.forum-post-identity>button{font-size:15px!important}
.forum-post-identity small{font-size:12px;color:#a5a8b0}
.forum-post-content{font-size:15px;line-height:1.62;color:#eceef1}
.forum-like-button{font-size:12px!important;padding:6px 9px!important}
.forum-no-comments{font-size:13px;color:#a2a5ad}
.forum-reply-box textarea{font-size:15px;line-height:1.55;min-height:108px}
.forum-reply-footer small{font-size:12px;color:#9fa2aa}
.forum-reply-footer button{font-size:13px!important;padding:8px 12px!important}
.forum-locked-note small{font-size:12px;color:#a0a3ab}
.forum-create-card label{font-size:13px;color:#d0d2d8}
.forum-create-card input,.forum-create-card select,.forum-create-card textarea{font-size:15px}
.forum-create-card textarea{line-height:1.55}
@media(max-width:900px){
  .forum-thread-card{grid-template-columns:40px minmax(0,1fr);padding:13px 8px}
  .forum-thread-icon{width:36px;height:36px}
  .forum-thread-stats{min-width:0}
}
@media(max-width:620px){
  .forum-hero p{font-size:14px}
  .forum-thread-title strong{font-size:15px}
  .forum-thread-main>p{font-size:13px}
  .forum-post-content{font-size:15px}
}


/* WarDrix 1.6.43 – Forum Rich Editor, responsive Anhänge & gestaltbare Sidebar-Funktionen */
.sidebar-feature-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:2px;padding-right:2px}
.sidebar-feature-row>.channel-item{min-width:0;width:100%}
.sidebar-feature-row>.channel-item .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-feature-more{width:26px;height:26px;display:grid;place-items:center;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#92959d!important;box-shadow:none!important;opacity:.35;transition:background .12s ease,color .12s ease,opacity .12s ease}
.sidebar-feature-row:hover .sidebar-feature-more,.sidebar-feature-more:focus-visible{opacity:1}
.sidebar-feature-more:hover{background:#ffffff0d!important;color:#f2f2f4!important}
.sidebar-feature-more .material-symbols-rounded{font-size:17px}
.ticket-sidebar-button.has-custom-background,.forum-sidebar-button.has-custom-background,.polls-sidebar-button.has-custom-background,.syntax-sidebar-button.has-custom-background{border-radius:7px}

.forum-rich-editor{display:grid;gap:0;border:1px solid #3a3c44;border-radius:10px;background:#111217;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}
.forum-rich-editor:focus-within{border-color:#f973167d;box-shadow:0 0 0 1px #f9731627}
.forum-rich-editor.dragging{border-color:#fb923c;box-shadow:inset 0 0 0 1px #fb923c55,0 0 0 2px #f973161c}
.forum-editor-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:7px;border-bottom:1px solid #2d2f35;background:#18191e}
.forum-editor-tool{min-width:30px;height:30px;display:inline-grid;place-items:center;padding:0 8px!important;border:1px solid #34363d!important;border-radius:6px!important;background:#222329!important;color:#d8dae0!important;font-size:12px!important;font-weight:750!important;line-height:1!important;box-shadow:none!important}
.forum-editor-tool:hover{background:#2c2e34!important;border-color:#f9731663!important;color:#fff!important}
.forum-editor-tool .material-symbols-rounded{font-size:17px}
.forum-editor-select{width:auto!important;min-width:104px;height:30px!important;margin:0!important;padding:0 28px 0 8px!important;border:1px solid #34363d!important;border-radius:6px!important;background-color:#222329!important;color:#e5e7eb!important;font-size:12px!important;box-shadow:none!important}
.forum-editor-size{min-width:78px}
.forum-editor-color{position:relative;width:34px;height:30px;display:grid!important;place-items:center;margin:0!important;padding:0!important;border:1px solid #34363d;border-radius:6px;background:#222329;color:#d8dae0;cursor:pointer;overflow:hidden}
.forum-editor-color:hover{border-color:#f9731663;background:#2c2e34}
.forum-editor-color>.material-symbols-rounded{font-size:17px;pointer-events:none}
.forum-editor-color input[type="color"]{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0;cursor:pointer}
.forum-editor-textarea{width:100%!important;min-height:128px!important;margin:0!important;padding:12px 13px!important;resize:vertical!important;border:0!important;border-radius:0!important;background:#111217!important;color:#eceef1!important;font-size:15px!important;line-height:1.58!important;box-shadow:none!important;outline:none!important}
.forum-editor-textarea::placeholder{color:#777a83}
.forum-editor-files{display:grid;gap:6px;padding:0 9px 8px;background:#111217}
.forum-editor-files:empty{display:none}
.forum-editor-file,.forum-editor-existing-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:7px 8px;border:1px solid #30323a;border-radius:8px;background:#1b1c21;color:#dfe1e6}
.forum-editor-file>img{width:52px;height:46px;object-fit:cover;border-radius:6px;border:1px solid #34363d;background:#0e0f12}
.forum-editor-file>.material-symbols-rounded,.forum-editor-existing-file>.material-symbols-rounded{font-size:21px;color:#fb923c}
.forum-editor-file>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.forum-editor-file strong,.forum-editor-existing-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#eceef1}
.forum-editor-file small{font-size:10px;color:#92959e}
.forum-editor-remove{width:27px!important;min-width:27px!important;height:27px!important;padding:0!important;border-color:transparent!important;background:transparent!important;color:#b4b6bd!important}
.forum-editor-remove:hover{background:#ef444414!important;border-color:#ef44444d!important;color:#fca5a5!important}
.forum-editor-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;border-top:1px solid #26282e;background:#15161a;color:#858891;font-size:10px;line-height:1.35}
.forum-create-meta-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px}
.forum-attachments{max-width:100%;margin-top:9px}
.forum-post-body .attachments{max-width:100%;min-width:0}
.forum-post-body .attachment{max-width:100%}
.forum-post-body .image-attachment{display:block;width:auto;max-width:100%;height:auto;max-height:720px;object-fit:contain}
.forum-post-body video,.forum-post-body audio{max-width:100%}
.forum-post-body .message-code-file,.forum-post-body .file-card{max-width:100%}
.forum-reply-box .forum-rich-editor{margin:0}
.forum-create-card .forum-rich-editor textarea{min-height:180px!important}
.forum-create-card .forum-editor-select{width:auto!important}

@media(max-width:700px){
  .forum-editor-toolbar{gap:3px;padding:6px}
  .forum-editor-select{min-width:92px}
  .forum-editor-size{min-width:70px}
  .forum-create-meta-grid{grid-template-columns:1fr}
  .forum-editor-status{align-items:flex-start;flex-direction:column;gap:3px}
}


/* WarDrix 1.6.44 – Member actions & report inbox */
.profile-side-actions button .material-symbols-rounded{font-size:18px;vertical-align:-4px;margin-right:4px}
#sideProfileReportBtn{border-color:#f59e0b55;background:#f59e0b12}
.report-user-dialog{width:min(520px,calc(100vw - 28px))}
.report-user-dialog label{display:grid;gap:6px;margin-top:14px}
.report-user-dialog textarea{min-height:132px;resize:vertical}
.report-user-dialog select,.report-user-dialog textarea{background:#141419;border:1px solid #ffffff1b;color:#f4f4f5;border-radius:8px;padding:10px 11px;outline:none}
.report-user-dialog select:focus,.report-user-dialog textarea:focus{border-color:#f9731688;box-shadow:0 0 0 2px #f9731622}
.report-privacy-note{display:block;margin-top:9px;color:#a9a9b2;line-height:1.45}
.settings-nav button[data-settings-tab="reports"]{display:flex;align-items:center;gap:7px}
.settings-nav button[data-settings-tab="reports"].hidden{display:none!important}
.settings-nav-badge{margin-left:auto;padding:2px 6px;border-radius:999px;background:#f97316;color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.settings-nav button.has-new-report{color:#fff;background:#f9731614}
.reports-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.reports-head h4{margin-bottom:5px}.reports-head p{margin:0;color:#b9b9c2;line-height:1.45;max-width:650px}
.report-filter{display:flex;gap:5px;flex:none}.report-filter button{border:1px solid #ffffff18;background:#17171c;color:#ddd;border-radius:7px;padding:7px 10px}.report-filter button.active{border-color:#f9731677;background:#f9731622;color:#fff}
.member-reports-list{display:grid;gap:9px}.member-report-card{margin-bottom:0;padding:15px 16px;border-left:3px solid #73737d}.member-report-card.status-open{border-left-color:#f97316}.member-report-card.status-reviewed{border-left-color:#f59e0b}.member-report-card.status-resolved{border-left-color:#3f8f67;opacity:.82}
.member-report-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.member-report-who{display:flex;gap:9px;min-width:0}.member-report-who strong,.member-report-who small{display:block}.member-report-who small{margin-top:2px;color:#aaaab3;font-size:11px}.report-status-dot{width:9px;height:9px;border-radius:50%;background:#73737d;margin-top:5px;flex:none}.status-open .report-status-dot{background:#f97316;box-shadow:0 0 0 3px #f973161d}.status-reviewed .report-status-dot{background:#f59e0b}.status-resolved .report-status-dot{background:#3f8f67}
.member-report-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;color:#aaaab3;font-size:11px}.report-category{border:1px solid #f9731644;background:#f9731614;color:#ffb178;border-radius:999px;padding:3px 7px}
.member-report-reason{margin:13px 0;padding:11px 12px;background:#0f0f137a;border:1px solid #ffffff0e;border-radius:8px;white-space:pre-wrap;line-height:1.5;color:#e7e7ea;font-size:13px}
.member-report-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-report-actions>div{display:flex;gap:6px;flex-wrap:wrap}.member-report-actions button{display:inline-flex;align-items:center;gap:5px;border:1px solid #ffffff18;background:#1b1b20;color:#eee;border-radius:7px;padding:7px 9px}.member-report-actions button .material-symbols-rounded{font-size:17px}.member-report-actions button.primary-soft{border-color:#f9731666;background:#f9731624}.report-state{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.report-state.state-open{color:#ff9c52}.report-state.state-reviewed{color:#f4bd55}.report-state.state-resolved{color:#70c797}
.reports-empty{display:flex;align-items:center;gap:12px;color:#b9b9c2}.reports-empty>.material-symbols-rounded{font-size:28px;color:#70c797}.reports-empty strong,.reports-empty small{display:block}.reports-empty small{margin-top:2px}
@media(max-width:760px){.reports-head,.member-report-top,.member-report-actions{flex-direction:column;align-items:stretch}.member-report-meta{justify-content:flex-start}.member-report-actions>div{width:100%}.member-report-actions button{flex:1;justify-content:center}}

/* WarDrix 1.6.45 – Meldungsstatus / Owner-only Löschen */
.member-report-actions button:disabled{opacity:.52;cursor:wait;pointer-events:none}.member-report-actions button.is-busy{border-color:#f9731677;background:#f9731618}.member-report-actions button.danger-soft{border-color:#fb718566;background:#fb71851f;color:#fecdd3}.member-report-actions button.danger-soft:hover{background:#fb71852e;border-color:#fb7185}

/* WarDrix 1.6.49 – Prompt-Dialog sauber schließen */
.prompt-dialog-card{width:min(450px,calc(100vw - 28px))}
.prompt-dialog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.prompt-dialog-card>header>div{min-width:0;flex:1}
.prompt-dialog-card>header h3{margin:0 0 5px}
.prompt-dialog-card>header p{margin:3px 0;color:#d2d2d7}
.prompt-close-btn{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0!important;border:1px solid #ffffff14!important;border-radius:9px!important;background:#ffffff08!important;color:#ddd!important}
.prompt-close-btn:hover{background:#ffffff12!important;border-color:#f9731666!important;color:#fff!important}
.prompt-close-btn .material-symbols-rounded{font-size:20px}
.prompt-dialog-card #promptInput{display:block;width:100%;margin-top:14px;padding:10px 11px}
.prompt-dialog-card .dialog-actions>button:first-child:hover{background:#ffffff12;border-color:#ffffff24}


/* WarDrix 1.6.50 – serverweite Umfragen */
.polls-sidebar-button .channel-icon{color:#fb923c;font-size:18px}
.polls-view{padding:14px 18px 28px;overflow:auto;background:#303238}
.poll-shell{width:min(1040px,100%);margin:0 auto;display:grid;gap:12px}
.poll-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(135deg,#1b1c21,#17181c)}
.poll-kicker{display:block;color:#fb923c;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:4px}.poll-hero h2{margin:0;color:#fff;font-size:22px}.poll-hero p{margin:5px 0 0;color:#b8b9c1;font-size:13px;line-height:1.45;max-width:680px}.poll-new-button{display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:38px}
.poll-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #ffffff10;border-radius:10px;background:#1b1c20}.poll-tools>small{color:#9b9ca5;font-size:11px}.poll-filter-tabs{display:flex;gap:5px}.poll-filter-tabs button{border:1px solid #ffffff12;background:#232429;color:#c9cad0;border-radius:7px;padding:7px 11px;font-size:12px}.poll-filter-tabs button:hover{background:#292a30;color:#fff}.poll-filter-tabs button.active{border-color:#f9731670;background:#f9731628;color:#fff}
.poll-list{display:grid;gap:10px}.poll-card{border:1px solid #ffffff12;border-radius:12px;background:#1b1c20;padding:15px 16px;box-shadow:0 8px 25px #0002}.poll-card.ended{background:#18191d;border-color:#ffffff0d}.poll-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.poll-author{display:flex;align-items:center;min-width:0;gap:9px}.poll-author-avatar{width:34px;height:34px;flex:0 0 34px;font-size:11px}.poll-author>div{min-width:0}.poll-author-line{display:flex;align-items:center;gap:6px;min-width:0}.poll-author-line>button{border:0;background:transparent;color:#f2f2f4;padding:0;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-author-line>button:hover{text-decoration:underline}.poll-author small{display:block;margin-top:2px;color:#8f9098;font-size:10px}.poll-status{display:flex;align-items:flex-end;flex-direction:column;gap:3px}.poll-status>span{font-size:9px;font-weight:900;letter-spacing:.1em;border-radius:999px;padding:4px 7px}.poll-status-live{background:#f9731626;border:1px solid #f9731660;color:#fdba74}.poll-status-ended{background:#ffffff0a;border:1px solid #ffffff14;color:#aaaab2}.poll-status small{color:#9b9ca5;font-size:10px}
.poll-card h3{margin:13px 0 4px;color:#fff;font-size:17px;line-height:1.35}.poll-description{margin:0 0 12px;color:#c1c2c8;font-size:13px;line-height:1.5;white-space:pre-wrap}.poll-options{display:grid;gap:7px;margin-top:13px}.poll-option{position:relative;overflow:hidden;display:block;width:100%;text-align:left;border:1px solid #ffffff14;border-radius:9px;background:#222329;color:#eee;padding:9px 10px;transition:border-color .14s,background .14s}.poll-option:hover:not(:disabled){border-color:#f973165b;background:#292a30}.poll-option:disabled{opacity:1;cursor:default}.poll-option.selected{border-color:#f9731685;background:#f9731615}.poll-option.winner{border-color:#f97316;background:#f973161c;box-shadow:inset 3px 0 0 #f97316}.poll-option-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.poll-option-label{display:flex;align-items:center;gap:7px;min-width:0}.poll-option-label .material-symbols-rounded{font-size:17px;color:#fb923c}.poll-option-label strong{font-size:13px;overflow-wrap:anywhere}.poll-option-stats{flex:0 0 auto;color:#aaaab2;font-size:10px}.poll-option-bar{position:relative;z-index:2;display:block;height:4px;margin-top:7px;background:#0e0f12;border-radius:999px;overflow:hidden}.poll-option-bar>span{display:block;height:100%;background:#f97316;border-radius:inherit;transition:width .25s ease}.poll-card-foot{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff0d;margin-top:13px;padding-top:10px}.poll-summary{display:flex;align-items:center;color:#a7a8b0;font-size:10px}.poll-summary .material-symbols-rounded{font-size:16px}.poll-result{margin-left:auto;color:#d6d7dc;font-size:11px;text-align:right}.poll-card.ended .poll-result{color:#fdba74}.poll-delete{margin-left:6px;display:flex;align-items:center;gap:4px;border:1px solid #ef444438;background:#ef444410;color:#fca5a5;border-radius:7px;padding:6px 8px;font-size:10px}.poll-delete:hover{background:#ef444422}.poll-delete .material-symbols-rounded{font-size:15px}
.poll-empty{padding:42px 16px;text-align:center;border:1px dashed #ffffff13;border-radius:12px;background:#18191d;color:#9fa0a8}.poll-empty>.material-symbols-rounded{font-size:34px;color:#fb923c}.poll-empty strong{display:block;color:#eee;font-size:14px;margin-top:7px}.poll-empty p{margin:4px 0 0;font-size:11px}
.poll-create-dialog{width:min(620px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 24px));overflow:auto;padding:17px}.poll-create-dialog>header{align-items:flex-start}.poll-create-dialog label{font-size:11px;color:#c9cad0}.poll-create-dialog label>small{color:#8e8f97}.poll-create-dialog input,.poll-create-dialog textarea,.poll-create-dialog select{width:100%;margin-top:5px;background:#15161a;border:1px solid #ffffff18;color:#eee;border-radius:7px;padding:9px 10px;font-size:13px}.poll-create-dialog textarea{resize:vertical;min-height:72px}.poll-create-options-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:2px}.poll-create-options-head strong{font-size:12px}.poll-create-options-head small{color:#92939b;font-size:9px}.poll-create-options{display:grid;gap:6px;margin-top:7px}.poll-create-option-row{display:grid;grid-template-columns:28px minmax(0,1fr) 34px;gap:6px;align-items:center}.poll-create-option-row input{margin:0}.poll-option-number{display:grid;place-items:center;width:28px;height:34px;border-radius:7px;border:1px solid #ffffff10;background:#191a1f;color:#fb923c;font-size:11px;font-weight:800}.poll-create-option-row button{width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #ffffff10;background:#1d1e23;color:#aaa;border-radius:7px}.poll-create-option-row button:hover:not(:disabled){background:#2a2b31;color:#fff}.poll-create-option-row button:disabled{opacity:.25}.poll-create-option-row button .material-symbols-rounded{font-size:17px}.poll-add-option{width:max-content;display:flex;align-items:center;gap:5px;margin-top:7px;border:1px solid #f9731640;background:#f9731612;color:#fdba74;border-radius:7px;padding:7px 9px;font-size:11px}.poll-add-option:hover{background:#f9731625}.poll-add-option .material-symbols-rounded{font-size:16px}
@media(max-width:760px){.polls-view{padding:7px}.poll-hero{align-items:flex-start;flex-direction:column;padding:14px}.poll-hero h2{font-size:20px}.poll-new-button{width:100%;justify-content:center}.poll-tools{align-items:stretch;flex-direction:column}.poll-filter-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.poll-filter-tabs button{padding:7px 5px}.poll-card{padding:12px}.poll-card-head{gap:8px}.poll-status small{max-width:120px;text-align:right}.poll-option-top{align-items:flex-start;flex-direction:column;gap:4px}.poll-option-stats{align-self:flex-end}.poll-card-foot{align-items:flex-start;flex-wrap:wrap}.poll-result{order:3;width:100%;margin-left:0;text-align:left}.poll-delete{margin-left:auto}.poll-create-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:13px}.poll-create-options-head{align-items:flex-start;flex-direction:column;gap:2px}}

/* WarDrix 1.6.51 – Compact Server Sidebar */
.server-header.guild-mode-hidden{display:none!important}
#guildNav{position:relative}
.channel-tree-toolbar{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) 34px;align-items:stretch;padding-top:10px}
.channel-tree-toolbar #serverActionsBtn{display:grid;place-items:center;padding:0;width:34px;min-width:34px}
.channel-tree-toolbar #serverActionsBtn>.material-symbols-rounded{margin-right:0;font-size:20px}
.server-actions-menu{position:absolute;top:calc(100% - 2px);right:8px;z-index:30;width:205px;padding:6px;background:#17181df7;border:1px solid #ffffff1f;border-radius:9px;box-shadow:0 16px 38px #000a;backdrop-filter:blur(16px)}
.channel-tree-toolbar .server-actions-menu button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#eee;border-radius:7px;padding:9px 10px;text-align:left;font-size:12px;white-space:normal}
.channel-tree-toolbar .server-actions-menu button:hover{background:#f9731618;color:#fff}
.channel-tree-toolbar .server-actions-menu button>.material-symbols-rounded{font-size:18px;margin:0;color:#fb923c}
@media(max-width:760px){.channel-tree-toolbar{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) 34px}.channel-tree-toolbar #serverActionsBtn{grid-column:auto!important}.server-actions-menu{right:6px}}


/* WarDrix 1.6.52 – DM Chat Button & Header */
.rail-home-chat{display:grid;place-items:center;padding:0!important;border-radius:16px!important;background:transparent!important;border:0!important;color:#fb923c!important;box-shadow:none!important}
.rail-home-chat:hover{filter:none;background:#313338!important}
.rail-home-chat .material-symbols-rounded{font-size:26px;line-height:1;margin:0;color:#f97316;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}
.rail-home-chat.active{background:transparent!important;border-radius:16px!important;border:0!important;box-shadow:none!important}
.server-header.dm-mode{display:flex!important;gap:0!important;align-items:center;padding:0 16px!important;height:60px}
.server-header.dm-mode .server-brand{display:none!important}
.server-header.dm-mode .server-title{display:flex;align-items:center;min-width:0;flex:1}
.server-header.dm-mode .server-title strong{font-size:22px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:.01em}
.server-header.dm-mode .server-title small{display:none!important}
@media(max-width:760px){.server-header.dm-mode{height:56px;padding:0 12px!important}.server-header.dm-mode .server-title strong{font-size:18px!important}}


/* WarDrix 1.6.53 – Round DM Icon */


/* WarDrix 1.6.54 – Typical Chat Bubble */


/* WarDrix 1.6.55 – Minimal DM Bubble */

.rail-home-chat:focus-visible{outline:none;box-shadow:0 0 0 2px #f9731655!important;background:#313338!important}
.rail-home-chat .material-symbols-rounded{display:block}

/* WarDrix 1.6.56 – Servergruppen & erweiterte Erwähnungen */
.server-folder-button{position:relative;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;padding:0!important;border:0!important;border-radius:14px!important;background:#2b2d31!important;color:#fff;box-shadow:none!important;transition:background .14s ease,border-radius .14s ease,transform .14s ease}
.server-folder-button:hover,.server-folder-button.expanded{background:#35373c!important;border-radius:12px!important}
.server-folder-button.active{box-shadow:inset 0 0 0 2px #f973168f!important}
.server-folder-grid{width:34px;height:34px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;place-items:stretch;pointer-events:none}
.server-folder-mini{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#1e1f22;color:#eceef1;font-size:7px;font-weight:800;line-height:1;background-position:center;background-size:cover;background-repeat:no-repeat}
.server-folder-mini.has-icon{color:transparent}
.server-folder-stack{position:relative;width:56px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:3px 0 6px;margin-top:-3px}
.server-folder-stack::before{content:"";position:absolute;inset:0 3px;border-radius:16px;background:#202225;z-index:0;pointer-events:none}
.server-folder-stack>.server-button{position:relative;z-index:1;width:42px;height:42px;flex:0 0 42px}
.server-button.dragging{opacity:.42!important;transform:scale(.92)}
.server-button.drop-target,.server-folder-button.drop-target{outline:2px solid #f97316!important;outline-offset:2px;transform:scale(1.06)}
.server-folder-button .unread-dot{right:-5px!important;top:-4px!important}
.mention-suggest-channel-icon.role{border:1px solid #ffffff12;background:#ffffff08;font-size:18px}
.mention-suggest-channel-icon.mass{border:1px solid #f9731640;background:#f9731618;color:#fb923c}
.mention-suggest-channel-icon.mass .material-symbols-rounded{font-size:19px}
.inline-mention.role-mention{background:#ffffff0d!important;color:var(--mention-role-color,#fdba74)!important;border:1px solid color-mix(in srgb,var(--mention-role-color,#fdba74) 35%,transparent)!important}
.inline-mention.role-mention.self-mention{background:#f59e0b38!important;color:#fde68a!important;border-color:#f59e0b55!important}
@media(max-width:760px){.server-folder-button{width:44px;height:44px;flex-basis:44px}.server-folder-grid{width:31px;height:31px;gap:2px}.server-folder-stack{width:50px}.server-folder-stack>.server-button{width:39px;height:39px;flex-basis:39px}}


/* WarDrix 1.6.57 – Server Folder Release */
.server-rail-dropzone{width:48px;min-height:62px;margin-top:4px;padding:8px 3px 9px;display:grid;justify-items:center;align-content:center;gap:5px;border:1px dashed #f9731648;border-radius:14px;background:#f973160d;color:#f6b37f;transition:background .12s ease,border-color .12s ease,transform .12s ease,opacity .12s ease}
.server-rail-dropzone.hidden{display:none!important}
.server-rail-dropzone .material-symbols-rounded{font-size:19px;line-height:1}
.server-rail-dropzone small{font-size:9px;line-height:1.15;font-weight:700;letter-spacing:.02em;text-align:center}
.server-rail-dropzone.active{background:#f973161d;border-color:#fb923ca8;color:#fff;transform:scale(1.04);box-shadow:0 0 0 1px #ffffff0b,inset 0 0 0 1px #ffffff08}
@media(max-width:760px){.server-rail-dropzone{width:44px;min-height:58px}.server-rail-dropzone small{font-size:8px}}


/* WarDrix 1.6.58 – DM Glow Unread */
.rail-home-chat{position:relative;overflow:visible!important}
.rail-home-chat.has-unread .material-symbols-rounded{filter:drop-shadow(0 0 5px rgba(249,115,22,.95)) drop-shadow(0 0 11px rgba(249,115,22,.7)) drop-shadow(0 0 18px rgba(249,115,22,.45))}
.rail-home-chat.has-unread.has-unread-quiet .material-symbols-rounded{filter:drop-shadow(0 0 5px rgba(245,158,11,.55)) drop-shadow(0 0 10px rgba(255,255,255,.14))}
.rail-home-chat.has-unread{background:#313338!important;border-radius:16px!important}
.rail-home-chat.has-unread.active{background:#313338!important}
.home-unread-badge{position:absolute;right:-7px;bottom:-5px;z-index:30;min-width:22px;height:18px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:#f97316;color:#fff;border:2px solid #111114;box-shadow:0 0 0 1px #ffffff22,0 4px 12px rgba(0,0,0,.45),0 0 12px rgba(249,115,22,.35);font-size:10px;font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap;pointer-events:none}
.home-unread-badge.quiet{background:#6b7280;color:#f4f4f5;box-shadow:0 0 0 1px #ffffff18,0 4px 12px rgba(0,0,0,.35)}
@media(max-width:760px){.home-unread-badge{right:-6px;bottom:-4px;min-width:20px;height:17px;padding:0 5px;font-size:9px}}

/* WarDrix 1.6.61 – Persistent Media, Welcome Bot, Screen Stop & Ticket Role Assignment */
.youtube-preview-card{position:relative;width:min(520px,100%);aspect-ratio:16/9;margin-top:8px;padding:0!important;overflow:hidden;border:1px solid #ffffff16!important;border-radius:12px!important;background:#18191e!important;text-align:left;box-shadow:0 8px 24px #0003}
.youtube-preview-card:hover{border-color:#f9731675!important;transform:translateY(-1px)}
.youtube-preview-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:.88}
.youtube-preview-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#08090bd9 100%);pointer-events:none}
.youtube-preview-overlay{position:absolute;left:50%;top:50%;z-index:2;width:54px;height:54px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#f97316;color:#fff;box-shadow:0 8px 28px #0008,0 0 24px #f9731655}
.youtube-preview-overlay.material-symbols-rounded{font-size:32px}
.youtube-preview-meta{position:absolute;z-index:2;left:14px;right:14px;bottom:11px;display:block;color:#fff;text-shadow:0 2px 6px #000}
.youtube-preview-meta strong,.youtube-preview-meta small{display:block}.youtube-preview-meta strong{font-size:15px}.youtube-preview-meta small{font-size:11px;color:#d9d9df;margin-top:2px}
.persistent-media-dock{position:fixed;right:18px;bottom:18px;z-index:95;width:min(430px,calc(100vw - 28px));overflow:hidden;border:1px solid #ffffff1d;border-radius:14px;background:#17181df5;box-shadow:0 22px 64px #000a;backdrop-filter:blur(18px)}
.persistent-media-dock.hidden{display:none!important}.persistent-media-head{height:48px;display:flex;align-items:center;gap:10px;padding:0 8px 0 12px;border-bottom:1px solid #ffffff12;background:#202126}
.persistent-media-title{min-width:0;flex:1;display:flex;align-items:center;gap:9px}.persistent-media-title>.material-symbols-rounded{font-size:20px;color:#f97316}.persistent-media-title>div{min-width:0}.persistent-media-title strong,.persistent-media-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persistent-media-title strong{font-size:13px}.persistent-media-title small{font-size:9px;color:#aaaab3;margin-top:1px}.persistent-media-close{width:34px;height:34px;display:grid;place-items:center;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#d7d7dc!important}.persistent-media-close:hover{background:#ffffff0d!important;color:#fff!important}.persistent-media-body{background:#0c0d10}.persistent-media-dock.video-mode .persistent-media-body{aspect-ratio:16/9}.persistent-youtube-player{width:100%;height:100%;border:0;display:block;background:#000}.persistent-media-dock.audio-mode .persistent-media-body{padding:10px;background:#18191e}.persistent-audio-player{display:block;width:100%;height:40px;accent-color:#f97316}.audio-persist-note{display:block;margin-top:6px;color:#f2a46e;font-size:10px}.audio-persist-note.hidden{display:none!important}
.system-message{background:linear-gradient(90deg,#f9731609,transparent 55%)}.system-message-user{color:#fb923c!important;font-weight:700}.system-message-avatar{background:#f973161f!important;border:1px solid #f9731655!important;color:#fb923c!important}.system-bot-badge{display:inline-grid;place-items:center;height:16px;padding:0 5px;border-radius:4px;background:#f97316;color:#fff;font-size:8px;font-weight:800;letter-spacing:.04em}
.welcome-bot-card{display:grid;gap:12px}.welcome-bot-head{display:flex;align-items:flex-start;gap:11px}.welcome-bot-head>.material-symbols-rounded{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#f973161b;border:1px solid #f9731644;color:#fb923c}.welcome-bot-head h4{margin:0 0 4px}.welcome-bot-head p{margin:0;color:#b9bac1;line-height:1.45}.welcome-bot-grid{margin-top:0}.welcome-placeholder-help{display:flex;flex-wrap:wrap;gap:7px 12px;padding:10px 11px;border:1px solid #ffffff0f;border-radius:9px;background:#14151a;color:#b7b8bf;font-size:11px}.welcome-placeholder-help strong{width:100%;color:#eee}.welcome-placeholder-help code{color:#fb923c;background:#f9731612;border:1px solid #f973162c;border-radius:5px;padding:2px 5px}.welcome-preview{padding:11px 12px;border-left:3px solid #f97316;border-radius:0 8px 8px 0;background:#f973160c}.welcome-preview>small{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;color:#fb923c;margin-bottom:5px}.welcome-preview>div{white-space:pre-wrap;line-height:1.4;color:#f1f1f3}
.ticket-assign-tabs{margin:10px 14px 0}.ticket-assign-role-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:9px;background:#ffffff08;font-size:21px}.ticket-assignee-name.role-assignment{font-weight:700}.ticket-assign-role .ticket-assign-user-copy small{white-space:normal;line-height:1.25}
@media(max-width:700px){.persistent-media-dock{right:8px;bottom:8px;width:calc(100vw - 16px)}.youtube-preview-overlay{width:46px;height:46px}.youtube-preview-overlay.material-symbols-rounded{font-size:28px}}
.ticket-assign-role-action{border-color:#f973164c!important}.ticket-assign-role-action:hover{border-color:#f97316!important;background:#f9731614!important}


/* WarDrix 1.6.62 – Draggable Media Popup + Resizable Channel Sidebar */
#appView.app{--wdx-channel-sidebar-width:270px;--wdx-member-sidebar-width:260px;grid-template-columns:72px var(--wdx-channel-sidebar-width) 8px minmax(0,1fr) var(--wdx-member-sidebar-width)!important}
#appView>.server-rail{grid-column:1}
#appView>.channel-sidebar{grid-column:2;min-width:0;width:auto!important;max-width:none!important}
#channelSidebarResizer{grid-column:3;align-self:stretch;justify-self:stretch;position:relative;cursor:col-resize;background:transparent;touch-action:none;z-index:5}
#channelSidebarResizer::before{content:"";position:absolute;left:3px;right:3px;top:0;bottom:0;border-radius:999px;background:linear-gradient(180deg,#ffffff10,#ffffff06)}
#channelSidebarResizer::after{content:"";position:absolute;left:2px;right:2px;top:50%;height:52px;transform:translateY(-50%);border-radius:999px;background:#f9731618;border:1px solid #f9731632;box-shadow:0 0 0 1px #ffffff06 inset;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}
#channelSidebarResizer:hover::after,#channelSidebarResizer.dragging::after{background:#f973162c;border-color:#fb923c8a;box-shadow:0 0 14px #f973162a,0 0 0 1px #ffffff10 inset}
body.sidebar-resize-active{cursor:col-resize;user-select:none}
#appView>.chat-main{grid-column:4}
#appView>.member-sidebar{grid-column:5}
.persistent-media-dock{cursor:default;user-select:none}
.persistent-media-head{cursor:grab;touch-action:none}
.persistent-media-dock.dragging .persistent-media-head,.persistent-media-head:active{cursor:grabbing}
body.media-drag-active{user-select:none}
.persistent-media-dock:not(.hidden){right:18px;bottom:18px;left:auto;top:auto}
@media(max-width:1100px){#appView.app{grid-template-columns:68px var(--wdx-channel-sidebar-width,250px) 8px minmax(0,1fr)!important}#appView>.chat-main{grid-column:4}#channelSidebarResizer{grid-column:3}#appView>.member-sidebar{display:none!important}}
@media(max-width:760px){#appView.app{grid-template-columns:minmax(0,1fr)!important}#channelSidebarResizer{display:none!important}#appView>.channel-sidebar{grid-column:1;width:calc(100vw - 58px)!important;max-width:330px!important}#appView>.chat-main{grid-column:1}#appView>.member-sidebar{grid-column:1}}


/* WarDrix 1.6.63 – Image Lightbox + Emoji Top Layer */
.image-attachment,.wdx-image{cursor:zoom-in}.image-attachment{transition:transform .12s ease,filter .12s ease}
.image-attachment:hover{transform:translateY(-1px);filter:brightness(1.03)}
.image-lightbox-dialog{padding:0;background:transparent;border:0;max-width:none;max-height:none}
.image-lightbox-dialog::backdrop{background:rgba(5,7,10,.88);backdrop-filter:blur(6px)}
.image-lightbox-shell{width:min(96vw,1400px);height:min(94vh,940px);display:grid;grid-template-rows:auto minmax(0,1fr);background:#16171cf5;border:1px solid #ffffff18;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.image-lightbox-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #ffffff10;background:#1f2026}
.image-lightbox-title{min-width:0}.image-lightbox-title strong,.image-lightbox-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-lightbox-title strong{font-size:14px;color:#fff}.image-lightbox-title small{font-size:10px;color:#b6b7bf;margin-top:2px}
.image-lightbox-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff16!important;border-radius:10px!important;background:#111114aa!important;color:#f2f2f5!important}.image-lightbox-close:hover{background:#f9731618!important;border-color:#f9731680!important;color:#fff!important}
.image-lightbox-body{min-height:0;display:grid;place-items:center;padding:14px;background:#0a0b0e;overflow:auto}
.image-lightbox-body img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.45)}
/* Emoji-Picker im aktiven Dialog halten, damit er nicht hinter Modal-Fenstern verschwindet */
dialog[open] > #emojiPicker.picker-popover{position:fixed!important;z-index:2147483647!important}
@media(max-width:760px){.image-lightbox-shell{width:min(100vw - 8px,1400px);height:min(100dvh - 10px,940px)}.image-lightbox-head{padding:10px 12px}.image-lightbox-body{padding:8px}}

.image-lightbox-body img.loading{visibility:hidden}
.image-lightbox-body:has(img.loading)::after{content:"Bild wird geladen …";color:#c7c8ce;font-size:13px}


/* WarDrix 1.6.66 – Server Leave Context Menu */
.server-context-menu{position:fixed;z-index:2147483000;width:220px;padding:6px;border:1px solid #ffffff18;border-radius:10px;background:#17181df8;box-shadow:0 18px 50px #000a;backdrop-filter:blur(16px)}
.server-context-menu.hidden{display:none!important}
.server-context-title{padding:7px 9px 8px;color:#aaaab3;font-size:10px;font-weight:800;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #ffffff0f;margin-bottom:4px}
.server-context-item{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;text-align:left;padding:7px 9px;border:0!important;border-radius:7px!important;background:transparent!important;color:#eee!important;font-size:12px!important}
.server-context-item .material-symbols-rounded{font-size:18px;color:#c9cad0}
.server-context-item:hover:not(:disabled){background:#ffffff0c!important;color:#fff!important}
.server-context-item.danger{color:#fca5a5!important}
.server-context-item.danger .material-symbols-rounded{color:#fb7185}
.server-context-item.danger:hover:not(:disabled){background:#ef444418!important;color:#fecaca!important}
.server-context-item:disabled{opacity:.42;cursor:not-allowed}


/* WarDrix 1.6.67 – Optional Server Features */
.server-feature-toggle-list{display:grid;gap:9px;margin-top:14px}
.server-feature-toggle-list .feature-switch-copy strong{display:flex;align-items:center;gap:7px;font-size:13px}
.server-feature-toggle-list .feature-switch-copy strong .material-symbols-rounded{font-size:18px;color:#f97316}

/* WarDrix 1.6.68 – Responsive Device Architecture
   Final layer: desktop remains multi-column; tablets gain a member drawer;
   phones use true off-canvas navigation. All controls stay inside the visual viewport. */
:root{
  --wdx-app-height:100dvh;
  --wdx-app-width:100vw;
  color-scheme:dark;
}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  background:#111114;
}
html,body{
  width:100%!important;
  height:var(--wdx-app-height,100dvh)!important;
  min-height:0!important;
  max-height:var(--wdx-app-height,100dvh)!important;
  background:#111114!important;
  overflow:hidden!important;
}
body{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
#appView.app{
  width:100%!important;
  max-width:100%!important;
  height:var(--wdx-app-height,100dvh)!important;
  max-height:var(--wdx-app-height,100dvh)!important;
  min-height:0!important;
}
.auth-shell{
  min-height:var(--wdx-app-height,100dvh)!important;
  height:var(--wdx-app-height,100dvh)!important;
  overflow:auto;
  padding-top:max(18px,env(safe-area-inset-top));
  padding-right:max(18px,env(safe-area-inset-right));
  padding-bottom:max(18px,env(safe-area-inset-bottom));
  padding-left:max(18px,env(safe-area-inset-left));
}

/* Native browser controls must never introduce white tiles into the dark WarDrix UI. */
button,input,textarea,select,option,optgroup{
  color-scheme:dark;
}
input,textarea,select{
  background-color:#141519!important;
  color:#f4f4f6!important;
}
select option,select optgroup{
  background:#17181d!important;
  color:#f4f4f6!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:#f4f4f6!important;
  -webkit-box-shadow:0 0 0 1000px #141519 inset!important;
  caret-color:#fff!important;
}
input[type="color"]{background:#17181d!important;border-color:#ffffff20!important}
input[type="range"]{color-scheme:dark;accent-color:#f97316}
input[type="checkbox"],input[type="radio"]{accent-color:#f97316}
::selection{background:#f9731655;color:#fff}

/* Every flex/grid child is allowed to shrink instead of pushing the viewport wider. */
#appView *,dialog *,#emojiPicker *{min-width:0}
img,video,canvas,svg,iframe{max-width:100%}
img,video{height:auto}
.composer textarea,.search-box input,.crop-controls input[type="range"]{background:transparent!important}
.attachments,.attachment-card,.audio-attachment,.code-card,.file-card,.message-code-file{max-width:100%!important}
.attachment-card{min-width:min(190px,100%)!important}
.code-card pre{max-width:100%;overscroll-behavior:contain}
.message-content,.forum-post-content,.pinned-item-body,.welcome-preview>div{overflow-wrap:anywhere;word-break:break-word}

/* Dialogs are clamped globally to the real visible viewport. */
dialog{
  max-width:var(--wdx-app-width,100vw)!important;
  max-height:var(--wdx-app-height,100dvh)!important;
}
dialog[open]{overscroll-behavior:contain}
dialog:not(.image-lightbox-dialog)>.dialog-card,
dialog:not(.image-lightbox-dialog)>form.dialog-card{
  max-width:calc(var(--wdx-app-width,100vw) - 16px)!important;
  max-height:calc(var(--wdx-app-height,100dvh) - 16px)!important;
}
.dialog-card{background:#202126f8!important}
.dialog-card,.settings-dialog,.forum-create-card,.server-invite-dialog,.poll-create-dialog{
  scrollbar-color:#575961 #17181d;
}

/* Two dedicated responsive controls: navigation only on phones, members on tablets + phones. */
.mobile-nav-only,.compact-members-only{display:none}

/* Desktop / wide tablet: keep the established WarDrix layout. */
@media(min-width:1101px){
  #appView>.member-sidebar{display:flex!important}
}

/* Tablet and compact desktop (761–1100): channels stay visible, members become a drawer. */
@media(min-width:761px) and (max-width:1100px){
  .compact-members-only{display:inline-grid;place-items:center}
  #appView>.member-sidebar{
    display:flex!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(330px,44vw)!important;
    max-width:44vw!important;
    height:var(--wdx-app-height,100dvh)!important;
    z-index:94!important;
    transform:translateX(105%)!important;
    transition:transform .2s ease!important;
    background:#202126f7!important;
    box-shadow:none!important;
  }
  #appView.mobile-members-open>.member-sidebar{
    transform:translateX(0)!important;
    box-shadow:-18px 0 44px #0009!important;
  }
  #appView.mobile-members-open>.chat-main::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:70;
    background:#00000073;
  }
  .chat-header{padding-left:12px;padding-right:12px}
  .chat-title{flex:1 1 auto}
  .search-box input{width:clamp(110px,15vw,145px)}
  .settings-dialog{width:min(96vw,1000px)!important;height:min(92dvh,720px)!important}
}

/* Phone layout. 760px also catches most phones in landscape with a narrow CSS viewport. */
@media(max-width:760px){
  .mobile-nav-only,.compact-members-only{display:inline-grid;place-items:center}
  #appView.app{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  #appView>.chat-main{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    max-height:100%!important;
  }
  #appView>.server-rail{
    width:58px!important;
    height:100%!important;
    max-height:100%!important;
    padding-top:max(8px,env(safe-area-inset-top))!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
  }
  #appView>.channel-sidebar{
    left:58px!important;
    width:min(330px,calc(100% - 58px))!important;
    height:100%!important;
    max-height:100%!important;
    padding-top:env(safe-area-inset-top);
    padding-bottom:env(safe-area-inset-bottom);
  }
  #appView>.member-sidebar{
    width:min(330px,92%)!important;
    max-width:92%!important;
    height:100%!important;
    max-height:100%!important;
    padding-top:env(safe-area-inset-top);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .chat-header{
    min-height:54px!important;
    height:54px!important;
    padding-top:0!important;
    padding-right:max(7px,env(safe-area-inset-right))!important;
    padding-bottom:0!important;
    padding-left:max(7px,env(safe-area-inset-left))!important;
    gap:5px!important;
  }
  #mobileSidebarBtn{order:-3}
  .channel-glyph{order:-2;flex:0 0 auto}
  .chat-title{order:-1;flex:1 1 auto!important;overflow:hidden}
  .chat-header>.spacer{display:none}
  .header-action-btn,
  #mobileSidebarBtn,#mobileMembersBtn,#notificationSettingsBtn{
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    display:inline-grid;
    place-items:center;
    flex:0 0 38px!important;
  }
  .header-action-btn.hidden,#mobileMembersBtn.hidden{display:none!important}
  .chat-title strong{font-size:14px!important}
  .chat-title small{font-size:9px!important}
  .messages{padding-top:10px!important;padding-bottom:10px!important}
  .message{grid-template-columns:38px minmax(0,1fr)!important;gap:7px!important;padding:7px 9px!important}
  .message>.avatar{width:36px!important;height:36px!important}
  .message-head{flex-wrap:wrap;column-gap:6px;row-gap:1px}
  .message-actions{
    opacity:1;
    right:6px;
    top:2px;
    transform:scale(.92);
    transform-origin:top right;
  }
  .message-content{padding-right:2px}
  .reply-bar{margin:0 8px!important}
  .composer{
    padding-top:6px!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    background:linear-gradient(180deg,transparent,#56585f 22%)!important;
  }
  .composer-tabs{max-width:100%;width:240px}
  .composer-row{gap:5px!important;padding:5px!important;align-items:flex-end}
  .attach-btn,.emoji-plus-btn,.composer-format-btn{
    width:38px!important;min-width:38px!important;height:38px!important;flex:0 0 38px!important;padding:0!important;
  }
  .send-button{min-height:38px;max-width:88px;padding:8px 11px!important;flex:0 0 auto}
  .composer textarea{font-size:16px!important;line-height:1.35!important;max-height:min(32dvh,220px)!important}
  .composer-help{gap:8px;min-height:14px}
  .file-preview{max-height:30dvh;overflow:auto}
  .pending-file{max-width:100%!important;min-width:0!important}
  .mention-suggestions{max-height:min(38dvh,270px)!important}
  .profile-sidebar{
    top:0!important;right:0!important;bottom:0!important;
    width:min(360px,100%)!important;max-width:100%!important;height:100%!important;
    padding-bottom:env(safe-area-inset-bottom);
  }
  #toast{top:max(8px,env(safe-area-inset-top));max-width:calc(100% - 16px)}
  .persistent-media-dock{
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:calc(100% - max(16px,calc(env(safe-area-inset-left) + env(safe-area-inset-right))))!important;
    max-height:55dvh;
  }
  .persistent-media-body{max-height:calc(55dvh - 48px);overflow:auto}
  .image-lightbox-shell{
    width:calc(var(--wdx-app-width,100vw) - 8px)!important;
    height:calc(var(--wdx-app-height,100dvh) - 8px)!important;
    max-width:calc(100% - 8px)!important;
    max-height:calc(100% - 8px)!important;
  }
  .picker-popover{
    max-width:calc(var(--wdx-app-width,100vw) - 12px)!important;
    max-height:min(62dvh,430px)!important;
  }
  .emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .dialog-actions{flex-wrap:wrap}
  .dialog-actions>button{flex:1 1 auto;min-height:40px}
  .settings-dialog{
    width:calc(var(--wdx-app-width,100vw) - 6px)!important;
    height:calc(var(--wdx-app-height,100dvh) - 6px)!important;
    max-width:calc(100% - 6px)!important;
    max-height:calc(100% - 6px)!important;
    border-radius:11px!important;
  }
  .settings-content{grid-template-rows:54px minmax(0,1fr)!important}
  .settings-content>header{padding:0 12px!important}
  .settings-body{padding:10px!important}
  .settings-card{padding:11px!important}
  .invite-box{flex-direction:column}
  .invite-box button{width:100%}
  .role-settings-layout,.settings-grid,.permission-grid,.profile-link-grid,.channel-visibility-grid,.forum-create-meta-grid{grid-template-columns:1fr!important}
  .channel-editor-dialog,.profile-editor-dialog,.crop-dialog,.forum-create-dialog,.server-invite-dialog,.poll-create-dialog,.ticket-assign-dialog,.report-user-dialog,.prompt-dialog-card{
    max-width:calc(var(--wdx-app-width,100vw) - 10px)!important;
    max-height:calc(var(--wdx-app-height,100dvh) - 10px)!important;
  }
}

/* Very narrow phones (320–430 CSS px). Keep every action reachable, sacrifice decoration only. */
@media(max-width:430px){
  .channel-glyph{display:none!important}
  .chat-header{gap:3px!important;padding-left:max(5px,env(safe-area-inset-left))!important;padding-right:max(5px,env(safe-area-inset-right))!important}
  .header-action-btn,#mobileSidebarBtn,#mobileMembersBtn,#notificationSettingsBtn{
    width:36px!important;min-width:36px!important;height:36px!important;flex-basis:36px!important;
  }
  .chat-title small{display:none!important}
  .message{grid-template-columns:34px minmax(0,1fr)!important;padding-left:7px!important;padding-right:7px!important}
  .message>.avatar{width:32px!important;height:32px!important}
  .composer-row{display:grid!important;grid-template-columns:34px 34px 34px minmax(0,1fr) auto!important;align-items:end!important}
  .composer-row textarea{order:initial!important;min-width:0!important;width:100%!important}
  .attach-btn,.emoji-plus-btn,.composer-format-btn{width:34px!important;min-width:34px!important;height:34px!important;flex-basis:34px!important}
  .send-button{order:initial!important;min-height:36px;white-space:nowrap}
  .composer-help{font-size:9px}
  .auth-card{padding:20px!important}
  .auth-card h1{font-size:clamp(27px,9vw,34px)}
  .poll-filter-tabs{grid-template-columns:1fr!important}
  .server-tag-visibility-grid{grid-template-columns:1fr!important}
}

/* Low-height landscape phones/tablets: prioritize usable chat space. */
@media(max-height:560px) and (max-width:1000px){
  .chat-header{height:48px!important;min-height:48px!important}
  .chat-title small{display:none!important}
  .composer{padding-top:4px!important;padding-bottom:max(4px,env(safe-area-inset-bottom))!important}
  .composer-help{display:none!important}
  .composer-tabs{margin-bottom:3px}
  .messages{padding-top:6px!important;padding-bottom:6px!important}
  .server-header{height:50px!important}
  .user-panel{height:55px!important}
  .voice-dock{padding-top:6px!important;padding-bottom:6px!important}
}

/* When an on-screen keyboard consumes the visual viewport, keep the input area compact but functional. */
body.keyboard-open .composer-help{display:none!important}
body.keyboard-open .persistent-media-dock{display:none!important}
body.keyboard-open dialog[open]>.dialog-card{max-height:calc(var(--wdx-app-height,100dvh) - 8px)!important;overflow:auto}

/* Touch targets: retain compact visuals but make controls reliably tappable. */
@media(pointer:coarse){
  button,.channel-item,.voice-item,.dm-item,.sidebar-action,.settings-nav button{touch-action:manipulation}
  .channel-more,.sidebar-feature-more{opacity:.8!important}
  .member-row,.channel-item,.voice-item,.dm-item{min-height:42px}
  .server-context-item{min-height:44px}
  .reaction{min-height:30px}
}

/* 1.6.68 responsive follow-up: old 1.5 mobile rules hid every span inside header actions.
   Restore Material icons explicitly; only the text label is removed on compact widths. */
@media(max-width:900px){
  .dev-pill{display:none!important}
  .header-action-btn>span:not(.material-symbols-rounded){display:none!important}
  .header-action-btn>.material-symbols-rounded{display:inline-block!important;margin:0!important;font-size:20px!important}
  .header-action-btn{min-width:36px;min-height:36px;justify-content:center!important;padding:0 8px!important}
}
@media(max-width:760px){
  .header-action-btn>.material-symbols-rounded{display:inline-block!important}
}


/* WarDrix 1.6.70 – exklusive Profilrahmen, Seraphim-Ausrichtung und Hover-Vorschau */
.profile-overlay-current.exclusive{border-color:#f9731666;background:linear-gradient(135deg,#f9731613,#111116 54%);box-shadow:inset 3px 0 0 #f97316,0 0 24px #f973160d}
.profile-overlay-exclusive-badge,.avatar-frame-exclusive-badge{display:inline-flex;align-items:center;width:max-content;margin-top:7px;padding:3px 7px;border:1px solid #f9731670;border-radius:999px;background:#f9731618;color:#fdba74;font-size:9px;font-weight:800;letter-spacing:.08em}
.avatar-frame-card.exclusive{border-color:#f9731655!important;background:linear-gradient(145deg,#22170f,#17171c 58%)!important;box-shadow:inset 0 0 24px #f973160d}
.avatar-frame-card.exclusive:hover{border-color:#f97316aa!important}
.avatar-frame-hover-preview{position:fixed;left:-9999px;top:-9999px;z-index:2147483000;width:286px;padding:13px;border:1px solid #f9731668;border-radius:15px;background:#0c0c10f7;box-shadow:0 18px 55px #000c,0 0 0 1px #ffffff08,0 0 26px #f9731620;pointer-events:none;opacity:0;transform:translateY(5px) scale(.985);transform-origin:center;transition:opacity .12s ease,transform .12s ease;backdrop-filter:blur(14px)}
.avatar-frame-hover-preview.visible{opacity:1;transform:translateY(0) scale(1)}
.avatar-frame-hover-stage{height:220px;display:grid;place-items:center;border:1px solid #ffffff10;border-radius:12px;background:radial-gradient(circle at 50% 46%,#3b2415 0,#1c1714 35%,#111116 72%);overflow:visible}
.avatar-frame-hover-avatar{width:136px!important;height:136px!important;flex:0 0 136px!important;font-size:34px!important;box-shadow:0 0 0 2px #ffffff10,0 9px 30px #0009}
.avatar-frame-hover-info{padding:11px 3px 1px;min-width:0}.avatar-frame-hover-info strong,.avatar-frame-hover-info small{display:block}.avatar-frame-hover-info strong{font-size:15px;color:#fff}.avatar-frame-hover-info small{margin-top:4px;color:#b8b8c1;font-size:11px;line-height:1.4}
@media(hover:none),(pointer:coarse){.avatar-frame-hover-preview{display:none!important}}

/* 1.6.71: Direktnachrichten haben bewusst keine Server-Mitgliederleiste. */
#appView.dm-layout>.member-sidebar{display:none!important}
@media(min-width:1101px){
  #appView.app.dm-layout{
    grid-template-columns:72px var(--wdx-channel-sidebar-width,270px) 8px minmax(0,1fr)!important;
  }
  #appView.dm-layout>.chat-main{grid-column:4!important}
}

/* 1.6.72: WhatsApp-Style Sprachnachrichten + HQ-Aufnahme. */
.voice-record-btn{
  width:38px;height:38px;min-width:38px;flex:0 0 38px;padding:0;
  display:grid;place-items:center;border-radius:8px;border:1px solid #ffffff18;
  background:#ffffff0b;color:#f4f4f5;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease;
}
.voice-record-btn:hover{border-color:#f973168f;background:#f9731615;color:#fdba74}
.voice-record-btn.recording{border-color:#fb923c;background:#f9731628;color:#fdba74;transform:scale(.98)}
.voice-record-btn>.material-symbols-rounded{font-size:22px}
.voice-record-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.voice-record-btn.recording{box-shadow:0 0 0 3px #f9731620,0 0 18px #f9731624}
.voice-record-btn.locked{background:#f97316;color:#171717;border-color:#fb923c;box-shadow:0 0 0 3px #f973162d}
.voice-record-status{
  margin:0 14px 6px;padding:7px 9px;display:flex;align-items:center;gap:7px;
  border:1px solid #f973164d;border-radius:9px;background:#18191ef2;color:#f4f4f5;
  box-shadow:0 7px 22px #0003;font-size:11px;
}
.voice-record-status.hidden{display:none!important}
.voice-record-status strong{color:#fdba74;font-size:11px}
.voice-record-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#f97316;box-shadow:0 0 0 0 #f9731670;animation:wdxVoicePulse 1.25s infinite}
.voice-record-spacer{flex:1 1 auto}
#voiceRecordTimer{font-variant-numeric:tabular-nums;color:#e4e4e7}
#voiceRecordGestureHint{color:#a1a1aa;font-size:10px;white-space:nowrap}
.voice-record-status.cancel-armed{border-color:#ef444466;background:#ef444410}
.voice-record-status.cancel-armed .voice-record-dot{background:#ef4444;box-shadow:none}
.voice-record-status.cancel-armed #voiceRecordLabel{color:#fca5a5}
.voice-record-status.lock-armed{border-color:#f9731666;background:#f9731616}
.voice-record-status.locked{border-color:#f9731655;background:#f9731612}
#cancelVoiceRecordBtn,#sendLockedVoiceRecordBtn{border:1px solid #ffffff18;border-radius:7px;background:#24252b;color:#f4f4f5;padding:5px 8px;font-size:10px}
#cancelVoiceRecordBtn:hover{border-color:#ef444466;color:#fca5a5}
#sendLockedVoiceRecordBtn{border-color:#f9731670;background:#f97316;color:#171717;font-weight:700}
#sendLockedVoiceRecordBtn:hover{background:#fb923c}
#sendLockedVoiceRecordBtn.hidden{display:none!important}
@keyframes wdxVoicePulse{0%{box-shadow:0 0 0 0 #f9731670}70%{box-shadow:0 0 0 7px #f9731600}100%{box-shadow:0 0 0 0 #f9731600}}

@media(max-width:760px){
  .attach-btn,.emoji-plus-btn,.composer-format-btn,.voice-record-btn{
    width:38px!important;min-width:38px!important;height:38px!important;flex:0 0 38px!important;padding:0!important;
  }
  .voice-record-status{margin-left:max(8px,env(safe-area-inset-left));margin-right:max(8px,env(safe-area-inset-right));}
}
@media(max-width:430px){
  .composer-row{grid-template-columns:34px 34px 34px 34px minmax(0,1fr) auto!important}
  .attach-btn,.emoji-plus-btn,.composer-format-btn,.voice-record-btn{width:34px!important;min-width:34px!important;height:34px!important;flex-basis:34px!important}
  .voice-record-status{font-size:10px;gap:5px;padding:6px 7px;flex-wrap:wrap}
  .voice-record-status strong{font-size:10px}
  #voiceRecordGestureHint{font-size:9px;flex:1 1 100%;order:5}
  #cancelVoiceRecordBtn,#sendLockedVoiceRecordBtn{padding:4px 6px}
}
@media(max-width:360px){
  .composer-row{grid-template-columns:32px 32px 32px 32px minmax(0,1fr) auto!important;gap:4px!important}
  .attach-btn,.emoji-plus-btn,.composer-format-btn,.voice-record-btn{width:32px!important;min-width:32px!important;height:32px!important;flex-basis:32px!important}
  .send-button{padding-left:8px!important;padding-right:8px!important}
}


/* 1.6.73: kompakter WhatsApp-artiger Player fuer echte Sprachnachrichten. */
.voice-message-player{
  width:min(310px,100%);height:48px;box-sizing:border-box;display:flex;align-items:center;gap:10px;
  margin-top:7px;padding:5px 8px 5px 5px;border:0;border-radius:12px;background:#24242b;
  overflow:hidden;user-select:none;-webkit-user-select:none;
}
.voice-message-play{
  width:38px;height:38px;min-width:38px;flex:0 0 38px;padding:0!important;border:0!important;border-radius:50%!important;
  display:grid!important;place-items:center;background:#f97316!important;color:#171717!important;box-shadow:none!important;
}
.voice-message-play:hover{background:#fb923c!important}
.voice-message-play:active{transform:scale(.96)}
.voice-message-play.loading{opacity:.78;cursor:wait}
.voice-message-play>.material-symbols-rounded{font-size:24px;line-height:1}
.voice-message-waveform{
  min-width:0;flex:1;height:36px;display:flex;align-items:center;gap:2px;overflow:hidden;cursor:pointer;touch-action:manipulation;
  outline:none;border-radius:6px;
}
.voice-message-waveform:focus-visible{box-shadow:0 0 0 2px #f9731660}
.voice-message-waveform-bar{
  width:3px;min-width:3px;max-height:32px;border-radius:999px;background:#777983;opacity:.82;transition:background .08s linear,opacity .08s linear;
}
.voice-message-waveform-bar.played{background:#f97316;opacity:1}
.voice-message-audio{display:none!important}
@media(max-width:520px){
  .voice-message-player{width:min(292px,100%);height:46px;gap:8px;padding-right:7px}
  .voice-message-play{width:36px;height:36px;min-width:36px;flex-basis:36px}
  .voice-message-waveform{gap:1.5px}
  .voice-message-waveform-bar{width:2.5px;min-width:2.5px}
}


/* 1.6.74: kompakte Gameserver-Statusbox oberhalb der Serverfunktionen. */
.game-server-status-card{margin:8px 8px 8px;padding:16px 14px 14px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(145deg,#17181d,#111217);box-shadow:0 8px 20px #00000022;min-width:0;overflow:hidden}
.game-server-status-card.online{border-color:#22c55e45;box-shadow:inset 3px 0 0 #22c55e,0 8px 20px #00000022}.game-server-status-card.offline{border-color:#ef44443b;box-shadow:inset 3px 0 0 #ef4444,0 8px 20px #00000022}.game-server-status-card.loading{box-shadow:inset 3px 0 0 #f97316,0 8px 20px #00000022}.game-server-status-card.unconfigured{border-style:dashed}
.game-server-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.game-server-status-ident{display:flex;align-items:center;gap:11px;min-width:0}.game-server-status-ident>.material-symbols-rounded{font-size:27px;color:#f97316;flex:0 0 auto}.game-server-status-ident>div{min-width:0}.game-server-status-ident strong,.game-server-status-ident small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-server-status-ident strong{font-size:17.5px;line-height:1.22;font-weight:780;color:#f4f4f5}.game-server-status-ident small{font-size:12px;line-height:1.3;color:#9497a0;margin-top:3px;text-transform:uppercase;letter-spacing:.045em}
.game-server-status-head-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}.game-server-status-ping{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#c7c9d0;font-size:11.5px;font-weight:750}.game-server-status-ping .material-symbols-rounded{font-size:16px;color:#f97316}
.game-server-status-badge{flex:0 0 auto;border:1px solid #ffffff18;border-radius:999px;padding:6px 10px;font-size:10.5px;line-height:1;font-weight:900;letter-spacing:.07em;color:#aeb0b8;background:#ffffff08}.game-server-status-card.online .game-server-status-badge{color:#86efac;background:#22c55e16;border-color:#22c55e45}.game-server-status-card.offline .game-server-status-badge{color:#fca5a5;background:#ef444415;border-color:#ef44443b}.game-server-status-card.loading .game-server-status-badge{color:#fdba74;background:#f9731615;border-color:#f9731640}
.game-server-status-stats{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.45fr);gap:8px;margin-top:13px}.game-server-status-stats>span{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #ffffff0d;border-radius:9px;background:#ffffff04;padding:10px 10px;color:#a8abb3}.game-server-status-stats .material-symbols-rounded{font-size:20px;color:#f97316;flex:0 0 auto}.game-server-status-stats b{font-size:13.5px;line-height:1.25;font-weight:700;color:#e2e3e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-server-status-meta{margin-top:10px;padding-top:9px;border-top:1px solid #ffffff0b;color:#a6a9b1;font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-server-settings-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.game-server-settings-head>.material-symbols-rounded{font-size:29px;color:#f97316}.game-server-settings-head h4{margin:0}.game-server-settings-head p{margin:4px 0 0}.game-server-settings-grid{margin-top:13px}.game-server-query-important>input{border-color:#f973165c!important}.game-server-test-result{margin-top:12px;border:1px solid #ffffff14;border-radius:9px;padding:10px 12px;font-size:12px;background:#101116}.game-server-test-result.success{border-color:#22c55e4d;color:#86efac;background:#22c55e0d}.game-server-test-result.error{border-color:#ef44444d;color:#fca5a5;background:#ef44440d}.game-server-test-result.loading{border-color:#f9731648;color:#fdba74;background:#f973160c}
@media(max-width:760px){.game-server-status-card{margin:7px;padding:14px 12px 13px}.game-server-status-ident{gap:9px}.game-server-status-ident>.material-symbols-rounded{font-size:25px}.game-server-status-ident strong{font-size:16.5px}.game-server-status-ident small{font-size:11.5px}.game-server-status-head{align-items:flex-start}.game-server-status-head-meta{gap:5px;flex-direction:column-reverse;align-items:flex-end}.game-server-status-ping{font-size:10.5px}.game-server-status-ping .material-symbols-rounded{font-size:15px}.game-server-status-badge{font-size:10px;padding:6px 8px}.game-server-status-stats{grid-template-columns:1fr 1.42fr;gap:7px}.game-server-status-stats>span{padding:9px 9px}.game-server-status-stats .material-symbols-rounded{font-size:19px}.game-server-status-stats b{font-size:13px}.game-server-status-meta{font-size:11px}.game-server-settings-grid{grid-template-columns:1fr}.game-server-settings-grid .full-row{grid-column:auto}}


/* WarDrix 1.6.75 – Reaktionsrollen */
.reaction-role-message-card{margin-top:5px;max-width:620px;border:1px solid #ffffff18;border-left:3px solid #f97316;border-radius:10px;background:#17181d;padding:12px 13px;box-shadow:0 8px 24px #0002}
.reaction-role-message-head{display:flex;align-items:center;gap:10px}.reaction-role-message-icon{font-size:23px;color:#f97316}.reaction-role-message-head>div{min-width:0}.reaction-role-message-head strong{display:block;color:#fff;font-size:15px}.reaction-role-message-head small{display:block;color:#a8abb3;font-size:10.5px;margin-top:2px;line-height:1.35}
.reaction-role-message-description{margin-top:9px;color:#e6e6e9;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.reaction-role-map{display:grid;gap:5px;margin-top:10px}.reaction-role-map-row{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 7px;border-radius:7px;background:#ffffff05}.reaction-role-map-emoji{font-size:18px;width:24px;text-align:center}.reaction-role-map-row strong{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reaction-role-buttons{margin-top:10px}.reaction-role-reaction{display:inline-flex;align-items:center;gap:5px;min-height:31px;font-size:16px;padding:3px 9px}.reaction-role-reaction .reaction-role-count{font-size:11px;color:#c8cad0}.reaction-role-reaction.mine .reaction-role-count{color:#ffedd5}.reaction-role-reaction:disabled{opacity:.48;cursor:not-allowed}.reaction-role-disabled-note{display:flex;align-items:center;gap:6px;margin-top:9px;color:#aaaeb7;font-size:10.5px}.reaction-role-disabled-note .material-symbols-rounded{font-size:16px;color:#f97316}
.reaction-role-settings-card,.reaction-role-editor{overflow:visible}.reaction-role-settings-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px}.reaction-role-settings-head>.material-symbols-rounded{font-size:27px;color:#f97316}.reaction-role-settings-head h4,.reaction-role-list-head h4,.reaction-role-editor-head h4{margin:0}.reaction-role-settings-head p,.reaction-role-list-head p,.reaction-role-editor-head p{margin:3px 0 0;color:#9da0a9;font-size:11px;line-height:1.4}.reaction-role-security-note{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:9px 10px;border:1px solid #f9731630;border-radius:8px;background:#f9731609}.reaction-role-security-note>.material-symbols-rounded{color:#f97316;font-size:20px}.reaction-role-security-note strong,.reaction-role-security-note small{display:block}.reaction-role-security-note strong{font-size:11px}.reaction-role-security-note small{font-size:9.5px;color:#a4a6ad;margin-top:2px;line-height:1.35}
.reaction-role-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reaction-role-list-head>span{display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:#f9731620;color:#ffb47d;font-size:11px;font-weight:700}.reaction-role-panel-list{display:grid;gap:8px;margin-top:12px}.reaction-role-empty{padding:14px;border:1px dashed #ffffff18;border-radius:8px;color:#8f929a;font-size:11px;text-align:center}.reaction-role-admin-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04}.reaction-role-admin-copy{min-width:0}.reaction-role-admin-copy>strong{display:block;color:#fff;font-size:12.5px}.reaction-role-admin-copy>small{display:block;color:#989ba3;font-size:9.5px;margin-top:3px}.reaction-role-admin-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.reaction-role-admin-chips span{border:1px solid #ffffff18;border-radius:999px;padding:2px 7px;background:#111216;color:#d8d9dd;font-size:10px}.reaction-role-admin-actions{display:flex;gap:6px;flex:0 0 auto}.reaction-role-admin-actions button{display:flex;align-items:center;gap:4px}.reaction-role-admin-actions .material-symbols-rounded{font-size:16px}
.reaction-role-editor{scroll-margin-top:12px}.reaction-role-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.reaction-role-editor-head>button{width:30px;height:30px;padding:0;display:grid;place-items:center}.reaction-role-editor-grid{margin-top:0}.reaction-role-map-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.reaction-role-map-editor-head strong,.reaction-role-map-editor-head small{display:block}.reaction-role-map-editor-head strong{font-size:12px}.reaction-role-map-editor-head small{font-size:9.5px;color:#9699a2;margin-top:2px}.reaction-role-map-editor-head button{display:flex;align-items:center;gap:5px}.reaction-role-map-editor-head .material-symbols-rounded{font-size:17px}.reaction-role-map-editor{display:grid;gap:7px;margin-top:8px}.reaction-role-editor-row{display:grid;grid-template-columns:44px 20px minmax(0,1fr) 34px;gap:7px;align-items:center}.reaction-role-emoji-btn{width:44px;height:38px;padding:0!important;display:grid!important;place-items:center;font-size:20px!important;background:#1e2025!important;border:1px solid #ffffff18!important}.reaction-role-editor-row>.material-symbols-rounded{font-size:18px;color:#787b84;text-align:center}.reaction-role-role-select{min-width:0}.reaction-role-remove-row{width:34px;height:34px;padding:0!important;display:grid!important;place-items:center}.reaction-role-remove-row .material-symbols-rounded{font-size:17px}
@media(max-width:760px){.reaction-role-message-card{max-width:100%;padding:10px}.reaction-role-admin-card{align-items:flex-start;flex-direction:column}.reaction-role-admin-actions{width:100%}.reaction-role-admin-actions button{flex:1;justify-content:center}.reaction-role-map-editor-head{align-items:flex-start;flex-direction:column}.reaction-role-map-editor-head button{width:100%;justify-content:center}.reaction-role-editor-row{grid-template-columns:42px 18px minmax(0,1fr) 34px}.reaction-role-settings-head p,.reaction-role-list-head p,.reaction-role-editor-head p{font-size:10.5px}}

/* 1.6.76: CFX-Direktbeitritt nur für FiveM/RedM in der Gameserver-Statusbox. */
.game-server-join-row{display:flex;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff0b}
.game-server-join-btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #f973166b;border-radius:10px;background:#f9731613;color:#ffb06f;font-size:14px;font-weight:850;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.game-server-join-btn .material-symbols-rounded{font-size:22px}.game-server-join-btn:hover:not(:disabled){background:#f9731623;border-color:#f9731682;transform:translateY(-1px)}.game-server-join-btn:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.6)}
.game-server-direct-join-switch{grid-column:1/-1;margin:2px 0 0}.game-server-direct-join-switch.hidden{display:none!important}
@media(max-width:760px){.game-server-join-btn{min-height:46px;font-size:13.5px}.game-server-join-btn .material-symbols-rounded{font-size:21px}}



/* WarDrix 1.6.77 – Emoji Picker endgültig vereinheitlicht
   Nur noch der native WarDrix-Picker aus app.js ist aktiv. Alte Anchor-/Fallback-Layer
   werden nicht mehr geladen. Diese Regeln stehen absichtlich zuletzt und sind die
   einzige maßgebliche Layoutdefinition für den Picker. */
#emojiPicker.picker-popover{
  position:fixed!important;
  left:var(--wdx-emoji-left,8px)!important;
  top:var(--wdx-emoji-top,8px)!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:none!important;
  z-index:2147483647!important;
  width:min(360px,calc(var(--wdx-app-width,100vw) - 16px));
  height:min(430px,calc(var(--wdx-app-height,100dvh) - 16px));
  min-height:180px;
  max-width:calc(var(--wdx-app-width,100vw) - 16px)!important;
  max-height:calc(var(--wdx-app-height,100dvh) - 16px)!important;
  padding:10px;
  box-sizing:border-box;
  overflow:hidden!important;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  gap:8px;
  background:#191a1f!important;
  border:1px solid #ffffff1c!important;
  border-radius:13px!important;
  box-shadow:0 18px 55px #000c!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  isolation:isolate;
}
#emojiPicker.picker-popover.hidden,
#emojiPicker.picker-popover[hidden],
#emojiPicker.picker-popover[data-open="false"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#emojiPicker.picker-popover:has(#emojiClearBtn:not(.hidden)){
  grid-template-rows:auto auto auto auto minmax(0,1fr)!important;
}
#emojiPicker .picker-head{min-height:28px;display:flex!important;align-items:center;justify-content:space-between;gap:10px}
#emojiPicker .picker-head strong{font-size:14px}
#emojiPicker #emojiPickerClose{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#d7d8dd;border-radius:7px}
#emojiPicker #emojiPickerClose:hover{background:#ffffff10;color:#fff}
#emojiPicker #emojiSearch{display:block!important;width:100%!important;min-width:0!important;height:38px!important;margin:0!important;padding:8px 10px!important;background:#101115!important;border:1px solid #ffffff14!important;border-radius:8px!important;color:#f1f1f3!important;box-shadow:none!important}
#emojiPicker #emojiTabs{display:flex!important;min-width:0;min-height:33px;gap:3px;overflow-x:auto;overflow-y:hidden;padding:0 0 2px;scrollbar-width:thin}
#emojiPicker #emojiTabs button{display:grid!important;place-items:center;flex:0 0 31px;width:31px;height:31px;padding:0;border:0;background:transparent;color:#fff;border-radius:7px;font-size:17px;line-height:1;cursor:pointer}
#emojiPicker #emojiTabs button:hover,#emojiPicker #emojiTabs button.active{background:#f9731625!important;box-shadow:inset 0 -2px 0 var(--orange)!important}
#emojiPicker #emojiGrid{display:grid!important;min-width:0;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-rows:39px;gap:2px;align-content:start;padding:2px;overscroll-behavior:contain;scrollbar-gutter:stable}
#emojiPicker #emojiGrid button{display:grid!important;place-items:center!important;min-width:0;width:100%;height:39px;padding:0!important;border:0!important;background:transparent!important;color:inherit;border-radius:7px;font-size:22px!important;line-height:1;cursor:pointer}
#emojiPicker #emojiGrid button:hover,#emojiPicker #emojiGrid button:focus-visible{background:#ffffff12!important;transform:scale(1.08);outline:none}
#emojiPicker #emojiGrid>small{grid-column:1/-1;padding:12px;color:#aaa;text-align:center}
#emojiPicker #emojiClearBtn{margin:0}
@media(max-width:760px){
  #emojiPicker.picker-popover{width:min(340px,calc(var(--wdx-app-width,100vw) - 12px));max-width:calc(var(--wdx-app-width,100vw) - 12px)!important;padding:9px;gap:7px}
  #emojiPicker #emojiGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-rows:40px}
  #emojiPicker #emojiGrid button{height:40px;font-size:23px!important}
}
@media(max-width:360px){
  #emojiPicker #emojiGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}


/* WarDrix 1.6.78 – Emoji Picker Hotfix + luftigere Direktnachrichten
   1.6.77 hatte im finalen Picker-Block `inset:auto!important`. Das gewann gegen die
   per JavaScript gesetzten Koordinaten und konnte den geoeffneten Picker ausserhalb
   der sichtbaren Position belassen. Die Position kommt jetzt ausschliesslich ueber
   --wdx-emoji-left/--wdx-emoji-top. */
#emojiPicker.picker-popover{
  left:var(--wdx-emoji-left,8px)!important;
  top:var(--wdx-emoji-top,8px)!important;
  right:auto!important;
  bottom:auto!important;
}

/* Direktnachrichten: Discord-aehnlich mehr Luft in der Chatliste. */
#dmList .dm-item{
  width:calc(100% - 8px)!important;
  min-height:52px!important;
  margin:2px 4px!important;
  padding:9px 10px!important;
  gap:10px!important;
  border-radius:9px!important;
  box-sizing:border-box;
}
#dmList .dm-avatar-wrap{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
#dmList .dm-avatar-wrap>.avatar{
  width:34px!important;
  height:34px!important;
}
#dmList .dm-meta .name{font-size:14px;line-height:1.2}
#dmList .dm-meta small{font-size:11px;line-height:1.25;margin-top:3px}

/* Direktnachrichten: neue Sprecher-/Zeitgruppen klar voneinander trennen,
   zusammenhaengende Nachrichten desselben Nutzers bleiben bewusst kompakt. */
.message.dm-message:not(.message-grouped){
  margin-top:8px;
  padding-top:9px;
  padding-bottom:4px;
}
.message.dm-message.message-grouped{
  padding-top:2px;
  padding-bottom:2px;
}
.message.dm-message.message-grouped .message-content{line-height:1.42}
.message.dm-message.message-grouped+.message.dm-message:not(.message-grouped){margin-top:10px}
.message.dm-message:not(.message-grouped)+.message.dm-message.message-grouped{padding-top:2px}

@media(max-width:760px){
  #dmList .dm-item{min-height:50px!important;padding:8px 9px!important}
  .message.dm-message:not(.message-grouped){margin-top:6px;padding-top:8px}
  .message.dm-message.message-grouped+.message.dm-message:not(.message-grouped){margin-top:8px}
}

/* 1.6.81 – Legacy formatted-content image placement: canvas-positioned images keep the editor position in sent messages. */
.wdx-image-shell.wdx-image-free.wdx-coord-canvas{top:var(--wdx-image-y,0px)}

/* 1.6.82: freie Syntax-Bilder werden relativ zum echten Dokument-Inhaltsbereich gespeichert; Gameserver-Ping sitzt im Kopfbereich. */

/* WarDrix 1.6.84 – stabiler Gameserver-Join + pixelgenaue Syntax-Flow-Bilder */
.game-server-join-row{flex-direction:column;gap:7px}
.game-server-join-btn{text-decoration:none!important;box-sizing:border-box}
.game-server-join-fallback{min-height:34px;border:1px solid #ffffff16;border-radius:8px;background:#ffffff08;color:#c9cad0;font-size:11px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.game-server-join-fallback:hover{border-color:#f9731655;background:#f9731612;color:#ffb06f}
.game-server-join-fallback .material-symbols-rounded{font-size:16px}
.wdx-image-shell[data-syntax-media-pixel-width]{max-width:100%;box-sizing:border-box}

/* WarDrix 1.6.85 – Rollen & Rechte Overhaul */
.role-settings-layout{grid-template-columns:275px minmax(0,1fr);gap:14px}
.role-settings-card-head h4,.role-editor-title h4{font-size:17px!important;font-weight:700}
.role-settings-card-head small,.role-editor-title small{font-size:11.5px!important;line-height:1.35}
.role-list-item{padding:11px 10px;min-height:49px}
.role-list-copy strong{font-size:14px!important}
.role-list-copy small{font-size:10.5px!important}
.role-list-color{width:12px;height:12px}
.role-editor-section{padding:17px 0}
.role-editor-section-title strong{font-size:14px!important}
.role-editor-section-title small{font-size:10.5px!important}
.role-basic-grid label{font-size:11.5px!important}
.permission-groups{gap:11px}
.permission-group{border-radius:11px}
.permission-group-title{padding:10px 12px 8px;font-size:11px!important;letter-spacing:.07em}
.permission-switch-row{padding:12px 12px;gap:14px;align-items:flex-start}
.permission-switch-copy strong{font-size:13px!important;font-weight:650!important;line-height:1.25}
.permission-switch-copy small{display:block;margin-top:4px;color:#9699a4;font-size:10.5px;line-height:1.35;max-width:48ch}
.permission-switch-row .switch-ui{transform:scale(.96);margin-top:2px}
.role-permission-hint{font-size:11px!important;line-height:1.5!important}

.channel-permissions-card{padding:16px!important}
.channel-permissions-head{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #ffffff10}
.channel-permissions-head>button{flex:0 0 auto}
.channel-permissions-head .grow{min-width:0;flex:1}
.channel-permissions-head strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-permissions-head small{display:block;margin-top:3px;color:#9ea1aa;font-size:11px}
.channel-permissions-note{display:flex;align-items:flex-start;gap:10px;margin:13px 0;padding:11px 12px;border:1px solid #f9731635;border-radius:10px;background:#f9731609}
.channel-permissions-note>.material-symbols-rounded{font-size:22px;color:#f97316;margin-top:1px}
.channel-permissions-note strong,.channel-permissions-note small{display:block}
.channel-permissions-note strong{font-size:12.5px;color:#f0f0f3}
.channel-permissions-note small{margin-top:3px;font-size:10.5px;line-height:1.45;color:#a9abb3}
.channel-permissions-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;align-items:start}
.channel-permissions-layout>aside,.channel-permissions-layout>main{min-width:0}
.channel-role-list{display:grid;gap:6px;margin-top:8px;max-height:590px;overflow:auto;padding-right:3px}
.channel-role-item{width:100%;display:flex;align-items:center;gap:9px;padding:10px 9px;border:1px solid #ffffff10;border-radius:9px;background:#11111580;color:#ededf1;text-align:left}
.channel-role-item:hover{background:#ffffff08;border-color:#ffffff19}
.channel-role-item.active{background:#f9731615;border-color:#f9731655;box-shadow:inset 3px 0 0 #f97316}
.channel-role-item .role-color{width:11px;height:11px;flex:0 0 auto}
.channel-role-item .grow{min-width:0;flex:1}
.channel-role-item strong,.channel-role-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.channel-role-item strong{font-size:13px}
.channel-role-item small{margin-top:2px;font-size:9.5px;color:#8f929c}
.channel-perm-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}
.channel-perm-title-row>div:first-child>small{display:block;color:#9da0a9;font-size:10.5px;margin-top:3px}
.channel-perm-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:9.5px;white-space:nowrap}
.channel-perm-legend .inherit{color:#a9abb3}.channel-perm-legend .deny{color:#f87171}.channel-perm-legend .allow{color:#4ade80}
.channel-perm-presets{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 11px}
.channel-perm-preset{display:inline-flex!important;align-items:center;gap:4px;padding:7px 9px!important;border:1px solid #ffffff13!important;border-radius:8px!important;background:#ffffff06!important;color:#dfe0e5!important;font-size:10.5px!important}
.channel-perm-preset:hover{border-color:#f973165c!important;background:#f973160d!important}
.channel-perm-preset .material-symbols-rounded{font-size:17px;color:#f97316}
.channel-perm-grid.discord-like{display:grid;gap:10px}
.channel-perm-group{border:1px solid #ffffff10;border-radius:10px;background:#1010147a;overflow:hidden}
.channel-perm-group-title{padding:9px 11px 7px;border-bottom:1px solid #ffffff0d;color:#a7a9b2;font-size:10.5px;font-weight:750;letter-spacing:.07em}
.channel-perm-row.discord-row{display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:14px;padding:11px 11px;margin:0;border-radius:0;border-bottom:1px solid #ffffff0b;background:transparent}
.channel-perm-row.discord-row:last-child{border-bottom:0}
.channel-perm-row.discord-row:hover{background:#ffffff05}
.channel-perm-copy{min-width:0}
.channel-perm-copy strong{display:block;color:#ececf0;font-size:12.5px;line-height:1.3}
.channel-perm-copy small{display:block;margin-top:3px;color:#9497a0;font-size:9.8px;line-height:1.35}
.channel-perm-control{display:grid;grid-template-columns:repeat(3,38px);justify-content:end;gap:4px}
.channel-perm-control button{width:38px;height:32px;padding:0!important;display:grid!important;place-items:center;border:1px solid #ffffff15!important;border-radius:7px!important;background:#17181d!important;color:#8f929b!important;font-size:18px!important;font-weight:800!important;line-height:1!important}
.channel-perm-control button:hover{background:#22242a!important}
.channel-perm-control button[data-value="deny"].active{background:#4c1f25!important;border-color:#ef444477!important;color:#fca5a5!important;box-shadow:0 0 0 1px #ef444426 inset}
.channel-perm-control button[data-value="inherit"].active{background:#34363d!important;border-color:#7d808a66!important;color:#e5e7eb!important}
.channel-perm-control button[data-value="allow"].active{background:#173925!important;border-color:#22c55e77!important;color:#86efac!important;box-shadow:0 0 0 1px #22c55e24 inset}
.channel-perm-actions{position:sticky;bottom:-16px;margin:13px -16px -16px;padding:11px 16px;background:#18181df2;border-top:1px solid #ffffff12;backdrop-filter:blur(10px);z-index:3}

@media(max-width:900px){
  .role-settings-layout{grid-template-columns:225px minmax(0,1fr)}
  .channel-permissions-layout{grid-template-columns:190px minmax(0,1fr)}
  .channel-perm-legend{display:none}
}
@media(max-width:760px){
  .role-settings-layout,.channel-permissions-layout{grid-template-columns:1fr}
  .channel-role-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:210px}
  .channel-perm-title-row{align-items:flex-start;flex-direction:column}
  .channel-perm-presets{display:grid;grid-template-columns:1fr 1fr}
  .channel-perm-preset{justify-content:flex-start}
  .channel-perm-row.discord-row{grid-template-columns:minmax(0,1fr) 118px;gap:9px;padding:10px 9px}
  .channel-perm-control{grid-template-columns:repeat(3,34px);gap:3px}
  .channel-perm-control button{width:34px;height:32px}
}
@media(max-width:430px){
  .channel-role-list{grid-template-columns:1fr}
  .channel-perm-presets{grid-template-columns:1fr}
  .channel-perm-row.discord-row{grid-template-columns:1fr;align-items:start}
  .channel-perm-control{justify-content:start}
  .permission-switch-copy strong{font-size:12.5px!important}
  .permission-switch-copy small{font-size:10px}
}

/* WarDrix 1.6.85 – Rollen & Rechte Overhaul */


/* WarDrix 1.6.86 – Große und frei skalierbare Servereinstellungen */
@media(min-width:761px){
  #serverSettingsDialog{padding:10px!important}
  #serverSettingsDialog .settings-dialog{
    position:relative;
    width:min(var(--wdx-settings-window-width,1360px),calc(var(--wdx-app-width,100vw) - 20px))!important;
    height:min(var(--wdx-settings-window-height,900px),calc(var(--wdx-app-height,100dvh) - 20px))!important;
    max-width:calc(var(--wdx-app-width,100vw) - 20px)!important;
    max-height:calc(var(--wdx-app-height,100dvh) - 20px)!important;
    min-width:min(760px,calc(var(--wdx-app-width,100vw) - 20px));
    min-height:min(560px,calc(var(--wdx-app-height,100dvh) - 20px));
    grid-template-columns:230px minmax(0,1fr);
  }
  #serverSettingsDialog .settings-dialog.settings-window-resizing{user-select:none;cursor:nwse-resize}
  #serverSettingsDialog .settings-dialog.settings-window-resizing *{cursor:nwse-resize!important}
  .settings-window-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto!important;margin-left:12px}
  .settings-window-controls>button:not(.close-big){width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #ffffff19;background:#ffffff08;border-radius:9px;color:#eeeeef}
  .settings-window-controls>button:not(.close-big):hover{background:#ffffff12;border-color:#f9731675;color:#fff}
  .settings-window-controls .material-symbols-rounded{font-size:20px}
  .settings-window-controls .close-big{margin-left:3px}
  .settings-resize-handle{position:absolute;z-index:20;right:2px;bottom:2px;width:22px;height:22px;cursor:nwse-resize;border-radius:0 0 12px 0;touch-action:none}
  .settings-resize-handle::before,.settings-resize-handle::after{content:"";position:absolute;right:5px;bottom:5px;height:2px;border-radius:999px;background:#f97316;transform:rotate(-45deg);transform-origin:right center;opacity:.9}
  .settings-resize-handle::before{width:14px}
  .settings-resize-handle::after{width:8px;right:5px;bottom:9px;opacity:.6}
  .settings-resize-handle:hover::before,.settings-resize-handle:hover::after{background:#fb923c;opacity:1}
}
@media(max-width:760px){
  #serverSettingsDialog .settings-dialog{width:calc(var(--wdx-app-width,100vw) - 6px)!important;height:calc(var(--wdx-app-height,100dvh) - 6px)!important;min-width:0!important;min-height:0!important}
  .settings-window-controls{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto!important;margin-left:8px}
  .settings-window-controls>button:not(.close-big){display:none!important}
  .settings-resize-handle{display:none!important}
}


/* WarDrix 1.6.87 – Rollen-Assistent & einfacher Kanal-Schreibschutz */
.role-explain-card{display:flex;align-items:flex-start;gap:12px;margin:4px 0 8px;padding:13px 14px;border:1px solid #f9731633;border-radius:11px;background:#f9731609}
.role-explain-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#f9731618;color:#f97316}.role-explain-icon .material-symbols-rounded{font-size:21px}
.role-explain-card .grow{min-width:0}.role-explain-card strong{font-size:13.5px}.role-explain-card p{margin:4px 0 0;color:#b7bac2;font-size:11px;line-height:1.45}.role-risk{margin-top:8px;padding:7px 9px;border:1px solid #ef44443d;border-radius:8px;background:#ef444410;color:#fca5a5;font-size:10.5px;line-height:1.4}
.role-permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}.role-permission-toolbar>small{color:#999ca5;font-size:10.5px;text-align:right}
.role-mode-switch{display:flex;gap:4px;padding:3px;border:1px solid #ffffff12;border-radius:9px;background:#111217}.role-mode-switch button{min-height:31px;padding:5px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#a6a9b1!important;font-size:11px!important;font-weight:700!important}.role-mode-switch button.active{background:#f9731618!important;color:#ffb06f!important;box-shadow:inset 0 0 0 1px #f9731648}
.role-template-wrap{margin:0 0 13px;padding:12px;border:1px solid #ffffff10;border-radius:10px;background:#11121780}.role-template-wrap>div:first-child strong,.role-template-wrap>div:first-child small{display:block}.role-template-wrap>div:first-child strong{font-size:12.5px}.role-template-wrap>div:first-child small{margin-top:2px;color:#92959e;font-size:10px}.role-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px}.role-template{display:flex!important;align-items:flex-start!important;gap:7px!important;min-width:0;padding:8px!important;text-align:left!important;border:1px solid #ffffff11!important;border-radius:8px!important;background:#ffffff05!important}.role-template:hover{border-color:#f9731655!important;background:#f973160c!important}.role-template>.material-symbols-rounded{font-size:18px;color:#f97316;flex:0 0 auto}.role-template>span{min-width:0}.role-template strong,.role-template small{display:block}.role-template strong{font-size:10.8px}.role-template small{margin-top:2px;color:#8f929c;font-size:8.8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-template.danger>.material-symbols-rounded{color:#f87171}.role-template.danger:hover{border-color:#ef444455!important;background:#ef44440c!important}

.channel-quick-permissions{margin-top:12px;padding:13px;border:1px solid #ffffff12;border-radius:11px;background:#111217a6}.channel-quick-head{display:flex;align-items:flex-start;gap:10px}.channel-quick-head>.material-symbols-rounded{color:#f97316;font-size:22px}.channel-quick-head strong,.channel-quick-head small{display:block}.channel-quick-head strong{font-size:13.5px}.channel-quick-head small{margin-top:2px;color:#9a9da6;font-size:10.5px;line-height:1.4}
.channel-quick-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.channel-quick-modes>button{display:flex!important;align-items:flex-start!important;gap:8px!important;min-height:66px;padding:9px!important;text-align:left!important;border:1px solid #ffffff12!important;border-radius:9px!important;background:#18191f!important;color:#dddfe4!important}.channel-quick-modes>button:hover{border-color:#f973164d!important}.channel-quick-modes>button.active{border-color:#f9731670!important;background:#f9731610!important;box-shadow:inset 0 0 0 1px #f9731628}.channel-quick-modes .material-symbols-rounded{font-size:19px;color:#f97316;flex:0 0 auto}.channel-quick-modes strong,.channel-quick-modes small{display:block}.channel-quick-modes strong{font-size:11.5px}.channel-quick-modes small{margin-top:3px;color:#91949d;font-size:9px;line-height:1.3}
.channel-quick-writers{margin-top:11px;padding-top:10px;border-top:1px solid #ffffff0f}.channel-quick-writer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.channel-quick-writer-head strong,.channel-quick-writer-head small{display:block}.channel-quick-writer-head strong{font-size:11.5px}.channel-quick-writer-head small{margin-top:2px;color:#92959d;font-size:9.5px}.channel-quick-writer-head>span{padding:3px 7px;border-radius:999px;background:#f9731615;color:#ffb27a;font-size:9.5px;font-weight:700;white-space:nowrap}.channel-quick-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;max-height:180px;overflow:auto}.channel-quick-role{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border:1px solid #ffffff0f;border-radius:8px;background:#ffffff04}.channel-quick-role input{accent-color:#f97316}.channel-quick-role .role-color{width:10px;height:10px}.channel-quick-role strong,.channel-quick-role small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-quick-role strong{font-size:10.8px}.channel-quick-role small{margin-top:1px;color:#8f929a;font-size:8.8px}.channel-quick-role:has(input:checked){border-color:#f9731645;background:#f973160b}.channel-quick-role:has(input:disabled){opacity:.72}
.channel-quick-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.channel-quick-summary{min-width:0}.channel-quick-summary strong,.channel-quick-summary small{display:block}.channel-quick-summary strong{font-size:10.8px;color:#e9e9ec}.channel-quick-summary small{margin-top:2px;color:#92959e;font-size:9.3px;line-height:1.35}.channel-quick-footer>button{flex:0 0 auto;font-size:10px!important;padding:7px 9px!important}
@media(max-width:1000px){.role-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-quick-modes{grid-template-columns:1fr}.channel-quick-role-grid{grid-template-columns:1fr}}
@media(max-width:760px){.role-permission-toolbar{align-items:flex-start;flex-direction:column}.role-permission-toolbar>small{text-align:left}.role-template-grid{grid-template-columns:1fr 1fr}.channel-quick-footer{align-items:flex-start;flex-direction:column}.channel-quick-footer>button{width:100%}}
@media(max-width:430px){.role-template-grid{grid-template-columns:1fr}}

/* WarDrix 1.6.91 – Schnellreaktionen immer direkt neben der letzten Reaktion */
.message-action-dock{
  min-height:0;margin-top:5px;display:flex;align-items:center;
}
.message-reaction-row.message-reaction-dock{
  align-items:center;row-gap:5px;column-gap:5px;
}
.message-actions{
  display:none;align-items:center;gap:2px;
  position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:max-content;max-width:100%;
  padding:2px 3px;
  border:1px solid #ffffff1d;border-radius:8px;overflow:visible;
  background:#17181df2;box-shadow:0 5px 16px #0005;
  opacity:1;visibility:visible;pointer-events:auto;transform:none!important;
}
/* Bei vorhandenen Reaktionen wird die Leiste als letztes Element der Reaktionszeile
   gerendert und sitzt dadurch automatisch rechts neben der letzten Reaktion. */
.message:hover .message-actions,.message:focus-within .message-actions{display:inline-flex}
.message-actions button{
  width:27px;height:24px;min-width:27px;padding:0!important;
  display:grid;place-items:center;border:0!important;border-radius:6px!important;
  background:transparent!important;color:#f4f4f5;line-height:1;
}
.message-actions button:hover{background:#ffffff12!important}
.message-actions .material-symbols-rounded{font-size:15px!important}
.message-actions .message-quick-reaction{position:relative;font-size:15px!important;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif!important}
.message-actions .message-quick-reaction:hover{background:#f9731618!important;transform:translateY(-1px)}
.message-actions .message-quick-reaction.mine{background:#f9731628!important;box-shadow:inset 0 0 0 1px #f9731670;color:#fff}
.message-actions .message-quick-reaction.mine::after{content:"";position:absolute;right:3px;bottom:2px;width:4px;height:4px;border-radius:50%;background:#f97316;box-shadow:0 0 5px #f97316aa}
.message-actions .message-reaction-more{color:#fb923c!important}
.message-action-divider{width:1px;height:16px;margin:0 2px;background:#ffffff1b;flex:0 0 1px}
/* Am rechten Rand darf die Leiste umbrechen, bleibt aber im Nachrichtenbereich. */
.message-reaction-row.message-reaction-dock .message-actions{flex:0 0 auto}
@media(max-width:760px){
  .message-actions{padding:2px;gap:1px}
  .message-actions button{width:26px;height:24px;min-width:26px}
  .message-actions .message-quick-reaction{font-size:14px!important}
  .message-actions .material-symbols-rounded{font-size:14px!important}
}
@media(hover:none){
  .message-actions{display:inline-flex}
}


/* 1.6.92 – Nachrichten-Vorlagen */
.composer.compact-templates .composer-row,.composer.compact-templates .composer-help,.composer.compact-templates #filePreview,.composer.compact-templates #mentionSuggestions,.composer.compact-templates #messageFormatBar,.composer.compact-templates #voiceRecordStatus{display:none!important;}
.template-composer-panel{margin-top:12px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(12,17,29,.96));}
.template-composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.template-composer-head strong{display:block;font-size:15px;color:#fff;}
.template-composer-head small{display:block;margin-top:4px;color:rgba(255,255,255,.68);line-height:1.45;}
.template-composer-list{display:grid;gap:10px;}
.template-composer-empty{padding:18px;border:1px dashed rgba(249,115,22,.35);border-radius:14px;background:rgba(15,23,42,.54);color:rgba(255,255,255,.72);}
.template-composer-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);}
.template-composer-item-main{display:flex;align-items:flex-start;gap:12px;min-width:0;}
.template-composer-item-badge{width:42px;height:42px;border-radius:12px;background:rgba(249,115,22,.14);display:grid;place-items:center;font-size:24px;flex:0 0 42px;}
.template-composer-item-copy{min-width:0;}
.template-composer-item-copy strong{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.template-composer-item-copy small{display:block;margin-top:4px;color:rgba(255,255,255,.62);line-height:1.35;}
.template-composer-item-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.template-composer-item-actions button{display:inline-flex;align-items:center;gap:6px;}
.message-template-dialog{width:min(1220px,96vw);max-height:92vh;overflow:auto;}
.message-template-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-top:12px;}
.message-template-editor{display:grid;gap:14px;min-width:0;}
.message-template-title-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start;}
.message-template-icon-select,.message-template-title-side,.message-template-media-box,.message-template-preview-shell{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(15,23,42,.52);padding:14px;}
.message-template-preset-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;}
.message-template-preset-icons button{min-height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:23px;}
.message-template-preset-icons button.active{border-color:rgba(249,115,22,.95);box-shadow:0 0 0 1px rgba(249,115,22,.45) inset;background:rgba(249,115,22,.12);}
.message-template-icon-custom{margin-top:10px;}
.message-template-media-grid{display:grid;gap:12px;margin-top:12px;}
.message-template-media-box strong{display:block;color:#fff;}
.message-template-media-box small{display:block;margin-top:3px;color:rgba(255,255,255,.63);line-height:1.4;}
.message-template-media-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.message-template-media-info{display:block;margin-top:8px;color:rgba(255,255,255,.7);word-break:break-word;}
.message-template-bottom-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:start;}
.message-template-color-field input{width:100%;height:44px;padding:4px;}
.message-template-links-field{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(15,23,42,.52);padding:14px;}
.message-template-links-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.message-template-links{display:grid;gap:10px;}
.message-template-link-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 44px;gap:8px;align-items:end;}
.message-template-link-row button{height:44px;}
.message-template-preview-head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;}
.message-template-preview-head strong{color:#fff;}
.message-template-preview-head small{color:rgba(255,255,255,.62);}
.message-template-preview{min-height:300px;max-height:62vh;overflow:auto;padding:14px;border-radius:14px;background:rgba(5,10,20,.48);border:1px solid rgba(255,255,255,.06);}
.message-template-preview-card .message-content{margin:0;}
.message-template-actions-right{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
@media (max-width:1080px){.message-template-layout{grid-template-columns:1fr;}.message-template-preview{max-height:none;}.message-template-title-grid,.message-template-bottom-grid{grid-template-columns:1fr;}}
@media (max-width:720px){.template-composer-head,.template-composer-item{flex-direction:column;align-items:stretch;}.template-composer-item-actions{justify-content:stretch;}.message-template-link-row{grid-template-columns:1fr;}.message-template-actions-right{justify-content:stretch;}.message-template-preset-icons{grid-template-columns:repeat(4,minmax(0,1fr));}}

/* 1.6.93 – Formatierungsleiste im Nachrichten-Vorlagen-Baukasten */
.message-template-text-editor{display:grid;gap:8px;}
.message-template-formatbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(15,23,42,.66);}
.message-template-formatbar>button,.message-template-formatbar>select,.message-template-format-color{height:36px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.045);color:#fff;}
.message-template-formatbar>button{width:38px;display:grid;place-items:center;padding:0;}
.message-template-formatbar>button:hover,.message-template-formatbar>select:hover,.message-template-format-color:hover{border-color:rgba(249,115,22,.65);background:rgba(249,115,22,.1);}
.message-template-formatbar>button .material-symbols-rounded{font-size:20px;}
.message-template-formatbar>select{min-width:118px;padding:0 10px;}
.message-template-formatbar>select option{background:#17191f;color:#fff;}
.message-template-format-sep{width:1px;height:25px;background:rgba(255,255,255,.12);margin:0 2px;}
.message-template-format-color{display:flex;align-items:center;gap:6px;padding:0 8px;cursor:pointer;}
.message-template-format-color .material-symbols-rounded{font-size:18px;}
.message-template-format-color input{width:24px;height:24px;border:0;padding:0;background:transparent;cursor:pointer;}
.message-template-text-editor>label{margin:0;}
.message-template-preview .wdx-block>.wdx-image-inline:first-child{display:block;margin-top:0;margin-bottom:16px;}
@media (max-width:720px){.message-template-formatbar>select{min-width:104px;flex:1 1 104px;}.message-template-format-sep{display:none;}}

/* WarDrix 1.6.94 – Vorlagenbilder + kompakter Vorlagenkopf */
.wdx-block>.wdx-heading:first-of-type{margin-top:0}
.wdx-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;clear:both;margin:10px 0 2px;max-width:720px}
.wdx-gallery.wdx-gallery-count-1{grid-template-columns:minmax(0,280px)}
.wdx-gallery.wdx-gallery-count-2{grid-template-columns:repeat(2,minmax(0,260px))}
.wdx-gallery-item{position:relative;display:block;aspect-ratio:16/10;min-width:0;overflow:hidden;border:1px solid #ffffff20;border-radius:9px;background:#0d0e12;cursor:zoom-in;padding:0}
.wdx-gallery-item:hover{border-color:#f9731688;box-shadow:0 0 0 1px #f9731638 inset}
.wdx-gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .16s ease}
.wdx-gallery-item:hover img{transform:scale(1.025)}
.wdx-gallery-loading{display:grid;place-items:center;min-height:86px;color:#aaaab4;font-size:11px}
.message-template-gallery-editor{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(15,23,42,.52);padding:12px}
.message-template-gallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.message-template-gallery-head strong,.message-template-gallery-head small{display:block}
.message-template-gallery-head small{margin-top:3px;color:rgba(255,255,255,.63);line-height:1.4}
.message-template-gallery-head button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.message-template-gallery-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
.message-template-gallery-empty{grid-column:1/-1;padding:13px;border:1px dashed rgba(249,115,22,.3);border-radius:11px;color:rgba(255,255,255,.6);font-size:12px}
.message-template-gallery-thumb{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0d1018}
.message-template-gallery-thumb img{width:100%;height:100%;display:block;object-fit:cover;cursor:zoom-in}
.message-template-gallery-thumb .gallery-thumb-remove{position:absolute;right:5px;top:5px;width:28px;height:28px;padding:0;border:1px solid #ffffff22;border-radius:8px;background:#17181de8;color:#fff;display:grid;place-items:center}
.message-template-gallery-thumb .gallery-thumb-remove:hover{background:#7f1d1ddf;border-color:#ef4444}
.message-template-gallery-thumb .gallery-thumb-order{position:absolute;left:5px;bottom:5px;padding:2px 6px;border-radius:999px;background:#090a0dcc;color:#fff;font-size:10px;font-weight:800}
.message-template-preview .wdx-block{padding-top:6px}
.message-template-preview .wdx-block>.wdx-image-inline:first-child{margin-top:0}
@media(max-width:760px){.wdx-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.message-template-gallery-head{flex-direction:column}.message-template-gallery-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* WarDrix 1.6.95 – Forum-Kategorien statt Filter-Tabs */
.forum-category-section{padding:14px;border:1px solid #34363d;background:#18191e;border-radius:10px}
.forum-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.forum-category-card{--forum-category-color:#f97316;position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:118px;padding:15px;border:1px solid #34363d;border-left:4px solid #44464f;border-radius:10px;background:#1b1c21;cursor:pointer;outline:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.forum-category-card.highlighted{border-color:color-mix(in srgb,var(--forum-category-color) 60%,#34363d);border-left-color:var(--forum-category-color);box-shadow:inset 3px 0 18px color-mix(in srgb,var(--forum-category-color) 10%,transparent)}
.forum-category-card:hover,.forum-category-card:focus-visible{background:#222329;border-color:color-mix(in srgb,var(--forum-category-color) 55%,#3b3d45);transform:translateY(-1px)}
.forum-category-card-icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--forum-category-color) 12%,#15161a);border:1px solid color-mix(in srgb,var(--forum-category-color) 42%,#32343c);color:var(--forum-category-color)}
.forum-category-card-icon .material-symbols-rounded{font-size:26px}
.forum-category-card-copy{min-width:0}
.forum-category-card-title{display:flex;align-items:center;gap:8px;min-width:0}.forum-category-card-title strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-card-copy>p{margin:6px 0 10px;color:#b9bcc4;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.forum-category-important{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--forum-category-color,#fb923c);border:1px solid color-mix(in srgb,var(--forum-category-color,#f97316) 48%,transparent);background:color-mix(in srgb,var(--forum-category-color,#f97316) 10%,transparent);white-space:nowrap}
.forum-category-card-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#92959e;font-size:11px}.forum-category-card-stats>span{display:inline-flex;align-items:center;gap:4px}.forum-category-card-stats .material-symbols-rounded{font-size:15px;color:#aaaeb7}.forum-category-card-stats small{margin-left:auto;color:#7f828b}
.forum-category-card-actions{display:flex;align-self:flex-start;gap:4px}.forum-category-card-actions .icon-button{width:30px;height:30px;padding:0!important;display:grid;place-items:center;background:#24252b!important;border:1px solid #373942!important}.forum-category-card-actions .icon-button:hover{border-color:#f9731666!important;background:#2d2e35!important}.forum-category-card-actions .danger-soft{color:#fda4af!important}
.forum-category-hero{--forum-category-color:#f97316;position:relative;border-left:4px solid #42444c}.forum-category-hero.highlighted{border-left-color:var(--forum-category-color);box-shadow:inset 3px 0 20px color-mix(in srgb,var(--forum-category-color) 9%,transparent)}
.forum-category-hero-title{display:flex;align-items:center;gap:9px;margin:9px 0 5px}.forum-category-hero-title>.material-symbols-rounded{font-size:28px;color:var(--forum-category-color)}.forum-category-hero-title h2{margin:0}.forum-category-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.forum-category-back{padding:6px 9px!important;font-size:12px!important;margin-bottom:2px}
.forum-category-editor-style{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:stretch}
.forum-category-editor-style input[type=color]{height:48px;padding:4px!important;cursor:pointer}
.forum-category-highlight-toggle{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px;border:1px solid #34363d;border-radius:9px;background:#121318}.forum-category-highlight-toggle input{width:18px!important;height:18px!important;accent-color:#f97316}.forum-category-highlight-toggle span{display:flex;flex-direction:column;gap:2px}.forum-category-highlight-toggle strong{font-size:13px;color:#eceef2}.forum-category-highlight-toggle small{font-size:11px;color:#8f929b;line-height:1.4}
.forum-category-mini-preview{--forum-category-color:#f97316;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid #34363d;border-left:4px solid #454750;border-radius:9px;background:#15161a}.forum-category-mini-preview.highlighted{border-left-color:var(--forum-category-color);border-color:color-mix(in srgb,var(--forum-category-color) 45%,#34363d)}.forum-category-mini-preview>.material-symbols-rounded{font-size:24px;color:var(--forum-category-color)}.forum-category-mini-preview strong,.forum-category-mini-preview small{display:block}.forum-category-mini-preview small{margin-top:3px;color:#9699a2;font-size:11px}
@media(max-width:820px){.forum-category-grid{grid-template-columns:1fr}.forum-category-card{grid-template-columns:46px minmax(0,1fr) auto}.forum-category-card-icon{width:44px;height:44px}.forum-category-hero{align-items:stretch}.forum-category-hero-actions{justify-content:flex-start}.forum-category-editor-style{grid-template-columns:1fr}}
@media(max-width:560px){.forum-category-card{grid-template-columns:42px minmax(0,1fr);padding:12px}.forum-category-card-actions{grid-column:2}.forum-category-card-stats small{width:100%;margin-left:0}.forum-category-card-title{align-items:flex-start;flex-direction:column;gap:5px}.forum-category-important{font-size:8px}.forum-category-hero-actions>*{width:100%;justify-content:center}}


/* WarDrix 1.6.97 – Hover-Aktionen ohne Layout-Sprung + Touch nur bei gezielter Nachricht */
/* Ohne vorhandene Reaktionen ist der Aktionsbereich aus dem normalen Dokumentfluss genommen.
   Beim Hover wird daher keine nachfolgende Nachricht mehr nach unten geschoben. */
.message-action-dock{
  position:relative!important;
  display:block!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:8;
}
.message-action-dock>.message-actions{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:3px!important;
  bottom:auto!important;
  z-index:9;
}
/* Sobald echte Reaktionen vorhanden sind, darf die Aktionsleiste wie gewünscht rechts
   neben der letzten Reaktion im normalen Reaktionsbereich stehen. */
.message-reaction-row.message-reaction-dock>.message-actions{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
}
/* Touch/Handy: Keine Emoji-/Plus-Leiste auf jeder Nachricht. Erst Antippen öffnet
   die Aktionen gezielt an genau dieser Nachricht. */
@media (hover:none), (pointer:coarse){
  .message .message-actions{display:none!important;opacity:1!important;visibility:visible!important;}
  .message.actions-open .message-actions{display:inline-flex!important;}
}

/* WarDrix 1.6.98 – opt-in Streams & persönliche Voice-Audioeinstellungen */
.voice-dock{flex-wrap:wrap}.voice-dock-info{min-width:0;flex:1 1 120px}.voice-dock button{position:relative;flex:0 0 auto}.voice-dock-count{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#f97316;color:#fff;font-size:9px;font-weight:800;border:2px solid #151519}.voice-dock button#voiceStreamsBtn:not(.hidden){color:#fdba74;border-color:#f9731666;background:#f9731618}.voice-dock button#voiceStreamsBtn .material-symbols-rounded{font-size:19px}

.voice-stream-prompt{position:fixed;right:22px;bottom:92px;z-index:190;width:min(430px,calc(100vw - 28px));display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid #f9731666;border-radius:14px;background:#15171df5;box-shadow:0 18px 55px #0009}.voice-stream-prompt.hidden{display:none}.voice-stream-prompt-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f9731618;color:#fb923c}.voice-stream-prompt-icon .material-symbols-rounded{font-size:25px}.voice-stream-prompt-copy{min-width:0}.voice-stream-prompt-copy strong,.voice-stream-prompt-copy small{display:block}.voice-stream-prompt-copy strong{color:#fff;font-size:14px}.voice-stream-prompt-copy small{margin-top:3px;color:#c9c9d0;font-size:11px;line-height:1.35}.voice-stream-prompt button{white-space:nowrap}

.voice-streams-dialog{width:min(680px,94vw)}.voice-streams-list{display:grid;gap:10px;margin-top:14px}.voice-stream-empty{padding:20px;border:1px dashed #ffffff20;border-radius:12px;color:#aeb0b8;text-align:center}.voice-stream-list-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff14;border-radius:13px;background:#101117}.voice-stream-list-item.active{border-color:#f9731688;background:#f973160d}.voice-stream-list-avatar{width:42px;height:42px}.voice-stream-list-copy strong,.voice-stream-list-copy small{display:block}.voice-stream-list-copy strong{font-size:14px;color:#fff}.voice-stream-list-copy small{margin-top:3px;font-size:11px;color:#aeb0b8}.voice-stream-live{display:inline-flex;align-items:center;gap:5px;color:#ff7a68;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.voice-stream-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef444488}

.voice-stream-viewer{position:fixed;right:18px;bottom:84px;z-index:170;width:min(780px,64vw);min-width:360px;max-height:72vh;border:1px solid #ffffff22;border-radius:14px;background:#0b0c10f5;box-shadow:0 24px 70px #000b;overflow:hidden}.voice-stream-viewer.hidden{display:none}.voice-stream-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#15171d;border-bottom:1px solid #ffffff12}.voice-stream-viewer-head>div:first-child{min-width:0}.voice-stream-viewer-head strong,.voice-stream-viewer-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-stream-viewer-head strong{font-size:14px;color:#fff}.voice-stream-viewer-head small{margin-top:2px;font-size:11px;color:#aaaeb8}.voice-stream-viewer-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.voice-stream-viewer-actions button{display:inline-flex;align-items:center;gap:6px}.voice-stream-viewer-actions .material-symbols-rounded{font-size:18px}.voice-stream-viewer-body{position:relative;display:grid;place-items:center;min-height:220px;max-height:calc(72vh - 58px);background:#000}.voice-stream-viewer-body video{display:none;width:100%;height:100%;max-height:calc(72vh - 58px);object-fit:contain;background:#000}.voice-stream-viewer.has-stream .voice-stream-viewer-body video{display:block}.voice-stream-viewer.has-stream .voice-stream-viewer-waiting{display:none}.voice-stream-viewer-waiting{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:30px;text-align:center;color:#e4e4e7}.voice-stream-viewer-waiting .material-symbols-rounded{font-size:30px;color:#fb923c}.voice-stream-viewer-waiting small{max-width:460px;color:#a1a1aa;line-height:1.45}

.voice-settings-dialog{width:min(820px,95vw)}.voice-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.voice-settings-section{display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid #ffffff12;border-radius:14px;background:#101117}.voice-settings-section label{display:flex;flex-direction:column;gap:7px;color:#ddd}.voice-settings-section select{width:100%}.voice-slider-label{display:grid!important;grid-template-columns:1fr auto;gap:7px 10px!important;align-items:center}.voice-slider-label>input[type="range"]{grid-column:1/-1;width:100%}.voice-slider-label strong{color:#fdba74;font-size:12px}.voice-setting-hint{display:block;color:#9fa2ab;line-height:1.45}.voice-settings-test{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 12px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff05}.voice-settings-test button{display:inline-flex;align-items:center;gap:6px}.voice-settings-test .material-symbols-rounded{font-size:18px}.voice-settings-test span{font-size:11px;color:#aeb0b8;text-align:right}

.voice-member-dialog{width:min(470px,92vw)}.voice-member-dialog-avatar{display:flex;justify-content:center;margin:8px 0 16px}.voice-member-dialog-avatar .avatar{width:68px;height:68px;font-size:19px}.voice-member-mute-toggle{margin-top:15px}.voice-participant-row{cursor:pointer}.voice-participant-row .voice-local-state{display:inline-flex;align-items:center;gap:3px;color:#fb923c;font-size:10px;white-space:nowrap}.voice-participant-row .voice-local-state .material-symbols-rounded{font-size:15px}.voice-participant-row .voice-streaming-badge{display:inline-flex;align-items:center;gap:3px;color:#fb7185;font-size:9px;font-weight:800}.voice-participant-row .voice-streaming-badge .material-symbols-rounded{font-size:15px}.voice-participant-row.self-voice-participant{cursor:default}

#remoteAudio{display:none!important}

@media (max-width:820px){.voice-settings-grid{grid-template-columns:1fr}.voice-stream-viewer{left:8px;right:8px;bottom:76px;width:auto;min-width:0;max-height:68vh}.voice-stream-viewer-body,.voice-stream-viewer-body video{max-height:calc(68vh - 92px)}.voice-stream-viewer-head{align-items:flex-start}.voice-stream-viewer-actions button span:not(.material-symbols-rounded){display:none}.voice-stream-prompt{left:8px;right:8px;bottom:76px;width:auto;grid-template-columns:38px minmax(0,1fr);}.voice-stream-prompt button{grid-row:2}.voice-stream-prompt #voiceStreamPromptWatch{grid-column:1/2}.voice-stream-prompt #voiceStreamPromptDismiss{grid-column:2/3}.voice-stream-prompt-icon{width:36px;height:36px}.voice-stream-list-item{grid-template-columns:40px minmax(0,1fr);}.voice-stream-list-item>button{grid-column:1/-1;width:100%}}

/* WarDrix 1.6.99 – Feedback-System */
.feedback-view{padding:18px 20px 28px;overflow:auto;}
.feedback-shell{width:min(1120px,100%);margin:0 auto;display:grid;gap:16px;}
.feedback-hero,.feedback-compose-card,.feedback-inbox,.feedback-staff-summary{border:1px solid rgba(255,255,255,.08);background:rgba(16,18,24,.86);border-radius:16px;}
.feedback-hero{padding:22px 24px;position:relative;overflow:hidden;}
.feedback-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f97316;}
.feedback-kicker{display:block;color:#fb923c;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:5px;}
.feedback-hero h2{margin:0;color:#fff;font-size:25px;}
.feedback-hero p{margin:7px 0 0;color:rgba(255,255,255,.72);line-height:1.5;}
.feedback-compose-card{padding:18px;display:grid;gap:16px;}
.feedback-compose-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.feedback-compose-head strong{display:block;color:#fff;font-size:17px;}
.feedback-compose-head small{display:block;color:rgba(255,255,255,.62);margin-top:4px;line-height:1.45;}
.feedback-rating-wrap{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);}
.feedback-rating-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.feedback-rating-label strong{color:#fff;}
.feedback-rating-label small{color:rgba(255,255,255,.58);}
.feedback-stars{display:flex;flex-wrap:wrap;gap:7px;}
.feedback-stars button{width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:#171a21;color:#626875;display:grid;place-items:center;transition:.12s ease;}
.feedback-stars button:hover{border-color:rgba(249,115,22,.6);color:#fb923c;transform:translateY(-1px);}
.feedback-stars button.active{color:#fb923c;background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.55);box-shadow:0 0 0 1px rgba(249,115,22,.1) inset;}
.feedback-stars .material-symbols-rounded{font-variation-settings:'FILL' 1;font-size:24px;}
.feedback-text-label{display:grid;gap:7px;color:#f4f4f5;font-weight:600;}
.feedback-text-label textarea{min-height:140px;resize:vertical;}
.feedback-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.feedback-privacy{min-width:0;flex:1;}
.feedback-anonymous-toggle{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;cursor:pointer;}
.feedback-anonymous-toggle>input{position:absolute;opacity:0;pointer-events:none;}
.feedback-anonymous-toggle strong,.feedback-privacy-note strong{display:block;color:#fff;}
.feedback-anonymous-toggle small,.feedback-privacy-note small{display:block;margin-top:3px;color:rgba(255,255,255,.62);line-height:1.45;}
.feedback-privacy-note{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);}
.feedback-submit{min-width:168px;justify-content:center;}
.feedback-staff-summary{padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.feedback-staff-summary>div{min-height:82px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;}
.feedback-staff-summary .material-symbols-rounded{grid-row:1/3;color:#fb923c;font-size:24px;}
.feedback-staff-summary strong{color:#fff;font-size:21px;line-height:1;}
.feedback-staff-summary small{color:rgba(255,255,255,.58);}
.feedback-inbox{padding:16px;}
.feedback-inbox-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;}
.feedback-inbox-head strong{display:block;color:#fff;font-size:17px;}
.feedback-inbox-head small{display:block;color:rgba(255,255,255,.58);margin-top:3px;}
.feedback-filter-tabs{display:flex;flex-wrap:wrap;gap:7px;}
.feedback-filter-tabs button{min-height:34px;padding:0 12px;border-radius:9px;}
.feedback-filter-tabs button.active{border-color:#f97316;color:#fff;background:rgba(249,115,22,.13);}
.feedback-list{display:grid;gap:12px;}
.feedback-card{padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#15181f;position:relative;overflow:hidden;}
.feedback-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#6b7280;}
.feedback-card.status-new::before{background:#f97316;}.feedback-card.status-read::before{background:#38bdf8;}.feedback-card.status-resolved::before{background:#22c55e;}
.feedback-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;}
.feedback-author{display:flex;gap:10px;align-items:center;min-width:0;}
.feedback-author-avatar,.feedback-anonymous-avatar{width:42px;height:42px;flex:0 0 42px;}
.feedback-anonymous-avatar{border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#a1a1aa;}
.feedback-author strong{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.feedback-author small{display:block;color:rgba(255,255,255,.55);margin-top:2px;}
.feedback-status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.08);color:#d4d4d8;background:rgba(255,255,255,.035);}
.feedback-status-badge.new{color:#fdba74;border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.08);}.feedback-status-badge.read{color:#7dd3fc;border-color:rgba(56,189,248,.3);background:rgba(56,189,248,.07);}.feedback-status-badge.resolved{color:#86efac;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.07);}
.feedback-status-badge .material-symbols-rounded{font-size:16px;}
.feedback-card-stars{display:flex;gap:2px;margin:12px 0 8px;}
.feedback-card-stars .material-symbols-rounded{font-size:18px;color:#454b56;font-variation-settings:'FILL' 1;}.feedback-card-stars .material-symbols-rounded.active{color:#fb923c;}
.feedback-card-content{white-space:pre-wrap;word-break:break-word;color:#f1f1f3;line-height:1.55;padding:10px 0 12px;}
.feedback-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);}
.feedback-empty{min-height:160px;border:1px dashed rgba(255,255,255,.09);border-radius:14px;display:grid;place-items:center;text-align:center;padding:24px;color:rgba(255,255,255,.62);}
.feedback-empty>.material-symbols-rounded{font-size:34px;color:#fb923c;}.feedback-empty strong{display:block;color:#fff;margin-top:5px;}.feedback-empty p{margin:3px 0 0;}
.feedback-privacy-admin-note{margin-top:14px;display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:rgba(249,115,22,.07);border:1px solid rgba(249,115,22,.22);}
.feedback-privacy-admin-note>.material-symbols-rounded{color:#fb923c;}.feedback-privacy-admin-note strong{display:block;color:#fff;}.feedback-privacy-admin-note small{display:block;color:rgba(255,255,255,.65);margin-top:3px;line-height:1.45;}
.feedback-sidebar-section .channel-icon{color:#fb923c;}
@media (max-width:780px){
  .feedback-view{padding:10px 10px 20px;}.feedback-hero{padding:17px 18px;}.feedback-hero h2{font-size:22px;}.feedback-compose-footer,.feedback-inbox-head{align-items:stretch;flex-direction:column;}.feedback-submit{width:100%;}.feedback-staff-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.feedback-rating-label{align-items:flex-start;flex-direction:column;gap:3px;}.feedback-stars{gap:5px;}.feedback-stars button{width:36px;height:36px;}.feedback-filter-tabs{width:100%;}.feedback-filter-tabs button{flex:1 1 auto;}.feedback-card-head{align-items:flex-start;}.feedback-card-actions{justify-content:stretch;}.feedback-card-actions button{flex:1 1 auto;}
}

/* WarDrix 1.7.00 – UI-Polish: Reaktionen, Benutzereinstellungen, Avatar-Abstand, Feedback-Schalter */

/* Schnellreaktionen dürfen beim Hover nie in die nächste Nachricht hineinragen.
   Ohne echte Reaktion bleibt die Leiste ein Overlay innerhalb der aktuellen Nachricht.
   Erst echte Reaktionen erzeugen eine normale Reaktionszeile im Layout. */
.message-action-dock{
  position:absolute!important;
  right:16px!important;
  bottom:5px!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  z-index:14!important;
  pointer-events:none;
}
.message-action-dock>.message-actions{
  position:static!important;
  pointer-events:auto;
  box-shadow:0 8px 24px #0008!important;
  background:#17181df8!important;
  border-color:#ffffff24!important;
}
.message-reaction-row.message-reaction-dock{
  position:relative!important;
  z-index:4!important;
  margin-top:7px!important;
  padding-bottom:1px;
}
.message-reaction-row.message-reaction-dock>.message-actions{
  position:static!important;
  box-shadow:0 5px 16px #0006!important;
  background:#17181df5!important;
}
.message:hover{z-index:5}
.message:not(:hover):not(.actions-open) .message-action-dock>.message-actions{pointer-events:none}
@media (hover:hover) and (pointer:fine){
  .message-action-dock>.message-actions{opacity:0;visibility:hidden;transform:translateY(3px)!important;transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
  .message:hover .message-action-dock>.message-actions,.message:focus-within .message-action-dock>.message-actions{opacity:1;visibility:visible;transform:translateY(0)!important;display:inline-flex!important}
}
@media (hover:none), (pointer:coarse){
  .message-action-dock{right:8px!important;bottom:4px!important}
  .message .message-actions{display:none!important;opacity:0!important;visibility:hidden!important;transform:scale(.97)!important;transition:opacity .12s ease,transform .12s ease!important}
  .message.actions-open .message-actions{display:inline-flex!important;opacity:.96!important;visibility:visible!important;transform:scale(1)!important}
  .message.actions-open{z-index:15}
}

/* Große Portraitrahmen bekommen bewusst mehr Platz zum Namen. */
.message.message-has-avatar-frame{grid-template-columns:62px minmax(0,1fr)!important;column-gap:10px!important}
.message.message-has-avatar-frame>.avatar{justify-self:center;margin-left:2px}
.message.message-has-avatar-frame .message-main{padding-left:2px}
.member-row:has(.avatar-framed) .member-avatar-slot{width:62px!important}
.member-row:has(.avatar-framed){grid-template-columns:62px minmax(0,1fr) 10px!important}
.dm-item:has(.avatar-framed){column-gap:12px!important}

/* Benutzer-Einstellungen statt einer endlosen Profilseite. */
.user-settings-dialog{width:min(900px,calc(100vw - 26px))!important;max-height:min(900px,calc(100vh - 22px))!important;overflow:hidden!important;padding:0!important;display:flex;flex-direction:column;background:#17181d!important}
.user-settings-dialog>header{padding:18px 20px 14px;border-bottom:1px solid #ffffff10;flex:0 0 auto}
.user-settings-tabs{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid #ffffff0e;background:#121318;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}
.user-settings-tabs::-webkit-scrollbar{display:none}
.user-settings-tabs button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 11px!important;border-radius:9px!important;border:1px solid transparent!important;background:transparent!important;color:#b8bac2!important;font-size:12px!important}
.user-settings-tabs button .material-symbols-rounded{font-size:18px}
.user-settings-tabs button:hover{background:#ffffff08!important;color:#fff!important}
.user-settings-tabs button.active{background:#f9731613!important;border-color:#f973164d!important;color:#ffb47d!important;box-shadow:inset 0 -2px 0 #f97316}
.user-settings-scroll{min-height:0;overflow:auto;padding:16px 18px 20px;flex:1}
.user-settings-panel{display:none;gap:14px;animation:userSettingsFade .12s ease}
.user-settings-panel.active{display:grid}
@keyframes userSettingsFade{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:none}}
.user-settings-card{border:1px solid #ffffff10;border-radius:14px;background:#111217b5;padding:15px;box-shadow:0 8px 28px #0002}
.user-settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.user-settings-card-head>div{min-width:0}.user-settings-card-head strong,.user-settings-card-head small{display:block}.user-settings-card-head strong{font-size:14px;color:#fff}.user-settings-card-head small{font-size:10.5px;color:#999ca5;margin-top:3px;line-height:1.4}
.compact-profile-preview{height:170px!important;margin:0!important;border:1px solid #ffffff0d;border-radius:14px;background:#111217;overflow:visible}
.compact-profile-preview .profile-edit-banner{height:112px!important;border-radius:13px 13px 9px 9px}
.compact-profile-preview .profile-edit-avatar{bottom:10px!important;left:22px!important;width:82px!important;height:82px!important}
.user-settings-card .media-edit-row{margin:0;padding:12px 0;border-top:1px solid #ffffff0d}
.user-settings-card .media-edit-row:first-of-type{border-top:0;padding-top:0}
.user-settings-card .media-edit-row:last-child{padding-bottom:0}
.compact-danger{margin-top:10px}
.user-settings-panel .profile-overlay-current{margin:4px 0 0}
.user-settings-panel .profile-server-tag-grid{margin-top:2px}
.user-settings-tool-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0!important}
.user-settings-tool-grid button{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;text-align:left!important;padding:12px!important;min-height:68px}
.user-settings-tool-grid button>.material-symbols-rounded{font-size:23px;color:#fb923c}
.user-settings-tool-grid button strong,.user-settings-tool-grid button small{display:block}.user-settings-tool-grid button small{margin-top:3px;color:#92959d;font-size:10px;line-height:1.35}
.user-settings-actions{flex:0 0 auto;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff10;background:#15161b}
.embedded-voice-settings{margin-top:0!important}.voice-settings-test.embedded{margin-top:12px!important}.voice-settings-test.embedded>span{text-align:left!important;flex:1}

/* Voice-Mitgliedsdialog kompakter und klarer. */
.voice-member-dialog{width:min(430px,calc(100vw - 24px))!important}.voice-member-dialog-avatar{margin:12px auto 16px}.voice-member-dialog .voice-slider-label{padding:12px;border:1px solid #ffffff10;border-radius:12px;background:#111217}.voice-member-mute-toggle{margin-top:10px;padding:12px!important;border:1px solid #ffffff10;border-radius:12px;background:#111217}.voice-member-dialog .voice-setting-hint{margin-top:9px;padding:9px 11px;border-radius:9px;background:#ffffff04;border:1px solid #ffffff0b}

/* Anonym-Feedback: Schalterzustand wird unabhängig von Browser-Selectoren sichtbar. */
.feedback-anonymous-toggle{padding:11px 12px;border:1px solid #ffffff0f;border-radius:12px;background:#111217;transition:border-color .15s ease,background .15s ease}
.feedback-anonymous-toggle.checked{border-color:#f9731655;background:#f9731609}
.feedback-anonymous-toggle.checked .switch-ui{background:#f97316!important;border-color:#fb923c!important;box-shadow:0 0 11px #f973164f,inset 0 1px 2px #ffffff18!important}
.feedback-anonymous-toggle.checked .switch-ui::after{transform:translateX(19px)!important;background:#fff!important;box-shadow:0 1px 4px #0009,0 0 7px #fff4!important}
.feedback-anonymous-toggle .switch-ui{cursor:pointer}
.feedback-compose-footer{align-items:stretch!important}.feedback-privacy{display:flex;align-items:stretch}.feedback-anonymous-toggle{width:100%}

@media(max-width:760px){
  .user-settings-dialog{width:calc(100vw - 10px)!important;max-height:calc(var(--app-height,100dvh) - 10px)!important}
  .user-settings-dialog>header{padding:14px 14px 10px}.user-settings-tabs{padding:8px 10px}.user-settings-scroll{padding:11px 10px 16px}
  .user-settings-tabs button{font-size:11px!important;padding:8px 9px!important}.user-settings-tabs button .material-symbols-rounded{font-size:17px}
  .user-settings-card{padding:12px}.user-settings-card-head{flex-direction:column}.user-settings-card-head>button{width:100%}
  .user-settings-tool-grid{grid-template-columns:1fr}.embedded-voice-settings{grid-template-columns:1fr!important}
  .profile-link-grid{grid-template-columns:1fr!important}.settings-grid.profile-fields{grid-template-columns:1fr!important}
  .compact-profile-preview{height:154px!important}.compact-profile-preview .profile-edit-banner{height:98px!important}.compact-profile-preview .profile-edit-avatar{width:74px!important;height:74px!important;left:18px!important}
}

/* WarDrix 1.7.01 – 90-Tage-Feedback-Limit */
.feedback-cooldown-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;margin:0 0 14px;border:1px solid rgba(249,115,22,.28);border-radius:13px;background:rgba(249,115,22,.07);}
.feedback-cooldown-note>.material-symbols-rounded{color:#fb923c;font-size:24px;margin-top:1px;}
.feedback-cooldown-note strong{display:block;color:#fff;font-size:14px;}
.feedback-cooldown-note small{display:block;margin-top:4px;color:rgba(255,255,255,.66);line-height:1.45;}
.feedback-cooldown-active .feedback-rating-wrap,.feedback-cooldown-active .feedback-text-label,.feedback-cooldown-active .feedback-anonymous-toggle{opacity:.62;}
.feedback-stars button:disabled{cursor:not-allowed;transform:none!important;color:#525866;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.02);}
.feedback-submit:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.7;}


/* WarDrix 1.7.02 – Feedback: Profilrahmen dürfen nicht mehr in Namen/Metadaten laufen */
.feedback-author{gap:12px!important;padding-left:2px;}
.feedback-author-copy{min-width:0;position:relative;z-index:6;}
.feedback-author.has-framed-avatar{gap:18px!important;padding-left:8px;}
.feedback-author.has-framed-avatar .feedback-author-avatar{margin-left:5px;margin-right:5px;flex:0 0 42px!important;}
.feedback-author.has-framed-avatar .feedback-author-copy{padding-left:4px;}
.feedback-author.has-framed-avatar strong,.feedback-author.has-framed-avatar small{position:relative;z-index:7;}
@media(max-width:760px){
  .feedback-author.has-framed-avatar{gap:16px!important;padding-left:6px;}
  .feedback-author.has-framed-avatar .feedback-author-avatar{margin-left:4px;margin-right:4px;}
  .feedback-author.has-framed-avatar .feedback-author-copy{padding-left:3px;}
}

/* WarDrix 1.7.04 – Plattformaufsicht / exklusiver WarDrix-Official-Account */
.platform-settings-tab{border-color:rgba(249,115,22,.28)!important;}
.platform-moderation-hero{border-color:rgba(249,115,22,.28)!important;background:linear-gradient(180deg,rgba(249,115,22,.07),rgba(15,23,42,.34));}
.platform-moderation-note{margin:2px 0 14px;color:rgba(255,255,255,.72);line-height:1.55;}
.platform-mode-badge{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:rgba(15,23,42,.7);color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.06em;}
.platform-mode-badge.active{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.12);color:#86efac;box-shadow:0 0 18px rgba(34,197,94,.08);}
.platform-mode-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.platform-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.platform-stat-card{display:flex!important;align-items:center;gap:14px;min-height:86px;}
.platform-stat-card>.material-symbols-rounded{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.25);color:#fb923c;font-size:26px;}
.platform-stat-card strong{display:block;font-size:26px;line-height:1;color:#fff;}
.platform-stat-card small{display:block;margin-top:7px;color:rgba(255,255,255,.62);}
.platform-server-search{display:flex!important;align-items:center;gap:8px;margin:10px 0 12px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(9,14,24,.58);}
.platform-server-search>.material-symbols-rounded{color:#94a3b8;}
.platform-server-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important;width:100%;}
.platform-server-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:3px;}
.platform-server-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025);}
.platform-server-row:hover{border-color:rgba(249,115,22,.24);background:rgba(249,115,22,.04);}
.platform-server-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.22);font-weight:800;color:#fb923c;background-size:cover;background-position:center;overflow:hidden;}
.platform-server-icon.has-image{color:transparent;}
.platform-server-copy{min-width:0;}
.platform-server-copy strong{display:block;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.platform-server-copy small{display:block;margin-top:4px;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.platform-server-open{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.platform-server-open:disabled{opacity:.42;cursor:not-allowed;}
.platform-empty{padding:16px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:rgba(255,255,255,.58);text-align:center;}
.platform-audit-list{display:grid;gap:7px;max-height:260px;overflow:auto;}
.platform-audit-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.055);}
.platform-audit-row>.material-symbols-rounded{color:#fb923c;font-size:20px;}
.platform-audit-row strong{display:block;color:#fff;font-size:13px;}
.platform-audit-row small{display:block;margin-top:2px;color:rgba(255,255,255,.55);font-size:11px;}
@media(max-width:720px){.platform-stats-grid{grid-template-columns:1fr}.platform-server-row{grid-template-columns:42px minmax(0,1fr)}.platform-server-open{grid-column:1/-1;justify-content:center}.platform-server-list{max-height:none}}


/* WarDrix 1.7.06 – Plattform-Prüfmodus Aktivierung */
.platform-reason-help{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:rgba(255,255,255,.55);font-size:11px;line-height:1.35}.platform-reason-help #platformReasonHint.valid{color:#86efac}.platform-mode-status{min-height:18px;margin-top:10px;font-size:12px;color:rgba(255,255,255,.62)}.platform-mode-status.success{color:#86efac}.platform-mode-status.error{color:#fca5a5}.platform-mode-status.working{color:#fdba74}.platform-mode-actions .primary:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}

/* WarDrix 1.7.07 – Audit-Log Overhaul */
.audit-owner-only{display:flex;align-items:flex-start;gap:12px;border-left:3px solid #f97316}.audit-owner-only>.material-symbols-rounded{font-size:25px;color:#fb923c}.audit-owner-only h4,.audit-owner-only p{margin:0}.audit-owner-only p{margin-top:5px;color:#bfc0c7;line-height:1.5}.audit-intro-card{display:flex;align-items:flex-start;gap:13px;background:linear-gradient(180deg,#18191e,#14151a);border-color:#f9731630}.audit-intro-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;color:#fb923c;background:#f9731615;border:1px solid #f9731638}.audit-intro-icon .material-symbols-rounded{font-size:23px}.audit-intro-card h4{font-size:16px;font-weight:700;margin:0;color:#fff}.audit-intro-card p{margin:5px 0 0;color:#bfc0c7;line-height:1.5}.audit-filter-card{padding:13px 14px}.audit-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr minmax(220px,1.35fr);gap:10px}.audit-filter-grid label{font-size:10px;color:#bfc0c7;font-weight:700;letter-spacing:.02em}.audit-filter-grid select,.audit-filter-grid input{width:100%;margin-top:5px;height:40px;border:1px solid #ffffff18;background:#14151a;color:#f4f4f5;border-radius:8px;padding:0 10px}.audit-filter-grid select:focus,.audit-filter-grid input:focus{outline:none;border-color:#f9731680;box-shadow:0 0 0 2px #f9731616}.audit-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid #ffffff0c}.audit-filter-footer small{color:#9fa1aa}.audit-filter-footer button{display:inline-flex;align-items:center;gap:6px}.audit-filter-footer button .material-symbols-rounded{font-size:17px}.audit-list{display:grid;gap:8px}.audit-entry{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:12px 13px;border:1px solid #ffffff10;background:#15161b;border-radius:11px;transition:border-color .12s ease,background .12s ease}.audit-entry:hover{border-color:#f9731638;background:#18191f}.audit-entry-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#f9731610;color:#fb923c;border:1px solid #f9731629}.audit-entry-icon .material-symbols-rounded{font-size:21px}.audit-entry-main{min-width:0}.audit-entry-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audit-entry-head>strong{font-size:13px;color:#f5f5f7}.audit-group-badge{font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#fdba74;background:#f9731610;border:1px solid #f973162f;border-radius:999px;padding:3px 7px}.audit-entry-meta{margin-top:3px;color:#999ca5;font-size:10px;line-height:1.45}.audit-actor{color:#dddfe5;font-weight:650}.audit-detail-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.audit-detail-chip{min-width:90px;max-width:260px;padding:6px 8px;border:1px solid #ffffff0c;border-radius:8px;background:#ffffff04}.audit-detail-chip small,.audit-detail-chip span{display:block}.audit-detail-chip small{font-size:8px;color:#777b86;text-transform:uppercase;letter-spacing:.055em}.audit-detail-chip span{margin-top:2px;font-size:10px;color:#d7d8dd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-technical{margin-top:8px}.audit-technical summary{cursor:pointer;color:#8c9099;font-size:9px;user-select:none}.audit-technical summary:hover{color:#c9cbd1}.audit-technical pre{margin:7px 0 0;max-height:210px;overflow:auto;background:#0d0e12;border:1px solid #ffffff0c;border-radius:8px;padding:9px;color:#b7bac3;font-size:9px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.audit-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#8f929b;border:1px dashed #ffffff10;border-radius:11px;background:#111217}.audit-empty>.material-symbols-rounded{font-size:28px;color:#6f737d}.audit-empty strong{color:#cfd1d6;font-size:12px}.audit-empty small{font-size:10px}.audit-error>.material-symbols-rounded{color:#fb7185}@media(max-width:1050px){.audit-filter-grid{grid-template-columns:1fr 1fr}.audit-search-label{grid-column:1/-1}}@media(max-width:700px){.audit-filter-grid{grid-template-columns:1fr}.audit-search-label{grid-column:auto}.audit-entry{grid-template-columns:34px minmax(0,1fr);padding:10px}.audit-entry-icon{width:34px;height:34px}.audit-entry-icon .material-symbols-rounded{font-size:18px}.audit-detail-grid{display:grid;grid-template-columns:1fr 1fr}.audit-detail-chip{max-width:none}.audit-filter-footer{align-items:flex-start;flex-direction:column}}

/* WarDrix 1.7.10 – Advanced Permission Center */
.permission-center-v2{position:relative}
.channel-permission-head-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#f9731614;border:1px solid #f9731640;color:#fb923c;font-size:22px}
.permission-center-badge{flex:0 0 auto;border:1px solid #f9731660;background:#f9731612;color:#fdba74;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.08em}
.permission-center-mode-tabs{display:flex;gap:7px;margin:0 0 12px;padding:5px;border:1px solid #ffffff10;border-radius:10px;background:#0f101480;width:max-content;max-width:100%}
.permission-center-mode-tabs button{display:flex;align-items:center;gap:6px;border:1px solid transparent!important;background:transparent!important;color:#aeb0b8!important;border-radius:7px!important;padding:7px 11px!important;font-size:11px!important}
.permission-center-mode-tabs button.active{color:#fff!important;background:#f9731618!important;border-color:#f9731650!important}
.permission-center-mode-tabs .material-symbols-rounded{font-size:17px}
.permission-target-search{height:38px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #ffffff12;background:#121318;border-radius:9px;margin-bottom:8px}
.permission-target-search .material-symbols-rounded{font-size:18px;color:#7f828c}
.permission-target-search input{min-width:0;flex:1;border:0!important;background:transparent!important;padding:0!important;height:auto!important;box-shadow:none!important;font-size:11px!important}
.permission-target-list{margin-top:0}
.permission-target-item{position:relative}
.permission-member-avatar{width:29px!important;height:29px!important;flex:0 0 29px!important;font-size:10px!important}
.permission-override-count{min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#f9731620;border:1px solid #f9731650;color:#fdba74;font-size:9px;font-weight:800}
.permission-target-empty{padding:16px 10px;border:1px dashed #ffffff12;border-radius:9px;color:#858892;font-size:10.5px;text-align:center}
.permission-target-title{display:block;color:#f4f4f5;font-size:15px;margin:3px 0 2px}
.permission-presets-v2{padding:9px;border:1px solid #ffffff0d;border-radius:10px;background:#11121680}
.permission-presets-v2 .danger-preset{border-color:#ef444437!important}
.permission-presets-v2 .danger-preset .material-symbols-rounded{color:#f87171}
.permission-change-summary{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}
.permission-change-summary span{display:inline-flex;align-items:center;gap:4px;border:1px solid #ffffff10;border-radius:999px;padding:4px 8px;font-size:9.5px;color:#a8abb4;background:#ffffff04}
.permission-change-summary .allow{color:#86efac;border-color:#22c55e35;background:#22c55e0c}.permission-change-summary .deny{color:#fca5a5;border-color:#ef444435;background:#ef44440c}.permission-change-summary .inherit{color:#c2c4ca}
.effective-permission-summary{margin:0 0 10px;padding:11px;border:1px solid #60a5fa30;border-radius:10px;background:#3b82f60b;color:#dbeafe}
.effective-summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.effective-summary-head strong{font-size:11.5px}.effective-summary-head small{font-size:9.5px;color:#8fa6c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.effective-permission-pills{display:flex;gap:6px;flex-wrap:wrap}.effective-permission-pills span{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:4px 7px;font-size:9.5px;border:1px solid #ffffff10}.effective-permission-pills .material-symbols-rounded{font-size:14px}.effective-permission-pills .allowed{color:#86efac;background:#22c55e0d;border-color:#22c55e35}.effective-permission-pills .denied{color:#fca5a5;background:#ef44440d;border-color:#ef444435}
.channel-perm-actions button{display:inline-flex!important;align-items:center;gap:5px}.channel-perm-actions .material-symbols-rounded{font-size:17px}
#screenBtn:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.25)}
@media(max-width:760px){.permission-center-mode-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.permission-center-mode-tabs button{justify-content:center}.effective-summary-head{align-items:flex-start;flex-direction:column}.effective-summary-head small{white-space:normal}.permission-center-badge{display:none}}

/* WarDrix 1.7.11 – Forum-Abos, Aktivität und eindeutige Aufrufe */
.forum-subscribe-button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#24252b!important;border:1px solid #3a3c44!important;color:#d8dae0!important}
.forum-subscribe-button .material-symbols-rounded{font-size:17px;color:#fb923c}
.forum-subscribe-button:hover{border-color:#f9731677!important;background:#2b2c33!important}
.forum-subscribe-button.active{background:#f9731618!important;border-color:#f97316aa!important;color:#fdba74!important;box-shadow:inset 0 0 0 1px #f9731626}
.forum-subscribe-button.active .material-symbols-rounded{color:#f97316}
.forum-sidebar-unread{margin-left:auto!important;min-width:25px;height:19px;padding:0 6px;font-size:10px}
.forum-category-latest{margin-top:10px;padding-top:9px;border-top:1px solid #ffffff0d;display:flex;align-items:flex-start;gap:7px;color:#c8cad1;min-width:0}
.forum-category-latest>.material-symbols-rounded{font-size:16px;color:var(--forum-category-color);margin-top:1px;flex:0 0 auto}
.forum-category-latest>div{min-width:0}
.forum-category-latest strong{display:block;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8e9ed}
.forum-category-latest small{display:block;margin-top:2px;font-size:10px;color:#8e919a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-thread-stats small{max-width:230px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.forum-subscribe-button{padding:7px 9px!important}.forum-category-latest strong,.forum-category-latest small{white-space:normal}.forum-thread-stats small{max-width:100%;white-space:normal}}


/* WarDrix 1.7.12 – Forum-Abos pro Thema */
.forum-thread-subscribe.compact{width:32px;height:30px;padding:0!important;justify-content:center;flex:0 0 32px;border-radius:8px!important}
.forum-thread-subscribe.compact .material-symbols-rounded{font-size:18px}
.forum-thread-card.has-unread{border-color:#f973164d;background:linear-gradient(90deg,#f973160b,transparent 34%)}
.forum-thread-new-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:19px;padding:0 6px;border-radius:999px;background:#f97316;color:#fff;font-size:10px;font-weight:800;line-height:1;margin-left:4px}
.forum-manage-subs{max-width:220px}
.forum-subscription-list{display:grid;gap:9px;margin-top:12px;max-height:min(58vh,520px);overflow:auto;padding-right:3px}
.forum-subscription-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid #ffffff12;border-radius:12px;background:#15161b}
.forum-subscription-row.unread{border-color:#f973166b;background:#f973160d;box-shadow:inset 3px 0 0 #f97316}
.forum-subscription-row-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff08;color:#aeb2bc}
.forum-subscription-row.unread .forum-subscription-row-icon{background:#f973161a;color:#fb923c}
.forum-subscription-row-copy{min-width:0}
.forum-subscription-row-copy strong,.forum-subscription-row-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.forum-subscription-row-copy strong{font-size:13px;color:#f5f5f7}
.forum-subscription-row-copy small{margin-top:3px;font-size:10px;color:#aeb0b7}
.forum-subscription-row.unread .forum-subscription-row-copy small{color:#fdba74}
.forum-subscription-row-actions{display:flex;align-items:center;gap:7px}
.forum-empty.compact{min-height:160px}
@media(max-width:760px){
  .forum-subscription-row{grid-template-columns:34px minmax(0,1fr);gap:9px}
  .forum-subscription-row-actions{grid-column:1/-1;justify-content:flex-end}
  .forum-manage-subs{max-width:none}
}


/* 1.7.13 – saubere Ausrichtung von Channeln und Forum-Liste */
.channel-item,.voice-item{gap:0}
.channel-icon,.voice-channel-icon-row{width:40px;min-width:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:flex-start;color:#fdba74}
.channel-icon{font-size:15px}
.voice-channel-icon-row{display:grid;grid-template-columns:14px 14px;column-gap:6px}
.voice-channel-speaker{font-size:16px;line-height:1}
.voice-channel-custom-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;min-width:14px;font-size:14px;line-height:1}
.channel-item .name,.voice-item .name{padding-left:2px}

.forum-thread-card{grid-template-columns:44px minmax(0,1fr) 210px;gap:14px}
.forum-thread-stats{width:210px;min-width:210px;display:grid;grid-template-columns:1fr;justify-items:start;align-content:center;gap:8px;color:#b2b5bd}
.forum-thread-stats .forum-thread-subscribe.compact{justify-self:start}
.forum-thread-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:14px;align-items:center;justify-content:start}
.forum-thread-stat{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;font-size:12px;font-weight:700;min-width:34px}
.forum-thread-stat .material-symbols-rounded{font-size:16px}
.forum-thread-latest{display:block;font-size:11px;color:#9699a2;line-height:1.35;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.forum-category-latest{align-items:center}
.forum-category-latest strong,.forum-category-latest small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:900px){
  .forum-thread-card{grid-template-columns:36px minmax(0,1fr)}
  .forum-thread-stats{grid-column:2;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;width:100%;min-width:0}
  .forum-thread-stats .forum-thread-subscribe.compact{grid-row:1/span 2}
  .forum-thread-stats-row{grid-column:2;gap:12px}
  .forum-thread-latest{grid-column:1/-1}
}


/* 1.7.14 – Voice-Aktivität am Server-Icon */
.server-button,.server-folder-button{position:relative}
.server-voice-badge{position:absolute;right:-5px;bottom:-4px;z-index:210;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#111827,#1f2937);border:1px solid #fb923caa;color:#fdba74;box-shadow:0 0 0 2px #111114,0 0 14px #f9731659;pointer-events:none}
.server-voice-badge .material-symbols-rounded{font-size:12px;line-height:1;font-variation-settings:'FILL' 1,'wght' 500,'opsz' 20}
.server-folder-button .server-voice-badge{right:-5px;bottom:-4px}
@media(max-width:760px){.server-voice-badge{right:-4px;bottom:-3px;min-width:15px;height:15px;padding:0 3px}.server-voice-badge .material-symbols-rounded{font-size:11px}}


/* 1.7.16 – Live-Voice-Audio: HTMLMediaElement als robuster PC-Ausgabepfad */
#remoteAudio{display:block!important;position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
#remoteAudio audio{display:block!important;width:1px!important;height:1px!important}


/* 1.7.20 – Voice Provider Hub */
#voiceInfrastructureSettingsTab{display:flex;align-items:center;gap:7px}
#voiceInfrastructureSettingsTab .material-symbols-rounded{font-size:16px}
.voice-provider-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#1c1d22,#211b18)!important;border-color:#f9731630!important}
.voice-provider-hero h4{font-size:20px;margin:4px 0 8px}.voice-provider-hero p{max-width:760px;color:#b8bbc3;line-height:1.55;margin:0}.voice-provider-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:#fb923c}.voice-provider-flow{display:flex;align-items:center;gap:7px;flex:0 0 auto}.voice-provider-flow span{padding:7px 9px;border:1px solid #ffffff18;background:#111116;border-radius:8px;font-size:11px;font-weight:800}.voice-provider-flow b{color:#f97316}
.voice-setting-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.voice-setting-head h4{margin:0 0 4px}.voice-setting-head p{margin:0;color:#a8abb3;line-height:1.4}.voice-provider-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid #ffffff18}.voice-provider-status.good{color:#fdba74;background:#f9731612;border-color:#f9731644}.voice-provider-status.off{color:#9ca3af;background:#ffffff08}
.voice-provider-list{display:grid;gap:8px}.voice-provider-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff12;border-radius:10px;background:#141419}.voice-provider-card.disabled{opacity:.65}.voice-provider-card-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#f9731610;border:1px solid #f9731633;color:#fb923c}.voice-provider-card-copy{min-width:0}.voice-provider-card-title{display:flex;align-items:center;gap:8px}.voice-provider-card-copy>small{display:block;margin-top:3px;color:#999ca5}.voice-provider-card-copy .voice-provider-endpoints{color:#747780}.voice-provider-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.voice-provider-empty{display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed #ffffff1c;border-radius:10px;color:#9da0a9}.voice-provider-empty>.material-symbols-rounded{font-size:28px;color:#f97316}.voice-provider-empty strong,.voice-provider-empty small{display:block}.voice-provider-empty small{margin-top:3px}
.voice-provider-editor{margin-top:14px;padding:14px;border:1px solid #f9731638;border-radius:10px;background:#101014}.voice-provider-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.voice-provider-editor-head strong,.voice-provider-editor-head small{display:block}.voice-provider-editor-head small{margin-top:3px;color:#989ba4}.voice-provider-editor-head>button{border:0;background:transparent;color:#eee}.voice-provider-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.voice-provider-form-grid .full-row{grid-column:1/-1}.voice-provider-form-grid textarea{min-height:66px;resize:vertical}.voice-provider-form-grid label small{display:block;margin-top:4px;color:#858891}.voice-provider-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.voice-provider-test-result{margin-top:12px;padding:10px 12px;white-space:pre-wrap;border-radius:8px;border:1px solid #22c55e40;background:#22c55e0c;color:#d1fae5;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.voice-provider-test-result.bad{border-color:#ef444444;background:#ef44440b;color:#fecaca}
.voice-provider-assignments{display:grid;gap:6px}.voice-provider-assignment-row{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(230px,340px);align-items:center;gap:10px;padding:9px 7px;border-bottom:1px solid #ffffff0d}.voice-provider-assignment-row>.material-symbols-rounded{font-size:18px;color:#fb923c}.voice-provider-assignment-copy strong,.voice-provider-assignment-copy small{display:block}.voice-provider-assignment-copy small{margin-top:2px;color:#858891;font-size:10px}.voice-provider-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.voice-provider-info-grid>div{padding:12px;border:1px solid #ffffff10;border-radius:9px;background:#111116}.voice-provider-info-grid .material-symbols-rounded{color:#f97316}.voice-provider-info-grid strong,.voice-provider-info-grid small{display:block}.voice-provider-info-grid strong{margin:6px 0 4px}.voice-provider-info-grid small{color:#8f929a;line-height:1.4}.channel-voice-provider-wrap small{display:block;margin-top:4px;color:#8d9098}
@media(max-width:900px){.voice-provider-hero{align-items:flex-start;flex-direction:column}.voice-provider-flow{flex-wrap:wrap}.voice-provider-card{grid-template-columns:38px minmax(0,1fr)}.voice-provider-card-actions{grid-column:1/-1;justify-content:flex-start}.voice-provider-form-grid,.voice-provider-toggle-grid,.voice-provider-info-grid{grid-template-columns:1fr}.voice-provider-form-grid .full-row{grid-column:auto}.voice-provider-assignment-row{grid-template-columns:24px minmax(0,1fr)}.voice-provider-assignment-row select{grid-column:2;width:100%}}

/* WarDrix 1.7.21 – Voice Meeting Moderation */
.voice-dock button.voice-meeting-btn:not(.hidden),.voice-dock button.voice-raise-hand-btn:not(.hidden){color:#fdba74;border-color:#f973165f;background:#f9731613}
.voice-dock button.voice-meeting-btn.active,.voice-dock button.voice-raise-hand-btn.active{color:#fff;border-color:#f97316;background:#f973162a;box-shadow:0 0 0 1px #f9731628,0 0 14px #f9731628}
.channel-voice-moderation-wrap{display:grid;gap:10px;padding:12px;border:1px solid #ffffff10;border-radius:10px;background:#111116}
.channel-voice-moderation-wrap>label:first-child{display:grid;gap:6px}.channel-voice-moderation-wrap small{display:block;color:#8d9098;line-height:1.4}
.channel-voice-hands-toggle{margin:0!important;padding:10px!important;border:1px solid #ffffff0c;border-radius:9px;background:#ffffff04}
.channel-voice-hands-toggle input:disabled+span{opacity:.48}
.voice-raised-hand{color:#fb923c!important;font-size:17px!important;filter:drop-shadow(0 0 5px #f9731655)}
.voice-moderator-badge{color:#fbbf24!important;font-size:16px!important}
.voice-member-moderation{margin-top:12px;padding:12px;border:1px solid #f9731635;border-radius:12px;background:#f973160b;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.voice-member-moderation>div strong,.voice-member-moderation>div small{display:block}.voice-member-moderation>div small{margin-top:3px;color:#fb923c;font-size:11px}
.voice-member-moderation button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.voice-member-moderation button .material-symbols-rounded{font-size:18px}
.voice-moderation-dialog{width:min(680px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 28px));overflow:hidden;display:flex;flex-direction:column}
.voice-moderation-dialog header p{margin:4px 0 0;color:#9699a2;font-size:12px}
.voice-moderation-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 10px}.voice-moderation-toolbar button{display:inline-flex;align-items:center;gap:6px}.voice-moderation-toolbar .material-symbols-rounded{font-size:18px}
.voice-moderation-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-bottom:10px;border:1px solid #ffffff0d;border-radius:9px;background:#ffffff04;color:#9699a2;font-size:11px;line-height:1.45}.voice-moderation-note .material-symbols-rounded{font-size:17px;color:#fb923c;flex:0 0 auto}
.voice-moderation-list{min-height:110px;overflow:auto;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}
.voice-moderation-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #ffffff0a}.voice-moderation-row:last-child{border-bottom:0}.voice-moderation-row.raised{background:#f9731609}
.voice-moderation-row>.avatar{width:34px;height:34px;font-size:11px}.voice-moderation-copy{min-width:0}.voice-moderation-copy strong,.voice-moderation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-moderation-copy small{margin-top:2px;color:#8f929a;font-size:10px}.voice-moderation-row.raised .voice-moderation-copy small{color:#fb923c}
.voice-moderation-row>button{display:inline-flex;align-items:center;gap:5px;justify-content:center;min-width:112px}.voice-moderation-row>button .material-symbols-rounded{font-size:17px}
.voice-moderation-empty{padding:24px;text-align:center;color:#858891}
@media(max-width:640px){.voice-moderation-dialog{width:min(100%,calc(100vw - 16px));max-height:calc(100vh - 16px)}.voice-moderation-toolbar{display:grid;grid-template-columns:1fr 1fr}.voice-moderation-toolbar button{justify-content:center}.voice-moderation-row{grid-template-columns:34px minmax(0,1fr) auto}.voice-moderation-row>.voice-raised-hand{grid-column:3;grid-row:1}.voice-moderation-row>button{grid-column:1/-1;width:100%;min-height:38px}.voice-member-moderation{grid-template-columns:1fr}.voice-member-moderation button{justify-content:center;width:100%}}
.voice-channel-mode-badge{font-size:16px!important;color:#fb923c;opacity:.9;flex:0 0 auto}


/* WarDrix 1.7.22 – Rollen direkt im Profil */
.profile-roles-section{padding-top:12px;padding-bottom:12px}
.profile-role-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.profile-role-title-row h4{margin:0!important}
.profile-role-title-row small{min-width:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f9199;font-size:10px;text-align:right}
.profile-role-chips{display:flex;flex-wrap:wrap;gap:7px;max-height:142px;overflow:auto;padding:1px 2px 2px 0;scrollbar-width:thin}
.profile-role-chip{--profile-role-color:#8b8b94;display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;height:28px;padding:0 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--profile-role-color) 38%,#ffffff18);background:color-mix(in srgb,var(--profile-role-color) 12%,#1b1c21);color:#f3f4f6;font-size:11px;line-height:1;box-shadow:inset 0 1px 0 #ffffff08}
.profile-role-chip.profile-role-owner{border-color:color-mix(in srgb,var(--profile-role-color) 55%,#ffffff18);background:color-mix(in srgb,var(--profile-role-color) 18%,#1b1c21)}
.profile-role-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--profile-role-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--profile-role-color) 18%,transparent)}
.profile-role-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.profile-role-chips{max-height:122px}.profile-role-chip{height:30px;font-size:12px}}

/* WarDrix 1.7.24 – Discord-inspirierte Direktnachrichten-Startseite */
.dm-section-head{padding-right:9px!important}
.dm-section-head>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-section-head>button{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#bfc0c7!important}
.dm-section-head>button:hover{background:#ffffff0d!important;color:#fff!important}
.dm-section-head .material-symbols-rounded{font-size:19px}
.messages.friends-home.dm-friends-modern{padding:0!important;background:#111214!important;overflow:hidden}
.dm-home-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 310px;background:#111214}
.dm-home-main{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0;display:flex;flex-direction:column;border-right:1px solid #ffffff10;background:#111214}
.dm-home-toolbar{min-height:58px;padding:0 18px!important;gap:5px!important;border-bottom:1px solid #ffffff10!important;flex:0 0 auto;background:#15161a}
.dm-home-toolbar-title{display:flex;align-items:center;gap:7px;padding-right:10px;font-weight:800;color:#f5f5f7;white-space:nowrap}
.dm-home-toolbar-title .material-symbols-rounded{font-size:21px;color:#d5d6dc}
.dm-home-toolbar>button{background:transparent!important;border-color:transparent!important;border-radius:7px!important;padding:7px 10px!important;color:#c4c5cb}
.dm-home-toolbar>button:hover,.dm-home-toolbar>button.active{background:#ffffff0d!important;color:#fff}
.dm-home-toolbar>button.active{box-shadow:none!important;font-weight:750}
.dm-home-toolbar .friend-add{margin-left:auto!important;background:#f97316!important;border-color:#fb923c!important;color:#fff!important;padding:7px 12px!important}
.dm-home-toolbar .friend-add:hover{background:#fb7f27!important}
.dm-home-list-body{padding:8px 18px 24px;overflow:auto;min-height:0}
.dm-home-list-body .friends-section-title{padding:12px 4px 8px!important;color:#aeb0b8;font-size:11px}
.dm-home-list-body .friends-list{gap:0!important}
.dm-home-friend-row{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:62px;padding:9px 8px!important;border-top:1px solid #ffffff0e!important;border-radius:8px!important;gap:10px!important;transition:background .12s ease}
.dm-home-friend-row:hover{background:#ffffff08!important}
.dm-home-avatar-wrap{width:40px;height:40px;position:relative;display:grid;place-items:center;overflow:visible;flex:0 0 auto}
.dm-home-avatar-wrap>.avatar{width:38px!important;height:38px!important}
.dm-home-presence{position:absolute;right:-1px;bottom:-1px;width:10px!important;height:10px!important;border:3px solid #111214;box-sizing:content-box}
.dm-home-friend-row:hover .dm-home-presence{border-color:#191a1f}
.dm-home-friend-row .friend-info strong{font-size:15px;color:#f5f5f7}
.dm-home-friend-row .friend-info small{font-size:12px;color:#aeb0b8;margin-top:3px}
.dm-home-friend-row .friend-actions{display:flex;gap:8px;align-items:center}
.dm-home-circle-action{width:38px;height:38px;padding:0!important;display:grid;place-items:center;border:0!important;border-radius:50%!important;background:#1d2026!important;color:#d9dae0;box-shadow:none!important}
.dm-home-circle-action:hover{background:#282b32!important;color:#fff}
.dm-home-circle-action .material-symbols-rounded{font-size:20px}
.dm-friend-quick-menu{position:fixed;z-index:2147483000;width:210px;padding:6px;border:1px solid #ffffff18;border-radius:9px;background:#111318f7;box-shadow:0 18px 55px #0009;backdrop-filter:blur(14px)}
.dm-friend-quick-menu button{width:100%;min-height:36px;padding:7px 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:6px;background:transparent;color:#e7e7eb;text-align:left;font-size:13px}
.dm-friend-quick-menu button:hover{background:#ffffff0c}
.dm-friend-quick-menu button.danger{color:#fda4af}
.dm-friend-quick-menu button.danger:hover{background:#fb718516}
.dm-friend-quick-menu .material-symbols-rounded{font-size:18px}
.dm-activity-panel{min-width:0;background:#0e0f12;display:flex;flex-direction:column;overflow:hidden}
.dm-activity-head{height:58px;padding:0 16px;display:flex;justify-content:center;flex-direction:column;border-bottom:1px solid #ffffff0e}
.dm-activity-head strong{font-size:15px;color:#f5f5f7}
.dm-activity-head small{font-size:10px;color:#858791;margin-top:2px}
.dm-activity-list{padding:12px;display:grid;gap:7px;overflow:auto}
.dm-activity-card{width:100%;min-width:0;padding:9px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:9px;align-items:center;text-align:left;border:1px solid #ffffff0d;border-radius:10px;background:#15171c;color:#fff}
.dm-activity-card:hover{border-color:#f9731648;background:#1b1d23}
.dm-activity-avatar{position:relative;width:36px;height:36px;display:grid;place-items:center}
.dm-activity-avatar>.avatar{width:34px!important;height:34px!important}
.dm-activity-avatar>.presence-dot{position:absolute;right:-1px;bottom:-1px;border:3px solid #15171c;box-sizing:content-box}
.dm-activity-copy{min-width:0;display:block}
.dm-activity-copy strong,.dm-activity-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-activity-copy strong{font-size:13px}.dm-activity-copy small{font-size:10px;color:#a4a6ae;margin-top:3px}
.dm-activity-card>.material-symbols-rounded{font-size:18px;color:#737680}
.dm-activity-empty{padding:34px 16px;text-align:center;color:#989aa4;display:grid;justify-items:center;gap:7px}
.dm-activity-empty>.material-symbols-rounded{font-size:32px;color:#f97316aa}.dm-activity-empty strong{font-size:13px;color:#d6d7dc}.dm-activity-empty small{font-size:11px;line-height:1.45}
@media(max-width:1180px){.dm-home-layout{grid-template-columns:minmax(0,1fr) 260px}.dm-home-toolbar-title{display:none}.dm-home-toolbar{padding:0 12px!important}.dm-home-list-body{padding-left:12px;padding-right:12px}}
@media(max-width:960px){.dm-home-layout{grid-template-columns:minmax(0,1fr)}.dm-activity-panel{display:none}.dm-home-main{border-right:0}}
@media(max-width:760px){.dm-home-toolbar{min-height:auto;padding:10px!important;flex-wrap:wrap}.dm-home-toolbar .friend-add{margin-left:0!important}.dm-home-list-body{padding:6px 8px 18px}.dm-home-friend-row{grid-template-columns:42px minmax(0,1fr) auto!important;min-height:58px!important;padding:8px 6px!important}.dm-home-circle-action{width:34px;height:34px}.dm-home-friend-row .friend-actions{grid-column:auto!important;justify-content:flex-end!important;flex-wrap:nowrap!important}.dm-home-friend-row .friend-info small{max-width:40vw}.dm-friend-quick-menu{width:min(210px,calc(100vw - 20px))}}

/* WarDrix 1.7.25 – Discord-inspirierte Benutzereinstellungen + DM-Steuerung */
#dmList .dm-item{cursor:pointer;padding-right:8px!important}
#dmList .dm-item .dm-close-btn{margin-left:auto;flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#9da0aa;opacity:0;transform:scale(.92);transition:opacity .12s ease,background .12s ease,color .12s ease,transform .12s ease}
#dmList .dm-item .dm-close-btn .material-symbols-rounded{font-size:18px}
#dmList .dm-item:hover .dm-close-btn,#dmList .dm-item.active .dm-close-btn,#dmList .dm-item:focus-within .dm-close-btn{opacity:1;transform:none}
#dmList .dm-item .dm-close-btn:hover{background:#ffffff12;color:#fff}
#dmList .dm-item .unread-dot{right:35px}
#dmList .dm-item .unread-count-badge{margin-left:auto;margin-right:3px}

.user-settings-dialog{width:min(1180px,calc(100vw - 28px))!important;height:min(820px,calc(100vh - 28px))!important;max-height:none!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;background:#0e111b!important;border:1px solid #ffffff12!important;border-radius:14px!important}
.user-settings-sidebar{width:255px;min-width:255px;display:flex;flex-direction:column;background:#111522;border-right:1px solid #ffffff0d;padding:14px 10px 10px;overflow:hidden}
.user-settings-self{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:3px 6px 12px}
.user-settings-self-avatar{width:42px!important;height:42px!important;font-size:14px!important;background-size:cover;background-position:center}
.user-settings-self>div:last-child{min-width:0}.user-settings-self strong,.user-settings-self small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-settings-self strong{font-size:13px;color:#f7f7fa}.user-settings-self small{margin-top:2px;font-size:10.5px;color:#9296a2}
.user-settings-search{position:relative;display:block;margin:0 0 10px}.user-settings-search>.material-symbols-rounded{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:17px;color:#8f94a3;pointer-events:none}.user-settings-search input{width:100%;height:38px;padding:0 10px 0 34px!important;border-radius:8px!important;background:#0a0d15!important;border:1px solid #ffffff13!important;color:#fff!important}
.user-settings-dialog .user-settings-tabs{display:flex!important;flex:1;min-height:0;flex-direction:column;gap:0!important;padding:0!important;border:0!important;background:transparent!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.user-settings-nav-group{display:flex;flex-direction:column;gap:2px;padding:6px 0 8px;border-bottom:1px solid #ffffff0b}.user-settings-nav-group>span{padding:7px 10px 4px;font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#737887}.user-settings-nav-group.settings-search-empty{display:none}.user-settings-tabs .settings-search-hidden{display:none!important}
.user-settings-dialog .user-settings-tabs button{width:100%;display:flex!important;align-items:center;gap:9px;justify-content:flex-start;white-space:normal;padding:9px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#afb3bf!important;font-size:12px!important;text-align:left;box-shadow:none!important}
.user-settings-dialog .user-settings-tabs button .material-symbols-rounded{font-size:19px;flex:0 0 19px}.user-settings-dialog .user-settings-tabs button:hover{background:#ffffff09!important;color:#f5f5f7!important}.user-settings-dialog .user-settings-tabs button.active{background:#ffffff10!important;color:#fff!important;box-shadow:inset 2px 0 0 #f97316!important}
.user-settings-dialog .user-settings-tabs .danger-text{color:#ff8d94!important}.user-settings-dialog .user-settings-tabs .danger-text:hover{background:#ef444414!important;color:#ffadb2!important}
.user-settings-nav-bottom{padding:8px 0 2px}.user-settings-build{padding:9px 10px 2px;font-size:9px;color:#646a79;display:flex;justify-content:space-between;gap:10px}.user-settings-build strong{color:#8a8f9d}

.user-settings-main{min-width:0;flex:1;display:flex;flex-direction:column;background:#0e111b}
.user-settings-main-head{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff0b;background:#0e111bf2}.user-settings-main-head h3{margin:0;font-size:14px;color:#e9eaf0}.user-settings-main-head p{margin:2px 0 0;font-size:10px;color:#828795}.user-settings-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff11!important;border-radius:50%!important;background:#151925!important;color:#b9bdc8!important}.user-settings-close:hover{color:#fff!important;background:#1c2230!important}
.user-settings-dialog .user-settings-scroll{flex:1;min-height:0;overflow:auto;padding:28px clamp(20px,5vw,70px) 42px!important;background:#0e111b}
.user-settings-dialog .user-settings-panel{display:none;gap:18px;max-width:800px;margin:0 auto}.user-settings-dialog .user-settings-panel.active{display:grid}
.settings-page-title{margin:0 0 2px}.settings-page-title h2{margin:0;font-size:24px;font-weight:500;color:#f4f5f8}.settings-page-title p{margin:6px 0 0;font-size:11px;line-height:1.5;color:#858a98}
.user-settings-dialog .user-settings-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.user-settings-dialog .user-settings-card+.user-settings-card{border-top:1px solid #ffffff0d!important;padding-top:18px!important}
.user-settings-dialog .user-settings-card-head{margin-bottom:14px}.user-settings-dialog .user-settings-card-head strong{font-size:14px}.user-settings-dialog .user-settings-card-head small{font-size:10.5px;color:#7f8492}
.account-info-card{display:grid;gap:0}.account-setting-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,380px);align-items:center;gap:28px;min-height:76px;padding:10px 0;border-bottom:1px solid #ffffff0b}.account-setting-row>div strong,.account-setting-row>div small{display:block}.account-setting-row>div strong{font-size:12px;color:#ecedf2}.account-setting-row>div small{font-size:9.5px;color:#777d8c;margin-top:4px;line-height:1.4}.account-setting-row input{width:100%}.account-confirm-row{border-bottom:0}
.account-setting-actions{display:flex;justify-content:flex-end;padding-top:14px}.account-setting-actions button{min-width:160px}
.account-overview-card{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}.account-summary-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px 0}.account-summary-item>.material-symbols-rounded{font-size:23px;color:#f97316}.account-summary-item strong,.account-summary-item small{display:block}.account-summary-item strong{font-size:11px;color:#eceef3}.account-summary-item small{font-size:10px;color:#858b98;margin-top:3px}
.account-password-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}.account-password-grid label:first-child{grid-column:1/-1}.security-session-card,.system-info-card,.account-status-good,.account-status-note{display:flex!important;align-items:center;justify-content:space-between;gap:18px}.security-session-card>div strong,.security-session-card>div small,.system-info-card>div strong,.system-info-card>div small{display:block}.security-session-card>div small,.system-info-card>div small{font-size:10px;color:#818694;margin-top:4px;line-height:1.45}.account-status-good,.account-status-note{justify-content:flex-start!important;padding:15px 0!important}.account-status-good>.material-symbols-rounded{font-size:34px;color:#4ade80}.account-status-note>.material-symbols-rounded{font-size:30px;color:#fb923c}.account-status-good strong,.account-status-good small,.account-status-note strong,.account-status-note small{display:block}.account-status-good small,.account-status-note small{font-size:10px;color:#808694;margin-top:4px;line-height:1.45}
.user-settings-dialog .compact-profile-preview{height:180px!important;background:#111624!important;border-color:#ffffff0d!important}.user-settings-dialog .user-settings-tool-grid{grid-template-columns:1fr 1fr!important}.user-settings-dialog .user-settings-tool-grid button{border:1px solid #ffffff0e!important;background:#111624!important;border-radius:10px!important}.user-settings-dialog .voice-settings-section{background:#111624!important;border:1px solid #ffffff0d!important}.user-settings-dialog .user-settings-actions{padding:10px 22px calc(10px + env(safe-area-inset-bottom));background:#0c0f18;border-top:1px solid #ffffff0d;justify-content:flex-end}.user-settings-dialog .user-settings-actions.hidden{display:none!important}

@media(max-width:900px){
  .user-settings-dialog{width:calc(100vw - 12px)!important;height:calc(var(--app-height,100dvh) - 12px)!important}
  .user-settings-sidebar{width:215px;min-width:215px}.user-settings-dialog .user-settings-scroll{padding:22px 24px 34px!important}.account-setting-row{grid-template-columns:1fr;gap:8px;padding:14px 0}.account-setting-actions{justify-content:stretch}.account-setting-actions button{width:100%}
}
@media(max-width:680px){
  .user-settings-dialog{flex-direction:column!important;border-radius:8px!important}.user-settings-sidebar{width:100%;min-width:0;flex:0 0 auto;padding:8px;border-right:0;border-bottom:1px solid #ffffff0d;overflow:visible}.user-settings-self{display:none}.user-settings-search{margin-bottom:7px}.user-settings-dialog .user-settings-tabs{flex:none;display:flex!important;flex-direction:row!important;overflow-x:auto;overflow-y:hidden;gap:4px!important}.user-settings-nav-group{display:contents}.user-settings-nav-group>span,.user-settings-nav-bottom,.user-settings-build{display:none}.user-settings-dialog .user-settings-tabs button{width:auto;min-width:max-content;padding:8px 10px!important;box-shadow:none!important}.user-settings-dialog .user-settings-tabs button.active{box-shadow:inset 0 -2px 0 #f97316!important}.user-settings-main-head{height:54px;flex-basis:54px;padding:0 14px}.user-settings-main-head p{display:none}.user-settings-dialog .user-settings-scroll{padding:16px 13px 26px!important}.settings-page-title h2{font-size:20px}.account-overview-card{grid-template-columns:1fr!important}.account-password-grid{grid-template-columns:1fr!important}.account-password-grid label:first-child{grid-column:auto}.user-settings-dialog .user-settings-tool-grid{grid-template-columns:1fr!important}.security-session-card,.system-info-card{align-items:stretch;flex-direction:column}.security-session-card button,.system-info-card button{width:100%}.user-settings-dialog .user-settings-actions{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  #dmList .dm-item .dm-close-btn{opacity:1}
}


/* WarDrix 1.7.26 – stabile Chat-Scrollposition + Zur-neuesten-Nachricht-Button */
.scroll-to-latest{
  position:absolute;
  right:18px;
  bottom:96px;
  z-index:18;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:50%;
  border:1px solid #fb923c99;
  background:#18191ddd;
  color:#fb923c;
  box-shadow:0 8px 24px #0008,0 0 0 1px #0005;
  backdrop-filter:blur(10px);
  cursor:pointer;
  transition:transform .14s ease,background .14s ease,border-color .14s ease;
}
.scroll-to-latest:hover{transform:translateY(-2px);background:#24262bdd;border-color:#fb923c}
.scroll-to-latest .material-symbols-rounded{font-size:25px}
@media(max-width:760px){.scroll-to-latest{right:12px;bottom:88px;width:40px;height:40px}}

/* WarDrix 1.7.27 – stabile Löschposition + Channel-Startposition */
#channelMessageStartWrap small{display:block;margin-top:5px;color:#9ca0aa;font-size:10px;line-height:1.35}


/* WarDrix 1.7.29 – Profile header alignment + robust font picker rows */
/* Der Kopf der Benutzereinstellungen nutzt dieselbe horizontale Einrückung wie der Inhalt. */
.user-settings-main-head{
  padding-left:clamp(20px,5vw,70px)!important;
  padding-right:24px!important;
}
.user-settings-main-head>div:first-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.user-settings-main-head h3,
.user-settings-main-head p{
  line-height:1.25;
}
.user-settings-dialog .user-settings-scroll{
  scroll-padding-top:0;
}

/* Fontpicker: Jede Schrift bekommt genug vertikalen Platz. Nichts darf in die nächste Zeile laufen. */
.font-picker-list{
  gap:7px!important;
  padding:2px 3px 5px 1px!important;
}
.font-choice{
  position:relative!important;
  display:block!important;
  min-height:58px!important;
  padding:0 48px 0 0!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
.font-choice-main{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:8px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
  line-height:normal!important;
}
.font-choice-main strong,
.font-choice-main span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:1px 0!important;
  line-height:1.28!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  transform:none!important;
}
.font-choice-main strong{
  min-height:19px!important;
}
.font-choice-main span{
  min-height:16px!important;
  margin-top:0!important;
}
/* Favoritenstern sitzt unabhängig von der gewählten Schrift immer exakt mittig im rechten Feld. */
.font-star{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:48px!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-left:1px solid #ffffff0e!important;
  border-radius:0!important;
  background:#141519!important;
  color:#777!important;
  font-family:Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}
.font-star.active{color:#f97316!important}
.font-star:hover{background:#f9731610!important;color:#fb923c!important}

/* Im Channel-Editor selbst darf der Schriftname ebenfalls nicht vertikal abgeschnitten werden. */
.font-select-field .font-select-btn{
  overflow:hidden!important;
}
.font-select-field .font-select-btn #channelFontPreview{
  display:block!important;
  min-height:16px!important;
  line-height:1.3!important;
  padding:1px 0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:680px){
  .user-settings-main-head{padding-left:14px!important;padding-right:14px!important}
  .font-choice{min-height:56px!important;padding-right:44px!important}
  .font-choice-main{min-height:56px!important;padding:8px 10px!important}
  .font-star{width:44px!important}
}


/* WarDrix 1.7.30 – Benutzereinstellungen-Kopf wirklich zentriert */
/* Die alte Regel .profile-editor-dialog header hat wegen höherer Spezifität die Ausrichtung nach oben erzwungen.
   Für die große User-Settings-Ansicht überschreiben wir das gezielt. */
.user-settings-dialog .user-settings-main-head{
  align-items:center!important;
  justify-content:space-between!important;
}
.user-settings-dialog .user-settings-main-head>div:first-child{
  align-self:center!important;
}
.user-settings-dialog .user-settings-close{
  align-self:center!important;
  margin-top:0!important;
}

/* WarDrix 1.7.31 – Mitglieder-Seitenleiste komplett ausgerichtet */
/* Jede Mitgliederzeile verwendet exakt dieselben drei Spalten. Avatarrahmen dürfen
   nur optisch überstehen und niemals die Textposition verschieben. */
#memberList{
  padding:0 6px 14px!important;
}
#memberList .member-row{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:56px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 14px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  column-gap:8px!important;
  margin:0!important;
  padding:5px 6px!important;
  border-radius:8px!important;
}
/* Frühere Frame-Sonderregel neutralisieren: jeder Name beginnt an derselben X-Position. */
#memberList .member-row:has(.avatar-framed){
  grid-template-columns:58px minmax(0,1fr) 14px!important;
}
#memberList .member-row .member-avatar-slot,
#memberList .member-row:has(.avatar-framed) .member-avatar-slot{
  width:58px!important;
  height:46px!important;
  min-width:58px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
}
#memberList .member-avatar-slot>.avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
}
/* Frame bleibt groß sichtbar, beeinflusst aber nie das Grid. */
#memberList .member-avatar-slot>.avatar.avatar-framed::after{
  pointer-events:none!important;
}
#memberList .member-info{
  min-width:0!important;
  width:100%!important;
  align-self:center!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:20px 17px!important;
  align-content:center!important;
  row-gap:1px!important;
}
#memberList .member-info .name-with-tag{
  min-width:0!important;
  width:100%!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
#memberList .member-info .name-with-tag>strong{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  line-height:20px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#memberList .member-info .server-tag-badge{
  flex:0 0 auto!important;
  height:16px!important;
  max-width:74px!important;
  margin:0!important;
  align-self:center!important;
}
#memberList .member-info>small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:17px!important;
  line-height:17px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#memberList .member-row>.presence-dot{
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  margin:0!important;
  padding:0!important;
  justify-self:center!important;
  align-self:center!important;
}
/* Rollengruppen ebenfalls mit festen Innenabständen und fixer Zahlspalte. */
#memberList .member-role-group{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:31px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px!important;
  align-items:center!important;
  gap:8px!important;
  margin:11px 0 3px!important;
  padding:5px 6px!important;
}
#memberList .member-role-group:first-child{margin-top:3px!important}
#memberList .member-role-group-name{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
}
#memberList .member-role-group-color{
  width:8px!important;
  height:8px!important;
  margin:0!important;
  justify-self:center!important;
}
#memberList .member-role-group-name>span:last-child{
  min-width:0!important;
  line-height:18px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#memberList .member-role-group-count{
  width:26px!important;
  text-align:right!important;
  justify-self:end!important;
  line-height:18px!important;
}
#memberList .member-sidebar-caption{
  margin:12px 0 4px!important;
  padding:9px 6px 0!important;
}

@media(max-width:760px){
  #memberList .member-row,
  #memberList .member-row:has(.avatar-framed){
    grid-template-columns:56px minmax(0,1fr) 14px!important;
  }
  #memberList .member-row .member-avatar-slot,
  #memberList .member-row:has(.avatar-framed) .member-avatar-slot{
    width:56px!important;
    min-width:56px!important;
  }
}


/* WarDrix 1.7.32 – Mitgliederleiste frei skalierbar + Freundschaftsanfragen sauber ausgerichtet */
@media(min-width:1101px){
  #appView>.member-sidebar{
    width:auto!important;
    min-width:220px!important;
    max-width:520px!important;
    position:relative!important;
  }
  #memberSidebarResizer{
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:9px;
    z-index:12;
    cursor:col-resize;
    touch-action:none;
    background:transparent;
  }
  #memberSidebarResizer::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:1px;
    background:#ffffff16;
  }
  #memberSidebarResizer::after{
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    width:4px;
    height:56px;
    transform:translateY(-50%);
    border-radius:999px;
    background:#f9731622;
    border:1px solid #f9731638;
    opacity:.65;
    transition:opacity .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;
  }
  #memberSidebarResizer:hover::after,#memberSidebarResizer.dragging::after{
    opacity:1;
    background:#f9731640;
    border-color:#fb923c99;
    box-shadow:0 0 14px #f9731638;
  }
}
@media(max-width:1100px){#memberSidebarResizer{display:none!important}}
body.member-sidebar-resize-active{cursor:col-resize!important;user-select:none!important}

/* Pending friend requests use exactly the elements that are actually rendered:
   Avatar | User | Actions. No empty 12px column before "Zurückziehen". */
.dm-home-list-body .friend-request-row{
  grid-template-columns:44px minmax(0,1fr) max-content!important;
  min-height:62px!important;
  gap:10px!important;
  align-items:center!important;
  padding:9px 8px!important;
  border-top:1px solid #ffffff0e!important;
  border-radius:8px!important;
}
.dm-home-list-body .friend-request-row:hover{background:#ffffff08!important}
.dm-home-list-body .friend-request-row .dm-home-avatar-wrap{width:44px;min-width:44px}
.dm-home-list-body .friend-request-row .friend-info{min-width:0!important}
.dm-home-list-body .friend-request-row .friend-actions{
  min-width:max-content!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
.dm-home-list-body .friend-request-row .friend-action{
  min-width:104px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.dm-home-list-body .friend-request-outgoing .friend-action{min-width:112px!important}
@media(max-width:760px){
  .dm-home-list-body .friend-request-row{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important}
  .dm-home-list-body .friend-request-row .friend-actions{grid-column:2/-1!important;justify-content:flex-start!important;flex-wrap:wrap!important;min-width:0!important}
  .dm-home-list-body .friend-request-row .friend-action{min-width:104px!important}
}


/* WarDrix 1.7.33 – Chats/Channels erscheinen ohne sichtbaren Scrollweg sofort an der Startposition. */
.messages{scroll-behavior:auto!important}

/* WarDrix 1.7.34 – Support-Anfrage / explizite Fernwartung */
.support-request-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid #f9731666;border-radius:999px;background:#11131acc;color:#ffedd5;font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap;cursor:pointer}
.support-request-btn:hover{border-color:#f97316;background:#f9731612;color:#fff}.support-request-btn>.material-symbols-rounded{font-size:17px;color:#fb923c}
.support-dialog{width:min(650px,calc(100vw - 28px));max-height:min(820px,calc(100dvh - 28px));overflow:auto}.support-request-section{display:grid;gap:12px;padding:15px 0}.support-request-section+.support-request-section{border-top:1px solid #ffffff12}
.support-safety-box,.support-danger-note{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #22c55e42;background:#22c55e0c;border-radius:10px}.support-safety-box>.material-symbols-rounded{font-size:27px;color:#4ade80}.support-safety-box strong,.support-safety-box small,.support-danger-note strong,.support-danger-note small{display:block}.support-safety-box small,.support-danger-note small{margin-top:4px;line-height:1.5;color:#bdc1ca;font-size:11px}
.support-danger-note{border-color:#f9731648;background:#f973160b}.support-danger-note>.material-symbols-rounded{font-size:27px;color:#fb923c}
.support-section-head{display:flex;align-items:center;gap:10px}.support-section-head>.material-symbols-rounded{font-size:25px;color:#fb923c}.support-section-head strong,.support-section-head small{display:block}.support-section-head small{margin-top:2px;color:#9499a6;font-size:10px}
.support-flow-steps{margin:0;padding-left:24px;color:#cfd2da;font-size:11px;line-height:1.65}.support-consent{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:11px!important;border:1px solid #ffffff12!important;border-radius:9px!important;background:#0b0e16!important}.support-consent input{width:auto!important;margin-top:2px!important}.support-consent span{font-size:11px;line-height:1.45;color:#c9ccd4}
.support-wide-btn{width:100%;justify-content:center;display:flex;align-items:center;gap:7px;min-height:40px}.support-code-panel{padding:14px;border:1px solid #f9731655;background:#f9731609;border-radius:10px}.support-code-panel>small{font-size:9px;font-weight:800;letter-spacing:.09em;color:#9ea3ae}.support-code-line{display:flex;align-items:center;gap:9px;margin:8px 0}.support-code-line strong{flex:1;font:700 clamp(24px,5vw,34px)/1.1 Consolas,monospace;letter-spacing:.12em;color:#fff}.support-code-line button{width:38px;height:38px;display:grid;place-items:center}.support-code-panel p,.support-code-panel>span{margin:0;color:#a8adb8;font-size:10px;line-height:1.45}.support-code-panel>span{display:block;margin-top:6px;color:#fb923c}
.support-staff-panel{margin-top:4px}.support-status-line{display:block;margin-top:7px;color:#9ca3af;font-size:10px;line-height:1.4}.support-incoming-dialog,.support-target-dialog{width:min(600px,calc(100vw - 28px))}.support-incoming-person{display:flex;align-items:center;gap:11px;padding:8px 0 14px}.support-incoming-person .avatar{width:46px;height:46px}.support-incoming-person strong,.support-incoming-person small{display:block}.support-incoming-person small{color:#9398a5;margin-top:3px}
.support-esc-note{display:flex;align-items:center;gap:9px;padding:11px 13px;margin:12px 0;border:1px solid #ef444455;border-radius:9px;background:#ef44440d;color:#fecaca}.support-esc-note>.material-symbols-rounded{color:#fb7185}.support-esc-note.strong{font-size:13px}
.support-target-steps{display:grid;gap:10px}.support-target-steps section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:13px;border:1px solid #ffffff11;border-radius:10px;background:#0b0e16}.support-step-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f9731618;border:1px solid #f9731655;color:#fb923c;font-weight:800}.support-target-steps strong,.support-target-steps small{display:block}.support-target-steps small{margin:4px 0 9px;color:#9da2af;line-height:1.45;font-size:10.5px}.support-target-steps button{display:inline-flex;align-items:center;gap:7px}
.support-viewer-dialog{width:min(1180px,calc(100vw - 24px));height:min(820px,calc(100dvh - 24px));max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.support-viewer-toolbar{display:flex;align-items:center;gap:8px;padding:9px 0;flex-wrap:wrap}.support-viewer-toolbar>strong{margin-left:auto;color:#fb7185;font-size:10px}.support-state-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ffffff17;border-radius:999px;background:#11141c;color:#aeb3bf;font-size:10px}.support-state-pill>.material-symbols-rounded{font-size:15px}.support-state-pill.active{border-color:#22c55e55;background:#22c55e0b;color:#86efac}.support-state-pill.waiting{border-color:#f973163d;color:#fdba74}
.support-viewer-stage{position:relative;flex:1;min-height:260px;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff12;border-radius:11px;background:#05070b}.support-viewer-stage video{width:100%;height:100%;object-fit:contain;outline:0;user-select:none}.support-viewer-stage.control-enabled video{cursor:crosshair}.support-viewer-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#9ba0ac;pointer-events:none}.support-viewer-placeholder>.material-symbols-rounded{font-size:46px;color:#f97316}.support-viewer-placeholder strong{color:#e6e8ee}.support-viewer-placeholder small{font-size:10px}.support-control-hint{display:block;margin:9px 2px 0;color:#9298a5;line-height:1.45;font-size:10px}.support-remote-cursor{position:absolute;width:14px;height:14px;border:2px solid #fb923c;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 3px #0008}
.support-session-banner{position:fixed;z-index:9997;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:min(720px,calc(100vw - 24px));padding:8px 10px;border:1px solid #f9731666;border-radius:10px;background:#0b0e16f2;box-shadow:0 12px 38px #000a;backdrop-filter:blur(14px)}.support-session-banner>.material-symbols-rounded{color:#fb923c;font-size:24px}.support-session-banner>span:nth-child(2){min-width:0;flex:1}.support-session-banner strong,.support-session-banner small{display:block}.support-session-banner small{margin-top:2px;color:#c0c4cd;font-size:9.5px}.support-session-banner button{border-color:#ef444455!important;color:#fecaca!important;background:#ef44440b!important}.support-session-banner.hidden{display:none!important}
@media(max-width:760px){.support-request-btn{width:36px;height:36px;padding:0;justify-content:center}.support-request-btn>span:last-child{display:none}.support-viewer-dialog{width:calc(100vw - 10px);height:calc(100dvh - 10px)}.support-viewer-toolbar>strong{width:100%;margin-left:0}.support-code-line strong{font-size:25px;letter-spacing:.07em}.support-session-banner{top:7px}.support-target-steps section{grid-template-columns:30px minmax(0,1fr)}}

/* WarDrix 1.7.35 – automatische Support-Agent-Ersteinrichtung */
.support-first-setup{display:flex;align-items:flex-start;gap:11px;margin:12px 0 0;padding:12px 13px;border:1px solid #f9731648;border-radius:10px;background:#f973160b}.support-first-setup>.material-symbols-rounded{font-size:25px;color:#fb923c}.support-first-setup strong,.support-first-setup small{display:block}.support-first-setup small{margin-top:4px;color:#b7bbc5;font-size:10.5px;line-height:1.45}.support-auto-connect .support-status-line{margin-top:8px}


/* WarDrix 1.7.36 – Friends / Sidebar / Read All polish */
.user-panel{gap:8px!important}
.user-identity{gap:12px!important;padding:4px 6px!important}
.user-name-tag-row{display:flex;align-items:center;gap:8px;min-width:0}.user-name-tag-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-home-list-body .friend-request-row{align-items:flex-start!important;min-height:74px!important;padding-top:10px!important;padding-bottom:10px!important}
.dm-home-list-body .friend-request-row .friend-info{display:flex;flex-direction:column;justify-content:center;gap:2px!important}
.dm-home-list-body .friend-request-row .friend-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.friend-request-stamp{font-size:11px!important;color:#8f94a3!important}
.dm-home-friend-row .friend-info{cursor:pointer}
.dm-home-friend-row .friend-info:hover strong{text-decoration:underline}
.member-role-group[data-role-id='offline-members'] .member-role-group-color{background:#71717a!important;box-shadow:none!important}


/* WarDrix 1.7.37 – Offline-Gruppe & Mitgliederlisten-Option */
.member-role-group-collapsible{cursor:pointer;user-select:none;transition:background .12s ease,border-color .12s ease}
.member-role-group-collapsible:hover{background:#ffffff08}
.member-role-group-collapsible:focus-visible{outline:1px solid #f9731699;outline-offset:-1px}
.member-role-group-collapsible .member-role-group-name{gap:5px!important}
.member-role-group-chevron{font-size:17px!important;color:#a6a9b2;flex:0 0 17px}
.member-role-group-collapsible.collapsed{margin-bottom:3px}
.server-offline-members-toggle{margin-top:12px;align-items:flex-start!important}
.server-offline-members-toggle>span:last-child{display:flex;flex-direction:column;gap:3px}
.server-offline-members-toggle strong{font-size:12px;color:#f2f3f5}
.server-offline-members-toggle small{font-size:10.5px;color:#8f94a3;line-height:1.4}


/* WarDrix 1.7.38 – Fernwartung: Multi-Monitor-Abgleich */
.support-mapping-bar{display:grid;grid-template-columns:minmax(240px,340px) auto minmax(220px,1fr);align-items:end;gap:9px;padding:8px 10px;margin-bottom:8px;border:1px solid #ffffff12;border-radius:9px;background:#0b0e16}
.support-mapping-bar label,.support-screen-controls label{margin:0;color:#cfd3dc;font-size:10px}.support-mapping-bar select,.support-screen-controls select{margin-top:4px;width:100%;height:34px;padding:0 9px;background:#11151e;border:1px solid #ffffff18;color:#f4f5f7}
.support-mapping-bar button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;white-space:nowrap}.support-mapping-bar button .material-symbols-rounded{font-size:17px}
.support-mapping-bar>small{align-self:center;color:#9ca3af;font-size:10px;line-height:1.35}.support-mapping-bar>small.warning{color:#fbbf24}.support-mapping-bar>small.danger{color:#fb7185}
.support-screen-controls{margin-top:9px;padding:9px;border:1px solid #ffffff10;border-radius:8px;background:#11151b}.support-screen-controls>small{margin:6px 0 0!important;color:#9da3af!important}
@media(max-width:760px){.support-mapping-bar{grid-template-columns:1fr}.support-mapping-bar button{width:100%}}


/* WarDrix 1.7.40 – Offline-Gruppenkopf: Pfeil + Statuspunkt + Titel in einer Zeile */
#memberList .member-role-group[data-role-id="offline-members"] .member-role-group-name{
  display:grid!important;
  grid-template-columns:17px 8px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:6px!important;
}
#memberList .member-role-group[data-role-id="offline-members"] .member-role-group-chevron{
  width:17px!important;
  min-width:17px!important;
  justify-self:center!important;
  align-self:center!important;
  line-height:17px!important;
}
#memberList .member-role-group[data-role-id="offline-members"] .member-role-group-color{
  grid-column:2!important;
  justify-self:center!important;
}
#memberList .member-role-group[data-role-id="offline-members"] .member-role-group-name>span:last-child{
  grid-column:3!important;
  min-width:0!important;
  align-self:center!important;
  line-height:18px!important;
}


/* WarDrix 1.7.41 – Crop / Voice participant polish */
.crop-mask{place-items:center}
.crop-mask span{display:none!important}
.voice-participant-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.voice-participant-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15;color:#969aa7}
.voice-participant-badges{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:max-content;margin-left:auto}
.voice-participant-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;background:#ffffff10;color:#d6d6dc;font-size:10px;font-weight:700;line-height:1}.voice-participant-badge .material-symbols-rounded{font-size:14px!important}.voice-participant-badge.streaming{color:#fb7185;background:#fb718514}.voice-participant-badge.queue{color:#fb923c;background:#f9731618}.voice-participant-badge.moderator{color:#93c5fd;background:#3b82f61a}.voice-participant-badge.muted{color:#fca5a5;background:#ef444418}.voice-participant-badge.deafened{color:#c4b5fd;background:#8b5cf61a}.voice-participant-row .voice-participant-state{font-size:15px;opacity:.82}.voice-raised-hand-order{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#f9731615;color:#fb923c;font-size:11px;font-weight:800}.voice-raised-hand-order .material-symbols-rounded{font-size:16px!important}

/* WarDrix 1.7.42 – stronger crop frame */
.crop-mask::before{border-width:6px!important;box-shadow:0 0 0 9999px rgba(5,6,9,.56),0 0 28px rgba(255,122,0,.62),inset 0 0 0 1px rgba(255,255,255,.08)!important}
.crop-mask.crop-avatar::before{border-radius:50%!important}

/* WarDrix 1.7.43 – Crop-Maske ohne Kollision mit globaler .avatar-Klasse */
.crop-mask{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;background:transparent!important;border-radius:0!important;pointer-events:none!important;z-index:3!important}
.crop-mask::before{content:""!important;position:absolute!important;z-index:1!important;border:7px solid #ff7a00!important;box-sizing:border-box!important;box-shadow:0 0 0 9999px rgba(5,6,9,.58),0 0 30px rgba(255,122,0,.72),inset 0 0 0 1px rgba(255,255,255,.10)!important}
.crop-mask.crop-avatar::before{inset:8px!important;border-radius:50%!important}
.crop-mask.crop-server::before{inset:8px!important;border-radius:27%!important}
.crop-mask.crop-banner::before{inset:8px!important;border-radius:14px!important}


/* WarDrix 1.7.44 – feinerer Voice-Ausschlag im Equalizer-Stil */
.voice-participant-row{align-items:center}
.voice-speaking-meter{width:22px;height:24px;flex:0 0 22px;display:flex;align-items:flex-end;justify-content:flex-start;gap:1px;padding:1px 0}
.voice-speaking-meter-bar{width:2px;min-height:4px;height:6px;border-radius:999px;background:#ffffff1e;opacity:.38;transform-origin:center bottom;transition:height .12s ease,opacity .12s ease,box-shadow .12s ease,transform .12s ease,background .12s ease}
.voice-speaking-meter-bar:nth-child(1),.voice-speaking-meter-bar:nth-child(2),.voice-speaking-meter-bar:nth-child(3),.voice-speaking-meter-bar:nth-child(4){background:linear-gradient(180deg,#4ade80 0%,#22c55e 100%)}
.voice-speaking-meter-bar:nth-child(5),.voice-speaking-meter-bar:nth-child(6),.voice-speaking-meter-bar:nth-child(7),.voice-speaking-meter-bar:nth-child(8){background:linear-gradient(180deg,#fdba74 0%,#f97316 100%)}
.voice-speaking-meter-bar:nth-child(9),.voice-speaking-meter-bar:nth-child(10),.voice-speaking-meter-bar:nth-child(11),.voice-speaking-meter-bar:nth-child(12){background:linear-gradient(180deg,#fb7185 0%,#ef4444 100%)}
.voice-speaking-meter.active .voice-speaking-meter-bar{opacity:1;box-shadow:0 0 7px rgba(249,115,22,.18)}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(1){animation:voice-eq-1 780ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(2){animation:voice-eq-2 720ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(3){animation:voice-eq-3 860ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(4){animation:voice-eq-4 690ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(5){animation:voice-eq-5 930ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(6){animation:voice-eq-6 760ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(7){animation:voice-eq-7 840ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(8){animation:voice-eq-8 710ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(9){animation:voice-eq-9 910ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(10){animation:voice-eq-10 790ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(11){animation:voice-eq-11 870ms ease-in-out infinite}
.voice-speaking-meter.active .voice-speaking-meter-bar:nth-child(12){animation:voice-eq-12 740ms ease-in-out infinite}
@keyframes voice-eq-1{0%,100%{height:4px}30%{height:9px}55%{height:14px}80%{height:7px}}
@keyframes voice-eq-2{0%,100%{height:6px}28%{height:13px}58%{height:19px}82%{height:9px}}
@keyframes voice-eq-3{0%,100%{height:5px}25%{height:10px}47%{height:16px}76%{height:8px}}
@keyframes voice-eq-4{0%,100%{height:7px}18%{height:15px}52%{height:23px}79%{height:11px}}
@keyframes voice-eq-5{0%,100%{height:4px}34%{height:8px}62%{height:12px}85%{height:6px}}
@keyframes voice-eq-6{0%,100%{height:6px}22%{height:12px}49%{height:20px}73%{height:10px}}
@keyframes voice-eq-7{0%,100%{height:5px}24%{height:9px}54%{height:17px}77%{height:8px}}
@keyframes voice-eq-8{0%,100%{height:4px}31%{height:11px}63%{height:18px}84%{height:7px}}
@keyframes voice-eq-9{0%,100%{height:6px}29%{height:14px}51%{height:22px}81%{height:10px}}
@keyframes voice-eq-10{0%,100%{height:5px}20%{height:10px}46%{height:15px}75%{height:7px}}
@keyframes voice-eq-11{0%,100%{height:4px}27%{height:12px}57%{height:21px}83%{height:9px}}
@keyframes voice-eq-12{0%,100%{height:6px}23%{height:13px}53%{height:18px}78%{height:8px}}


/* WarDrix 1.7.45 – horizontaler Voice-Pegel direkt über dem Namen */
.voice-speaking-meter{display:none!important}
.voice-participant-main{gap:1px!important}
.voice-name-meter{
  position:relative;
  display:block;
  width:min(100%,150px);
  height:3px;
  margin:0 0 2px 0;
  border-radius:999px;
  overflow:hidden;
  background:#ffffff10;
  opacity:.45;
}
.voice-name-meter-fill{
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#22c55e 0%,#4ade80 28%,#f59e0b 55%,#f97316 72%,#ef4444 100%);
  transform:scaleX(.06);
  transform-origin:left center;
  opacity:.35;
  box-shadow:0 0 5px rgba(249,115,22,.18);
}
.voice-name-meter.active{opacity:1}
.voice-name-meter.active .voice-name-meter-fill{
  opacity:1;
  animation:voice-name-level 760ms ease-in-out infinite;
}
@keyframes voice-name-level{
  0%,100%{transform:scaleX(.18)}
  18%{transform:scaleX(.42)}
  36%{transform:scaleX(.68)}
  52%{transform:scaleX(.94)}
  68%{transform:scaleX(.56)}
  84%{transform:scaleX(.78)}
}


/* WarDrix 1.7.46 – echter Voice-Pegel statt synthetischer Animation */
.voice-name-meter{height:3px!important;opacity:.62!important;background:#ffffff12!important}
.voice-name-meter-fill{
  transform:scaleX(var(--voice-level,0))!important;
  transition:transform 55ms linear,opacity 90ms ease!important;
  animation:none!important;
  opacity:.72!important;
  will-change:transform;
}
.voice-name-meter.active{opacity:1!important}
.voice-name-meter.active .voice-name-meter-fill{animation:none!important;opacity:1!important}
.voice-participant-state{display:none!important}


/* WarDrix 1.7.47 – echter Nullpunkt + feste Farbskala beim Voice-Pegel */
.voice-name-meter{background:#ffffff12!important;opacity:.72!important}
.voice-name-meter-fill{
  transform:none!important;
  clip-path:inset(0 var(--voice-level-cut,100%) 0 0 round 999px)!important;
  transition:clip-path 55ms linear,opacity 90ms ease!important;
  background:linear-gradient(90deg,#22c55e 0%,#4ade80 34%,#f59e0b 58%,#f97316 76%,#ef4444 100%)!important;
  opacity:.92!important;
  will-change:clip-path!important;
}
.voice-name-meter:not(.active) .voice-name-meter-fill{opacity:.72!important}
.voice-name-meter.active .voice-name-meter-fill{opacity:1!important}

/* WarDrix 1.7.49 – kompakte, logisch gruppierte Einstellungen */
#serverSettingsDialog .server-settings-clean{
  grid-template-columns:230px minmax(0,1fr);
  background:#17181dF8;
}
#serverSettingsDialog .server-settings-nav{
  padding:0;
  background:#121318;
  border-right:1px solid #ffffff10;
  overflow:hidden;
}
.server-settings-nav-head{
  flex:0 0 auto;
  padding:17px 16px 13px;
  border-bottom:1px solid #ffffff0b;
}
.server-settings-nav-head h3{margin:0!important;padding:0!important;font-size:14px!important;color:#f4f4f5!important}
.server-settings-nav-head small{display:block;margin-top:3px;font-size:9.5px;color:#737782}
.server-settings-nav-scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:7px 8px 10px;
  scrollbar-width:thin;
}
.server-settings-nav-group{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:5px 0 8px;
  border-bottom:1px solid #ffffff09;
}
.server-settings-nav-group:last-child{border-bottom:0}
.server-settings-nav-group>span{
  padding:6px 9px 4px;
  color:#70747e;
  font-size:8.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.09em;
}
.server-settings-nav-group.settings-nav-group-empty{display:none!important}
#serverSettingsDialog .server-settings-nav button[data-settings-tab],
#serverSettingsDialog .server-settings-nav-bottom>button{
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 9px;
  border-radius:7px;
  font-size:11.5px;
  line-height:1.15;
  color:#b7bac2;
}
#serverSettingsDialog .server-settings-nav button[data-settings-tab]>.material-symbols-rounded,
#serverSettingsDialog .server-settings-nav-bottom>button>.material-symbols-rounded{
  flex:0 0 18px;
  width:18px;
  font-size:18px;
  color:#858995;
}
#serverSettingsDialog .server-settings-nav button[data-settings-tab]:hover{background:#ffffff08;color:#f3f3f4}
#serverSettingsDialog .server-settings-nav button[data-settings-tab].active{
  background:#ffffff0d;
  color:#fff;
  box-shadow:inset 2px 0 0 #f97316;
}
#serverSettingsDialog .server-settings-nav button[data-settings-tab].active>.material-symbols-rounded{color:#f97316}
.server-settings-nav-bottom{
  flex:0 0 auto;
  padding:8px;
  border-top:1px solid #ffffff0b;
  background:#111217;
}
#serverSettingsDialog .server-settings-nav-bottom>button{color:#e58a8f}
#serverSettingsDialog .server-settings-nav-bottom>button:hover{background:#ef444411;color:#ff9da2}
#serverSettingsDialog .server-settings-nav-bottom>button>.material-symbols-rounded{color:currentColor}

#serverSettingsDialog .settings-content>header{
  min-height:56px;
  height:56px;
  padding:0 16px;
  background:#191a1ff8;
  border-bottom:1px solid #ffffff0d;
}
#serverSettingsDialog .settings-content>header strong{font-size:13px}
#serverSettingsDialog .settings-content>header small{margin-top:2px;font-size:9.5px;color:#858993}
#serverSettingsDialog .settings-body{padding:16px 18px 28px}

.settings-compact-section{
  max-width:920px;
  margin:0 auto;
  padding:0 0 18px;
  border-bottom:1px solid #ffffff0d;
}
.settings-compact-section+.settings-compact-section{padding-top:18px}
.settings-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.settings-compact-head h4{margin:0;font-size:14px;font-weight:600;color:#f2f2f3}
.settings-compact-head p{margin:3px 0 0;font-size:10px;line-height:1.4;color:#858891}
.general-brand-compact{height:118px;margin:0 0 12px}
.general-brand-compact .guild-banner-preview{height:88px;border-radius:9px}
.general-brand-compact .guild-icon-preview{left:12px;bottom:0;width:58px!important;height:58px!important;font-size:16px!important;border-width:4px!important}
.settings-compact-fields{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);gap:12px;margin-bottom:4px}
.settings-compact-fields label{margin:0;font-size:10px;color:#c6c8ce}
.settings-compact-fields input,.settings-compact-fields textarea{margin-top:5px}
.settings-compact-fields textarea{min-height:74px}
.settings-compact-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:54px;
  padding:10px 0;
  border-top:1px solid #ffffff0a;
}
.settings-compact-row>div:first-child{min-width:0}
.settings-compact-row strong,.settings-compact-row small{display:block}
.settings-compact-row strong{font-size:11.5px;color:#e6e7ea}
.settings-compact-row small{margin-top:3px;font-size:9.5px;line-height:1.35;color:#7f838d}
.settings-compact-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.settings-compact-actions button,.settings-invite-row button{padding:7px 9px;font-size:10.5px}
.settings-compact-save{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #ffffff0a}
.settings-compact-save button{min-width:150px}
.settings-invite-row .invite-box{width:min(460px,46vw);display:grid;grid-template-columns:minmax(130px,1fr) auto auto;gap:6px}
.settings-invite-row .invite-box input{height:34px;padding:6px 9px}
.settings-compact-toggle{cursor:pointer}
.settings-compact-toggle>input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:38px!important;
  height:21px;
  margin:0;
  border:1px solid #555860;
  border-radius:999px;
  background:#36383e;
  box-shadow:inset 0 1px 2px #0006;
  position:relative;
  transition:.15s ease;
  cursor:pointer;
}
.settings-compact-toggle>input[type="checkbox"]::after{
  content:"";
  position:absolute;
  width:15px;
  height:15px;
  left:2px;
  top:2px;
  border-radius:50%;
  background:#c7c8cd;
  transition:transform .15s ease,background .15s ease;
}
.settings-compact-toggle>input[type="checkbox"]:checked{background:#f97316;border-color:#fb923c}
.settings-compact-toggle>input[type="checkbox"]:checked::after{transform:translateX(17px);background:#fff}
.settings-compact-toggle>input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed}
.settings-compact-note{max-width:920px;margin:12px auto 0;padding-left:9px;border-left:2px solid #f97316;color:#81858e;font-size:9.5px;line-height:1.45}

/* Benutzereinstellungen ebenfalls kompakter und logisch gruppiert */
.user-settings-dialog{
  width:min(1100px,calc(100vw - 28px))!important;
  height:min(760px,calc(100vh - 28px))!important;
}
.user-settings-sidebar{width:235px;min-width:235px;padding:11px 9px 8px}
.user-settings-self{padding-bottom:9px}
.user-settings-search{margin-bottom:7px}
.user-settings-dialog .user-settings-tabs button{padding:7px 9px!important;min-height:34px;font-size:11.5px!important}
.user-settings-nav-group{padding:4px 0 6px}
.user-settings-nav-group>span{padding:6px 9px 3px;font-size:8.5px}
.user-settings-main-head{height:56px;flex-basis:56px;padding:0 20px}
.user-settings-dialog .user-settings-scroll{padding:21px clamp(18px,4vw,46px) 30px!important}
.user-settings-dialog .user-settings-panel{gap:14px;max-width:760px}
.settings-page-title h2{font-size:21px}
.settings-page-title p{margin-top:4px;font-size:10px}
.account-setting-row{min-height:62px;padding:7px 0;gap:22px}
.user-settings-dialog .user-settings-card+.user-settings-card{padding-top:14px!important}
.account-setting-actions{padding-top:10px}
.account-summary-item{padding:8px 0}

@media(max-width:900px){
  #serverSettingsDialog .server-settings-clean{grid-template-columns:205px minmax(0,1fr)}
  .settings-compact-fields{grid-template-columns:1fr}
  .settings-invite-row{grid-template-columns:1fr}
  .settings-invite-row .invite-box{width:100%}
  .user-settings-sidebar{width:210px;min-width:210px}
}
@media(max-width:760px){
  #serverSettingsDialog .server-settings-clean{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
  #serverSettingsDialog .server-settings-nav{display:block!important;overflow:hidden!important;border-right:0!important;border-bottom:1px solid #ffffff10!important}
  .server-settings-nav-head,.server-settings-nav-bottom{display:none!important}
  .server-settings-nav-scroll{display:flex;overflow-x:auto;overflow-y:hidden;padding:6px;gap:4px;scrollbar-width:none}
  .server-settings-nav-scroll::-webkit-scrollbar{display:none}
  .server-settings-nav-group{display:contents!important}
  .server-settings-nav-group>span{display:none!important}
  #serverSettingsDialog .server-settings-nav button[data-settings-tab]{width:auto!important;min-width:max-content!important;padding:7px 9px!important;box-shadow:none!important}
  #serverSettingsDialog .server-settings-nav button[data-settings-tab].active{box-shadow:inset 0 -2px 0 #f97316!important}
  #serverSettingsDialog .settings-body{padding:12px!important}
  .general-brand-compact{height:105px}.general-brand-compact .guild-banner-preview{height:76px}
  .settings-compact-row{grid-template-columns:1fr;gap:8px;align-items:stretch}
  .settings-compact-actions{justify-content:flex-start}
  .settings-compact-toggle{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .settings-invite-row .invite-box{grid-template-columns:minmax(100px,1fr) auto auto}
}
@media(max-width:680px){
  .user-settings-dialog{width:calc(100vw - 8px)!important;height:calc(var(--app-height,100dvh) - 8px)!important}
  .user-settings-sidebar{width:100%!important;min-width:0!important;padding:8px!important}
  .user-settings-dialog .user-settings-scroll{padding:15px 12px 24px!important}
  .user-settings-dialog .user-settings-tabs button{width:auto;min-width:max-content;padding:8px 10px!important}
  .account-setting-row{grid-template-columns:1fr;gap:7px;padding:11px 0}
}

/* WarDrix 1.7.55 – unique server-tag symbols + voice name outline */
.voice-participant-name{color:#ebebef!important;-webkit-text-fill-color:#ebebef!important;-webkit-text-stroke:0 transparent!important;text-shadow:-.3px 0 #000,.3px 0 #000,0 -.3px #000,0 .3px #000!important;font-weight:500!important}

/* WarDrix 1.7.68 – WarCoins + Premium Profilbänder */
.profile-side-name-line.has-profile-band{
  position:relative;min-height:58px;margin:3px -5px 3px -6px;padding:9px 14px 9px 13px;
  border:1px solid #ffffff22;border-radius:11px;background-size:cover;background-position:center;background-repeat:no-repeat;
  box-shadow:inset 0 0 24px #0007,0 5px 18px #0005;overflow:hidden;align-content:center;
}
.profile-side-name-line.has-profile-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090dbd 0%,#07090d48 48%,#07090d8f 100%);pointer-events:none}
.profile-side-name-line.has-profile-band>*{position:relative;z-index:1}
.profile-side-name-line.has-profile-band h2{color:#fff!important;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 8px #000!important}

.warcoin-wallet-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;background:linear-gradient(135deg,#17130d,#111624)!important;border-color:#f9731638!important}
.warcoin-wallet-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f973161f;border:1px solid #f973164d;box-shadow:0 0 24px #f973161f}
.warcoin-wallet-icon .material-symbols-rounded{font-size:31px;color:#fb923c}.warcoin-wallet-hero>div:nth-child(2){min-width:0}.warcoin-wallet-hero small,.profile-band-shop-balance small{display:block;font-size:9px;letter-spacing:.12em;color:#a9abb4}.warcoin-wallet-hero strong{display:block;font-size:27px;color:#fff;line-height:1.05;margin:3px 0}.warcoin-wallet-hero span:not(.material-symbols-rounded){font-size:11px;color:#b8bac4}
.warcoin-history-list{display:grid;gap:6px;margin-top:12px}.warcoin-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #ffffff0e;border-radius:9px;background:#10141e}.warcoin-history-row>.material-symbols-rounded{font-size:21px}.warcoin-history-row.plus>.material-symbols-rounded,.warcoin-history-row.plus .warcoin-history-amount{color:#86efac}.warcoin-history-row.minus>.material-symbols-rounded,.warcoin-history-row.minus .warcoin-history-amount{color:#fca5a5}.warcoin-history-copy{min-width:0}.warcoin-history-copy strong,.warcoin-history-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warcoin-history-copy strong{font-size:12px;color:#f1f2f5}.warcoin-history-copy small{font-size:9px;color:#8f929d;margin-top:2px}.warcoin-history-amount{font-weight:800;font-size:12px;white-space:nowrap}.warcoin-empty{padding:20px;text-align:center;color:#8f929d;border:1px dashed #ffffff16;border-radius:10px;background:#0e121a}

.profile-band-current{display:flex;align-items:center;gap:12px;margin:9px 0 12px}.profile-band-current-preview{width:165px;height:66px;flex:0 0 auto;border-radius:10px;border:1px solid #ffffff1c;background-size:cover;background-position:center;box-shadow:inset 0 0 20px #0005;display:grid;place-items:center}.profile-band-current-preview.none{background:#111624;color:#757985}.profile-band-current>div:last-child{min-width:0}.profile-band-current strong,.profile-band-current small{display:block}.profile-band-current strong{font-size:13px}.profile-band-current small{font-size:10px;color:#9fa2ad;margin-top:3px}
.profile-band-shop-dialog{width:min(1000px,calc(100vw - 24px));max-height:min(88vh,900px);overflow:hidden!important;padding:0!important;display:flex;flex-direction:column;background:#0c1018!important}.profile-band-shop-dialog>header{padding:17px 20px 12px;border-bottom:1px solid #ffffff0e;flex:0 0 auto}.profile-band-shop-dialog>header h3{margin:0}.profile-band-shop-dialog>header p{margin:4px 0 0;color:#9da0aa}.profile-band-shop-balance{display:flex;align-items:center;gap:9px;margin:12px 18px 0;padding:9px 12px;border:1px solid #f9731638;border-radius:10px;background:#f973160d;flex:0 0 auto}.profile-band-shop-balance>.material-symbols-rounded{color:#fb923c;font-size:25px}.profile-band-shop-balance strong{font-size:17px;color:#fff}.profile-band-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 18px 18px;overflow:auto;min-height:0}.profile-band-shop-card{display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;border:1px solid #ffffff12;border-radius:11px;background:#111624;transition:.15s ease}.profile-band-shop-card:hover{border-color:#f973165f;transform:translateY(-1px)}.profile-band-shop-card.active{border-color:#f97316;box-shadow:inset 3px 0 0 #f97316}.profile-band-shop-card.featured::after{content:"EMPFOHLEN";position:absolute}.profile-band-shop-preview{height:58px;border-radius:8px;background-size:cover;background-position:center;border:1px solid #ffffff14;box-shadow:inset 0 0 20px #0005}.profile-band-shop-copy{min-width:0}.profile-band-shop-copy strong,.profile-band-shop-copy small{display:block}.profile-band-shop-copy strong{font-size:13px;color:#fff}.profile-band-shop-copy small{font-size:10px;color:#a4a7b0;margin-top:3px}.profile-band-shop-card button{white-space:nowrap}.profile-band-shop-dialog>.dialog-actions{flex:0 0 auto;border-top:1px solid #ffffff0d;padding:11px 18px calc(11px + env(safe-area-inset-bottom))}

.warcoin-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.warcoin-admin-stats>.user-settings-card{margin:0!important;display:flex;align-items:center;gap:10px}.warcoin-admin-stats .material-symbols-rounded{color:#fb923c;font-size:26px}.warcoin-admin-stats strong,.warcoin-admin-stats small{display:block}.warcoin-admin-stats strong{font-size:19px}.warcoin-admin-stats small{font-size:9px;color:#989ba6}
.warcoin-global-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:end}.warcoin-global-grid>.feature-switch{grid-column:1/-1}.warcoin-global-grid>.setting-toggle{grid-column:1/-1}
.warcoin-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.warcoin-rule-card{border:1px solid #ffffff0f;border-radius:10px;background:#10141e;padding:10px}.warcoin-rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.warcoin-rule-head>div{min-width:0}.warcoin-rule-head strong,.warcoin-rule-head small{display:block}.warcoin-rule-head strong{font-size:12px}.warcoin-rule-head small{font-size:9px;color:#8f929c;line-height:1.35;margin-top:3px}.mini-switch{display:flex;align-items:center;flex:0 0 auto}.mini-switch input{position:absolute;opacity:0;pointer-events:none}.mini-switch .switch-ui{position:relative;width:35px;height:20px;border-radius:999px;background:#272b34;border:1px solid #ffffff18}.mini-switch .switch-ui::after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#b7bac2;transition:.15s}.mini-switch input:checked+.switch-ui{background:#f9731635;border-color:#f9731677}.mini-switch input:checked+.switch-ui::after{left:17px;background:#fb923c}.warcoin-rule-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.warcoin-rule-fields label{font-size:9px;color:#9da0aa}.warcoin-number-wrap{display:flex;align-items:center;margin-top:4px;border:1px solid #ffffff12;background:#0d1119;border-radius:7px;overflow:hidden}.warcoin-number-wrap input{width:100%;border:0!important;background:transparent!important;padding:7px!important}.warcoin-number-wrap span{padding-right:7px;color:#747985;font-size:8px;white-space:nowrap}
.warcoin-admin-toolbar{display:flex;gap:8px;margin:10px 0}.warcoin-search{display:flex!important;align-items:center;gap:6px;min-width:0;flex:1;border:1px solid #ffffff12;border-radius:8px;background:#0e121a;padding:0 9px!important;margin:0!important}.warcoin-search.compact{max-width:260px}.warcoin-search .material-symbols-rounded{font-size:18px;color:#818590}.warcoin-search input{border:0!important;background:transparent!important;margin:0!important;padding:8px 0!important;width:100%}.warcoin-admin-toolbar select{width:auto;min-width:190px}.warcoin-user-board{display:grid;gap:6px}.warcoin-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 9px;border:1px solid #ffffff0e;border-radius:9px;background:#10141e}.warcoin-user-avatar{width:36px!important;height:36px!important}.warcoin-user-copy{min-width:0}.warcoin-user-copy strong,.warcoin-user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warcoin-user-copy strong{font-size:12px}.warcoin-user-copy small{font-size:9px;color:#8f929c;margin-top:2px}.warcoin-user-balance{text-align:right}.warcoin-user-balance strong,.warcoin-user-balance small{display:block}.warcoin-user-balance strong{color:#fdba74}.warcoin-user-balance small{font-size:8px;color:#777b86}.warcoin-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.warcoin-pager span{font-size:10px;color:#9699a3}
.warcoin-band-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.warcoin-band-admin-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:1px solid #ffffff0e;border-radius:9px;background:#10141e}.warcoin-band-admin-preview{height:49px;border-radius:7px;background-size:cover;background-position:center;border:1px solid #ffffff12;grid-row:1/span 2}.warcoin-band-admin-copy strong,.warcoin-band-admin-copy small{display:block}.warcoin-band-admin-copy strong{font-size:11px}.warcoin-band-admin-copy small{font-size:9px;color:#888c97}.warcoin-band-admin-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(90px,1fr) auto auto auto;gap:7px;align-items:end}.warcoin-band-admin-controls>label:first-child{font-size:9px;color:#979aa4}.warcoin-band-admin-controls input[type=number]{margin-top:3px;padding:7px!important}.setting-toggle.compact{font-size:9px;white-space:nowrap}.warcoin-adjust-dialog{width:min(460px,calc(100vw - 24px))}.warcoin-adjust-dialog label{display:grid;gap:5px;margin-top:12px}.warcoin-adjust-hint{display:block;margin-top:10px;color:#8f929d;line-height:1.35}

@media(max-width:900px){.warcoin-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.warcoin-rule-grid,.warcoin-band-admin-grid{grid-template-columns:1fr}.profile-band-shop-card{grid-template-columns:125px minmax(0,1fr)}.profile-band-shop-card button{grid-column:1/-1}.warcoin-global-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.warcoin-wallet-hero{grid-template-columns:auto 1fr}.warcoin-wallet-hero>button{grid-column:1/-1}.profile-band-shop-grid{grid-template-columns:1fr;padding:10px}.profile-band-shop-card{grid-template-columns:105px minmax(0,1fr)}.warcoin-admin-stats{grid-template-columns:1fr 1fr}.warcoin-rule-fields{grid-template-columns:1fr 1fr}.warcoin-admin-toolbar{flex-direction:column}.warcoin-admin-toolbar select{width:100%}.warcoin-user-row{grid-template-columns:auto minmax(0,1fr) auto}.warcoin-user-row>button{grid-column:1/-1}.warcoin-band-admin-controls{grid-template-columns:1fr 1fr}.profile-band-current{align-items:flex-start;flex-direction:column}.profile-band-current-preview{width:100%;height:72px}}
@media(max-width:390px){.warcoin-admin-stats{grid-template-columns:1fr}.warcoin-rule-fields{grid-template-columns:1fr}.warcoin-global-grid{grid-template-columns:1fr}.profile-side-name-line.has-profile-band{min-height:52px;padding:8px 10px}.warcoin-history-row{grid-template-columns:auto minmax(0,1fr)}.warcoin-history-amount{grid-column:2}}
.profile-band-shop-card{position:relative;overflow:hidden}.profile-band-shop-card.featured::after{content:"HIGHLIGHT";top:6px;left:6px;z-index:2;padding:2px 6px;border-radius:999px;background:#f97316e6;color:#fff;font-size:7px;font-weight:800;letter-spacing:.08em;box-shadow:0 2px 8px #0008;pointer-events:none}
.warcoin-admin-gift{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff10}.warcoin-admin-gift label{margin:0!important}.warcoin-admin-gift button{height:38px}@media(max-width:520px){.warcoin-admin-gift{grid-template-columns:1fr}.warcoin-admin-gift button{width:100%}}

/* WarDrix 1.7.70 – WarCoins Control Center */
.warcoin-admin-panel{padding:0!important;height:100%;min-height:0}
.warcoin-control-shell{display:grid;grid-template-columns:210px minmax(0,1fr);height:100%;min-height:0;background:#0c0f18;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}
.warcoin-control-nav{min-width:0;background:#0f131d;border-right:1px solid #ffffff0d;padding:12px 9px;display:flex;flex-direction:column;gap:12px}
.warcoin-control-brand{display:flex;align-items:center;gap:9px;padding:8px 9px 12px;border-bottom:1px solid #ffffff0d}
.warcoin-control-brand>.material-symbols-rounded{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fb923c;background:#f9731618;border:1px solid #f9731638;font-size:21px}
.warcoin-control-brand strong,.warcoin-control-brand small{display:block}.warcoin-control-brand strong{font-size:13px;color:#fff}.warcoin-control-brand small{font-size:9px;color:#818692;margin-top:2px}
.warcoin-control-nav-list{display:grid;gap:4px}
.warcoin-control-nav-list button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;background:transparent;color:#c7c9d0;border-radius:8px;padding:9px 10px;font-size:11px}
.warcoin-control-nav-list button .material-symbols-rounded{font-size:19px;color:#777d89}
.warcoin-control-nav-list button:hover{background:#151a25;border-color:#ffffff0c;color:#fff}
.warcoin-control-nav-list button.active{background:#1d2230;border-color:#ffffff10;color:#fff;box-shadow:inset 3px 0 0 #f97316}
.warcoin-control-nav-list button.active .material-symbols-rounded{color:#fb923c}
.warcoin-control-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#0c0f18}
.warcoin-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #ffffff0d;background:#0e121b;flex:0 0 auto}
.warcoin-control-head h2{margin:0;font-size:18px;color:#f7f7f8}.warcoin-control-head p{margin:3px 0 0;font-size:10px;color:#8f939e}.warcoin-control-head button{white-space:nowrap}
.warcoin-control-scroll{min-height:0;overflow:auto;padding:14px 16px 22px;overscroll-behavior:contain;scrollbar-gutter:stable}
.warcoin-control-page{display:none;min-width:0}.warcoin-control-page.active{display:block}
.warcoin-control-page>.user-settings-card:first-child{margin-top:0!important}
.warcoin-overview-card{margin-top:10px!important}.warcoin-status-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #22c55e55;background:#22c55e16;color:#86efac;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800;letter-spacing:.08em}.warcoin-status-pill.off{border-color:#ef444455;background:#ef444414;color:#fca5a5}
.warcoin-overview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.warcoin-overview-actions button{display:flex;align-items:center;gap:9px;text-align:left;background:#10151f;border:1px solid #ffffff0e;border-radius:9px;padding:10px}.warcoin-overview-actions button:hover{border-color:#f9731650;background:#141a26}.warcoin-overview-actions .material-symbols-rounded{color:#fb923c}.warcoin-overview-actions strong,.warcoin-overview-actions small{display:block}.warcoin-overview-actions strong{font-size:11px;color:#f4f4f5}.warcoin-overview-actions small{font-size:8px;color:#858a96;margin-top:2px;line-height:1.3}

/* Regelkarten bleiben immer im DOM sichtbar. Ein Toggle darf die Seite niemals leerräumen. */
.warcoin-rule-card{transition:border-color .15s ease,background .15s ease,opacity .15s ease}
.warcoin-rule-card.is-disabled{background:#0e1219;border-color:#ffffff0a}
.warcoin-rule-card.is-disabled .warcoin-rule-fields{opacity:.48}
.warcoin-rule-card.is-disabled .warcoin-rule-head strong{color:#8d919b}
.warcoin-rule-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.warcoin-rule-group-head{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:8px 0 1px;padding:0 2px;color:#c9ccd3}.warcoin-rule-group-head .material-symbols-rounded{font-size:18px;color:#fb923c}.warcoin-rule-group-head strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.warcoin-rule-group:first-child .warcoin-rule-group-head{margin-top:0}
.warcoin-rule-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.warcoin-rule-card.no-cooldown .warcoin-rule-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.warcoin-daily-note{display:inline-flex;align-items:center;gap:4px;margin-top:5px;border:1px solid #22c55e35;background:#22c55e10;color:#86efac;border-radius:999px;padding:3px 6px;font-size:8px}.warcoin-daily-note .material-symbols-rounded{font-size:12px}

@media(max-width:1050px){.warcoin-control-shell{grid-template-columns:178px minmax(0,1fr)}.warcoin-rule-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.warcoin-rule-card.no-cooldown .warcoin-rule-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.warcoin-overview-actions{grid-template-columns:1fr}}
@media(max-width:760px){.warcoin-control-shell{display:flex;flex-direction:column;height:auto;min-height:100%}.warcoin-control-nav{border-right:0;border-bottom:1px solid #ffffff0d;padding:8px}.warcoin-control-brand{display:none}.warcoin-control-nav-list{display:flex;overflow-x:auto;gap:5px;padding-bottom:2px;scrollbar-width:none}.warcoin-control-nav-list::-webkit-scrollbar{display:none}.warcoin-control-nav-list button{min-width:max-content;width:auto;padding:8px 10px}.warcoin-control-main{min-height:500px}.warcoin-control-scroll{overflow:visible;padding:12px}.warcoin-control-head{padding:11px 12px}.warcoin-control-head p{display:none}.warcoin-rule-group{grid-template-columns:1fr}}
@media(max-width:520px){.warcoin-control-head{align-items:flex-start}.warcoin-control-head button{padding:7px 8px}.warcoin-rule-fields,.warcoin-rule-card.no-cooldown .warcoin-rule-fields{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.warcoin-rule-fields,.warcoin-rule-card.no-cooldown .warcoin-rule-fields{grid-template-columns:1fr}}
.user-settings-dialog .user-settings-panel.warcoin-admin-panel{max-width:none!important;width:100%;margin:0!important;align-self:stretch}
.user-settings-dialog .user-settings-scroll:has(.warcoin-admin-panel.active){overflow:hidden!important;padding:12px!important}
.user-settings-dialog .warcoin-admin-panel.active{min-height:calc(100% - 1px)}
@media(max-width:760px){.user-settings-dialog .user-settings-scroll:has(.warcoin-admin-panel.active){overflow:auto!important;padding:8px!important}}
/* Stabiler WarCoins-Schalter: Input bleibt exakt auf dem sichtbaren Toggle und kann keinen Offscreen-Fokus erzeugen. */
.warcoin-rule-card .mini-switch{position:relative;width:35px;height:20px}
.warcoin-rule-card .mini-switch input{position:absolute!important;inset:0!important;width:35px!important;height:20px!important;margin:0!important;opacity:0!important;pointer-events:auto!important;cursor:pointer;z-index:2}
.warcoin-rule-card .mini-switch .switch-ui{position:absolute;inset:0;pointer-events:none}


/* WarDrix 1.7.71 – Premium Profilbänder auch in Sidebar und Voice */
.profile-band-inline-surface{
  position:relative;
  isolation:isolate;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transition:background-image .12s ease,border-color .14s ease,box-shadow .14s ease;
}
.profile-band-inline-surface.has-profile-band{
  border:1px solid #ffffff18;
  box-shadow:inset 0 0 0 999px rgba(5,7,12,.42),0 1px 5px rgba(0,0,0,.22);
}
.profile-band-inline-surface.has-profile-band:hover{
  border-color:#ffffff2c;
  box-shadow:inset 0 0 0 999px rgba(5,7,12,.34),0 2px 9px rgba(0,0,0,.28);
}
.self-profile-band-surface{
  overflow:hidden;
  border-radius:8px;
  padding:5px 9px 5px 10px;
  margin-left:1px;
  min-height:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#presenceBtn.has-profile-band .self-profile-band-surface{margin-left:0;padding:0;min-height:0;overflow:visible;border-radius:0;}
.self-profile-band-surface:not(.has-profile-band){
  padding-left:2px;
  padding-right:2px;
}
.self-profile-band-surface.has-profile-band #myName{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px #000,0 0 4px #000b!important;
}
.self-profile-band-surface.has-profile-band #myStatus{
  color:#f0f1f5!important;
  text-shadow:0 1px 2px #000,0 0 4px #000b!important;
}
.voice-profile-band-surface{
  border-radius:7px;
  overflow:hidden;
  padding:4px 8px 5px;
  min-height:31px;
  justify-content:center;
}
.voice-profile-band-surface:not(.has-profile-band){
  padding:0;
  min-height:0;
  border:0;
  box-shadow:none;
}
.voice-profile-band-surface.has-profile-band .voice-participant-name{
  position:relative;
  z-index:2;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:0 transparent!important;
  text-shadow:-.35px 0 #000,.35px 0 #000,0 -.35px #000,0 .35px #000,0 1px 3px #000!important;
}
.voice-profile-band-surface.has-profile-band .voice-name-meter{
  position:relative;
  z-index:2;
}
@media(max-width:760px){
  .self-profile-band-surface{padding:4px 7px;min-height:38px}
  .voice-profile-band-surface{padding:3px 6px 4px}
}


/* WarDrix 1.7.72 – Vollflächige Profilband-Zellen */
.user-identity.has-profile-band,
#memberList .member-row.has-profile-band,
.voice-participant-row.has-profile-band{
  position:relative;
  overflow:hidden;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:118% 185%!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 2px 10px rgba(0,0,0,.18)!important;
}
.user-identity.has-profile-band::after,
#memberList .member-row.has-profile-band::after,
.voice-participant-row.has-profile-band::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(5,7,12,.82) 0%,rgba(5,7,12,.56) 16%,rgba(5,7,12,.26) 50%,rgba(5,7,12,.56) 84%,rgba(5,7,12,.82) 100%);
  box-shadow:inset 22px 0 20px rgba(5,7,12,.24),inset -22px 0 20px rgba(5,7,12,.24);
  pointer-events:none;
}
.user-identity.has-profile-band>* ,
#memberList .member-row.has-profile-band>* ,
.voice-participant-row.has-profile-band>*{position:relative;z-index:1}
.user-identity.has-profile-band{
  padding:6px 9px!important;
  border-radius:10px!important;
  gap:11px!important;
}
.user-identity.has-profile-band:hover{
  background-position:center center!important;
  border-color:rgba(255,255,255,.22)!important;
}
.user-identity.has-profile-band #myName{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:-.45px 0 #000,.45px 0 #000,0 -.45px #000,0 .45px #000,0 1px 4px rgba(0,0,0,.95)!important;
}
.user-identity.has-profile-band #myStatus{
  color:#f0f2f6!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
}
#memberList .member-row.has-profile-band{
  background-color:transparent!important;
}
#memberList .member-row.has-profile-band:hover{
  background-color:transparent!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:inset 3px 0 0 var(--orange),inset 0 0 0 1px rgba(255,255,255,.03),0 4px 16px rgba(0,0,0,.24)!important;
}
#memberList .member-row.has-profile-band .member-info .name-with-tag>strong,
#memberList .member-row.has-profile-band .member-info>small{
  text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
}
#memberList .member-row.has-profile-band .member-info>small{
  color:#e6e7eb!important;
}
.voice-participant-row.has-profile-band{
  padding:5px 8px!important;
  border-radius:9px!important;
}
.voice-participant-row.has-profile-band:hover{
  background-color:transparent!important;
  border-color:rgba(255,255,255,.22)!important;
}
.voice-participant-row.has-profile-band.speaking{
  background-color:transparent!important;
  border-color:rgba(249,115,22,.42)!important;
  box-shadow:inset 3px 0 0 #f97316,0 0 0 1px rgba(249,115,22,.18),0 5px 18px rgba(0,0,0,.24)!important;
}
.voice-participant-row.has-profile-band .voice-participant-name,
.voice-participant-row.has-profile-band .voice-participant-badge,
.voice-participant-row.has-profile-band .voice-local-state{
  text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
}
.voice-participant-row.has-profile-band .voice-participant-badge{
  background:rgba(7,9,14,.42)!important;
  border:1px solid rgba(255,255,255,.08);
}
#presenceBtn.has-profile-band #myProfileBandSurface,
.voice-participant-row.has-profile-band .voice-profile-band-surface{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
}


/* WarDrix 1.7.74 – Profilband-Ränder weicher + Sidebar heller */
.user-identity.has-profile-band,
#memberList .member-row.has-profile-band,
.voice-participant-row.has-profile-band{
  background-image:none!important;
  background-color:transparent!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 2px 10px rgba(0,0,0,.15)!important;
}
.user-identity.has-profile-band::before,
#memberList .member-row.has-profile-band::before,
.voice-participant-row.has-profile-band::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background-image:var(--profile-band-image);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:118% 185%;
  opacity:.96;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.45) 6%, #000 16%, #000 84%, rgba(0,0,0,.45) 94%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.45) 6%, #000 16%, #000 84%, rgba(0,0,0,.45) 94%, transparent 100%);
}
.user-identity.has-profile-band::after,
#memberList .member-row.has-profile-band::after,
.voice-participant-row.has-profile-band::after{
  box-shadow:none!important;
}
.user-identity.has-profile-band::after{
  background:linear-gradient(90deg,rgba(6,8,12,.40) 0%,rgba(6,8,12,.18) 18%,rgba(6,8,12,.09) 50%,rgba(6,8,12,.18) 82%,rgba(6,8,12,.40) 100%)!important;
}
#memberList .member-row.has-profile-band::after,
.voice-participant-row.has-profile-band::after{
  background:linear-gradient(90deg,rgba(6,8,12,.58) 0%,rgba(6,8,12,.30) 18%,rgba(6,8,12,.15) 50%,rgba(6,8,12,.30) 82%,rgba(6,8,12,.58) 100%)!important;
}
.user-identity.has-profile-band{
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 1px 6px rgba(0,0,0,.12)!important;
}
.user-identity.has-profile-band:hover{
  border-color:rgba(255,255,255,.16)!important;
}
#memberList .member-row.has-profile-band:hover,
.voice-participant-row.has-profile-band:hover{
  border-color:rgba(255,255,255,.14)!important;
}
.voice-participant-row.has-profile-band.speaking{
  border-color:rgba(249,115,22,.30)!important;
  box-shadow:inset 3px 0 0 #f97316,0 0 0 1px rgba(249,115,22,.12),0 4px 14px rgba(0,0,0,.22)!important;
}

/* WarDrix 1.7.75 – Profilband Soft Blend / kein Aufkleber-Look */
.user-identity.has-profile-band,
#memberList .member-row.has-profile-band,
.voice-participant-row.has-profile-band{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Scharfe Hauptschicht – zu allen vier Außenkanten weich ausgeblendet. */
.user-identity.has-profile-band::before,
#memberList .member-row.has-profile-band::before,
.voice-participant-row.has-profile-band::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-2px -5px;
  border-radius:inherit;
  background-image:var(--profile-band-image)!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:114% 180%!important;
  opacity:.95!important;
  filter:saturate(1.06) contrast(1.03);
  pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 96% 92% at center,
    #000 0%,
    #000 56%,
    rgba(0,0,0,.96) 66%,
    rgba(0,0,0,.72) 77%,
    rgba(0,0,0,.36) 88%,
    transparent 100%)!important;
  mask-image:radial-gradient(ellipse 96% 92% at center,
    #000 0%,
    #000 56%,
    rgba(0,0,0,.96) 66%,
    rgba(0,0,0,.72) 77%,
    rgba(0,0,0,.36) 88%,
    transparent 100%)!important;
}

/* Weiche Blur-Schicht – löst die letzte sichtbare Rechteckkante auf. */
.user-identity.has-profile-band::after,
#memberList .member-row.has-profile-band::after,
.voice-participant-row.has-profile-band::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-7px -10px;
  border-radius:inherit;
  background-image:var(--profile-band-image)!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:120% 190%!important;
  opacity:.34!important;
  filter:blur(9px) saturate(1.08)!important;
  box-shadow:none!important;
  pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 100% 96% at center,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.58) 58%,
    rgba(0,0,0,.28) 80%,
    transparent 100%)!important;
  mask-image:radial-gradient(ellipse 100% 96% at center,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.58) 58%,
    rgba(0,0,0,.28) 80%,
    transparent 100%)!important;
}

.user-identity.has-profile-band>*,
#memberList .member-row.has-profile-band>*,
.voice-participant-row.has-profile-band>*{
  position:relative;
  z-index:2;
}

/* Unten links etwas heller als bisher. */
.user-identity.has-profile-band::before{opacity:1!important;filter:saturate(1.08) contrast(1.04) brightness(1.08)!important}
.user-identity.has-profile-band::after{opacity:.40!important;filter:blur(9px) saturate(1.10) brightness(1.06)!important}

/* Mitgliederliste und Voice ebenfalls ohne sichtbare Sticker-Kontur. */
#memberList .member-row.has-profile-band:hover,
.voice-participant-row.has-profile-band:hover,
.user-identity.has-profile-band:hover{
  border-color:transparent!important;
  box-shadow:none!important;
}
.voice-participant-row.has-profile-band.speaking{
  border-color:transparent!important;
  box-shadow:inset 3px 0 0 rgba(249,115,22,.72)!important;
}

/* Text bleibt klar, obwohl der Hintergrund heller/lebendiger ist. */
.user-identity.has-profile-band #myName,
#memberList .member-row.has-profile-band .member-info .name-with-tag>strong,
.voice-participant-row.has-profile-band .voice-participant-name{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:-.45px 0 rgba(0,0,0,.95),.45px 0 rgba(0,0,0,.95),0 -.45px rgba(0,0,0,.95),0 .45px rgba(0,0,0,.95),0 1px 4px rgba(0,0,0,.92)!important;
}
.user-identity.has-profile-band #myStatus,
#memberList .member-row.has-profile-band .member-info>small{
  color:#eef0f4!important;
  text-shadow:0 1px 3px rgba(0,0,0,.9)!important;
}

/* =========================================================
   WarDrix 1.7.78 – WarHooks
   ========================================================= */
.warhooks-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:560px;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;background:rgba(9,11,15,.42)}
.warhooks-nav{display:flex;flex-direction:column;gap:5px;padding:14px 10px;border-right:1px solid rgba(255,255,255,.07);background:rgba(5,7,10,.34)}
.warhooks-nav-label{padding:6px 10px 9px;font-size:10px;font-weight:800;letter-spacing:.11em;color:var(--muted,#8e9297)}
.warhooks-nav button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted,#a8adb5);text-align:left;font:inherit;font-size:13px;cursor:pointer;transition:.15s ease}
.warhooks-nav button .material-symbols-rounded{font-size:19px}
.warhooks-nav button:hover{background:rgba(255,255,255,.055);color:#fff}
.warhooks-nav button.active{background:rgba(249,115,22,.14);color:#ff9a52}
.warhooks-main{min-width:0;padding:18px}
.warhooks-page-head,.warhooks-section-head,.warhook-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.warhooks-page-head h4,.warhooks-section-head h5{margin:0 0 4px;color:#f3f4f6}
.warhooks-page-head p,.warhooks-section-head p,.warhook-list-copy small,.warhook-security-card small{margin:0;color:var(--muted,#9aa0aa);font-size:12px;line-height:1.45}
.warhooks-actions,.warhook-list-actions,.warhook-log-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.warhooks-actions button,.warhook-list-actions button,.warhook-log-filter button,.warhook-card-button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.warhooks-actions .material-symbols-rounded,.warhook-list-actions .material-symbols-rounded{font-size:18px}
.warhook-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}
.warhook-stat{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}
.warhook-stat strong{display:block;color:#fff;font-size:20px}.warhook-stat small{color:var(--muted,#999fa8);font-size:11px}
.warhooks-section{margin-top:16px}
.warhook-list,.warhook-security-list,.warhook-log-list{display:flex;flex-direction:column;gap:8px}
.warhook-list-card,.warhook-security-card,.warhook-log-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}
.warhook-list-card:hover,.warhook-security-card:hover{border-color:rgba(249,115,22,.28);background:rgba(249,115,22,.035)}
.warhook-list-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:10px;background:rgba(249,115,22,.12);color:#ff8b3d}
.warhook-list-icon .material-symbols-rounded{font-size:21px}
.warhook-list-copy{display:flex;flex-direction:column;min-width:0;flex:1}.warhook-list-copy strong{overflow:hidden;color:#f4f4f5;text-overflow:ellipsis;white-space:nowrap}
.warhook-status-dot{width:8px;height:8px;border-radius:50%;background:#7c828d;box-shadow:0 0 0 3px rgba(124,130,141,.12)}.warhook-status-dot.healthy{background:#31c48d;box-shadow:0 0 0 3px rgba(49,196,141,.12)}.warhook-status-dot.problem{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}.warhook-status-dot.offline{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.warhook-empty{padding:28px 16px;text-align:center;color:var(--muted,#9096a0);border:1px dashed rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.015)}
.warhook-editor{display:flex;flex-direction:column;gap:13px}.warhook-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.warhook-editor-head h4{margin:0 0 4px}.warhook-editor-head p{margin:0;color:var(--muted,#999fa8);font-size:12px}
.warhook-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.warhook-editor-grid .full-row{grid-column:1/-1}.warhook-editor label{display:flex;flex-direction:column;gap:6px;color:#d9dce2;font-size:12px;font-weight:650}.warhook-editor label small{font-weight:400;color:var(--muted,#8f96a1)}
.warhook-editor input,.warhook-editor select,.warhook-editor textarea,.warhook-log-filter select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#11141a;color:#eef0f3;padding:9px 10px;font:inherit}.warhook-editor textarea{resize:vertical;min-height:84px;font-family:inherit}.warhook-editor textarea.code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.warhook-channel-picker,.warhook-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.13);max-height:220px;overflow:auto}.warhook-channel-picker label,.warhook-event-grid label{display:flex;flex-direction:row;align-items:center;gap:7px;font-weight:500}.warhook-channel-picker input,.warhook-event-grid input{width:auto;margin:0}
.warhook-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.warhook-info-grid>.settings-card{display:flex;gap:12px;margin:0}.warhook-info-grid>.settings-card>.material-symbols-rounded{color:#f97316}.warhook-info-grid strong,.warhook-info-grid small{display:block}.warhook-info-grid small{margin-top:4px;color:var(--muted,#969ca6);line-height:1.45}
.warhook-security-note{display:flex;gap:11px;padding:12px 13px;margin-bottom:14px;border:1px solid rgba(249,115,22,.2);border-radius:11px;background:rgba(249,115,22,.06)}.warhook-security-note>.material-symbols-rounded{color:#ff8c42}.warhook-security-note strong,.warhook-security-note small{display:block}.warhook-security-note small{margin-top:3px;color:var(--muted,#9ca2ab);line-height:1.4}
.warhook-security-card .grow{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.warhook-log-row{align-items:flex-start}.warhook-log-row>.material-symbols-rounded{margin-top:1px}.warhook-log-row.success>.material-symbols-rounded{color:#34d399}.warhook-log-row.failed>.material-symbols-rounded,.warhook-log-row.rejected>.material-symbols-rounded{color:#f87171}.warhook-log-row.retrying>.material-symbols-rounded{color:#fbbf24}.warhook-log-copy{min-width:0;flex:1}.warhook-log-copy>strong,.warhook-log-copy>small{display:block}.warhook-log-copy>small{margin-top:2px;color:var(--muted,#9299a3);font-size:11px}.warhook-log-copy details{margin-top:7px}.warhook-log-copy pre{max-height:260px;overflow:auto;padding:10px;border-radius:8px;background:#0b0d11;color:#cfd3da;white-space:pre-wrap;word-break:break-word}.warhook-log-error{margin-top:6px;color:#fca5a5;font-size:12px}
.info-dialog-card{width:min(620px,calc(100vw - 28px))}.info-dialog-text{max-height:50vh;overflow:auto;margin:12px 0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0c0e12;color:#e8eaed;white-space:pre-wrap;word-break:break-all;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}

/* WarHook Nachrichten im Chat */
.message.warhook-message .message-user{color:#ff9850}.warhook-message-user{cursor:default}.warhook-message-avatar{cursor:default!important}.warhook-message-badge{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;background:#f97316;color:#111;font-size:9px;font-weight:900;letter-spacing:.04em;vertical-align:middle}
.warhook-message-card{--warhook-accent:#f97316;position:relative;display:flex;align-items:flex-start;gap:10px;width:min(560px,100%);box-sizing:border-box;margin-top:6px;padding:12px 12px 12px 15px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#15181e;overflow:hidden}.warhook-message-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--warhook-accent)}.warhook-message-card-body{min-width:0;flex:1}.warhook-card-title{display:block;margin-bottom:6px;color:#f4f5f7;font-size:14px}.warhook-card-title a{color:#ff9b55;text-decoration:none}.warhook-card-title a:hover{text-decoration:underline}.warhook-card-description{color:#d6d9df;font-size:13px;line-height:1.45}.warhook-card-fields{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}.warhook-card-field.inline{display:inline-block;min-width:120px;margin-right:14px}.warhook-card-field strong{display:block;color:#f1f2f4;font-size:12px}.warhook-card-field>div{margin-top:2px;color:#c5c9d0;font-size:12px;line-height:1.4}.warhook-card-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.warhook-card-button{padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#20242c;color:#e7e9ed;text-decoration:none;font-size:11px}.warhook-card-button:hover{border-color:rgba(249,115,22,.35);background:#272b33}.warhook-card-button .material-symbols-rounded{font-size:15px}.warhook-card-thumbnail{width:72px;height:72px;border-radius:8px;object-fit:cover;flex:0 0 72px}.warhook-card-image{display:block;width:100%;max-height:320px;margin-top:10px;border-radius:8px;object-fit:cover;cursor:zoom-in}

@media(max-width:820px){.warhooks-shell{grid-template-columns:1fr}.warhooks-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:8px}.warhooks-nav-label{display:none}.warhooks-nav button{width:auto;flex:0 0 auto;white-space:nowrap}.warhooks-main{padding:13px}.warhook-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.warhook-editor-grid,.warhook-info-grid{grid-template-columns:1fr}.warhook-channel-picker,.warhook-event-grid{grid-template-columns:1fr}.warhooks-page-head,.warhooks-section-head,.warhook-editor-head{flex-direction:column}.warhook-list-card,.warhook-security-card{align-items:flex-start;flex-wrap:wrap}.warhook-list-actions{width:100%;justify-content:flex-end}.warhook-log-filter{width:100%}.warhook-log-filter select{flex:1}.warhook-message-card{width:100%}}
.warhook-card-footer{display:block;margin-top:10px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);color:#8f96a0;font-size:10px}
/* WarHooks UI – tatsächliche Modulklassen */
.warhooks-subnav{display:flex;flex-direction:column;gap:4px;padding:12px 9px;border-right:1px solid rgba(255,255,255,.07);background:rgba(5,7,10,.35)}
.warhooks-subnav-head{display:flex;align-items:center;gap:9px;padding:7px 8px 13px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.06)}
.warhooks-subnav-head>.material-symbols-rounded{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(249,115,22,.13);color:#ff9148}
.warhooks-subnav-head strong,.warhooks-subnav-head small{display:block}.warhooks-subnav-head strong{color:#f4f5f7;font-size:13px}.warhooks-subnav-head small{margin-top:1px;color:#858b95;font-size:10px}
.warhooks-subnav>button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:#a2a7b0;text-align:left;font:inherit;font-size:12px;cursor:pointer}.warhooks-subnav>button:hover{background:rgba(255,255,255,.045);color:#f3f4f6}.warhooks-subnav>button.active{background:rgba(249,115,22,.13);color:#ff9650}.warhooks-subnav>button .material-symbols-rounded{font-size:18px}
.warhook-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:14px}.warhook-stat-grid>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.022)}.warhook-stat-grid .material-symbols-rounded{grid-row:1/3;align-self:center;color:#ff8d42;font-size:21px}.warhook-stat-grid strong{color:#f5f6f7;font-size:18px;line-height:1}.warhook-stat-grid small{margin-top:3px;color:#8f96a0;font-size:10px}
.warhook-alert{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;margin-bottom:13px;border:1px solid rgba(245,158,11,.22);border-radius:10px;background:rgba(245,158,11,.065)}.warhook-alert>.material-symbols-rounded{color:#fbbf24}.warhook-alert strong,.warhook-alert small{display:block}.warhook-alert small{margin-top:2px;color:#a1a6ae;font-size:11px}
.warhook-direction-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px}.warhook-direction-icon.incoming{background:rgba(34,197,94,.10);color:#4ade80}.warhook-direction-icon.outgoing{background:rgba(249,115,22,.11);color:#fb923c}.warhook-direction-icon .material-symbols-rounded{font-size:19px}
.warhook-list-title{display:flex;align-items:center;gap:7px;min-width:0}.warhook-list-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warhook-health{display:inline-flex;align-items:center;padding:2px 5px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.warhook-health.ok{background:rgba(34,197,94,.12);color:#4ade80}.warhook-health.warn{background:rgba(245,158,11,.12);color:#fbbf24}.warhook-health.off{background:rgba(148,163,184,.1);color:#9ca3af}.warhook-health.ready{background:rgba(59,130,246,.10);color:#7cb5ff}
.warhook-inline-stats{display:flex;align-items:center;gap:9px;margin-top:5px;color:#8e949e;font-size:10px}.warhook-inline-stats b{color:#c9cdd3}.warhook-inline-stats .ok{color:#59d890}.warhook-inline-stats .bad{color:#f08080}
.warhook-create-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.warhook-create-choice>button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:3px 11px;padding:17px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025);color:#eef0f3;text-align:left;cursor:pointer}.warhook-create-choice>button:hover{border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.045)}.warhook-create-choice .material-symbols-rounded{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(249,115,22,.12);color:#ff944c;font-size:22px}.warhook-create-choice strong{font-size:14px}.warhook-create-choice small{color:#969ca5;font-size:11px;line-height:1.4}
.warhook-editor-form{display:flex;flex-direction:column;gap:10px}.warhook-editor-section{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}.warhook-editor-section-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.warhook-editor-section-head>.material-symbols-rounded{color:#ff9148;font-size:20px}.warhook-editor-section-head strong,.warhook-editor-section-head small{display:block}.warhook-editor-section-head small{margin-top:2px;color:#9298a2;font-size:10px}
.warhook-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.warhook-form-grid>.full-row{grid-column:1/-1}.warhook-form-grid>label,.warhook-editor-section>label:not(.feature-switch){display:flex;flex-direction:column;gap:5px;color:#d4d7dc;font-size:11px;font-weight:700}.warhook-form-grid input,.warhook-form-grid select,.warhook-form-grid textarea,.warhook-editor-section textarea{box-sizing:border-box;width:100%;padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#101319;color:#eceef1;font:inherit}.warhook-form-grid textarea,.warhook-editor-section textarea{resize:vertical}.warhook-form-hint{display:block;margin-top:5px;color:#858c97;font-size:10px;line-height:1.45}
.warhook-toggle-label{justify-content:flex-end!important}.warhook-toggle-label input{width:auto!important;align-self:flex-start;accent-color:#f97316}
.warhook-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.warhook-check-option{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(0,0,0,.10);color:#d6d9de!important;font-weight:500!important}.warhook-check-option:hover{background:rgba(255,255,255,.03)}.warhook-check-option input{width:auto!important;margin:0;accent-color:#f97316}.warhook-events-grid{max-height:250px;overflow:auto}
.warhook-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:3px}.warhook-editor-actions .danger-soft{margin-right:auto}
@media(max-width:820px){.warhooks-subnav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.warhooks-subnav-head{display:none}.warhooks-subnav>button{width:auto;flex:0 0 auto;white-space:nowrap}.warhook-stat-grid,.warhook-create-choice,.warhook-form-grid,.warhook-check-grid{grid-template-columns:1fr}.warhook-form-grid>.full-row{grid-column:auto}.warhook-editor-actions{flex-wrap:wrap}.warhook-editor-actions button{flex:1}.warhook-editor-actions .danger-soft{margin-right:0}}

/* =========================================================
   WarDrix 1.7.79 – WarHook Verbindungen
   ========================================================= */
.warhook-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.warhook-provider-tile{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.022);color:#eef0f3;text-align:left;cursor:pointer;transition:.15s ease}
.warhook-provider-tile:hover{border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.045);transform:translateY(-1px)}
.warhook-provider-tile>span:nth-child(2){min-width:0}.warhook-provider-tile strong,.warhook-provider-tile small,.warhook-provider-tile em{display:block}.warhook-provider-tile strong{font-size:13px}.warhook-provider-tile small{margin-top:3px;color:#9ba1aa;font-size:11px;line-height:1.35}.warhook-provider-tile em{margin-top:5px;color:#7f8792;font-size:10px;font-style:normal}.warhook-provider-tile .provider-arrow{color:#7d838c;font-size:19px}
.warhook-provider-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:rgba(249,115,22,.11);color:#ff9148}
.warhook-provider-icon .material-symbols-rounded{font-size:21px}.warhook-provider-icon.provider-youtube{background:rgba(239,68,68,.11);color:#ff6b6b}.warhook-provider-icon.provider-twitch{background:rgba(139,92,246,.13);color:#b794f6}.warhook-provider-icon.provider-github{background:rgba(148,163,184,.1);color:#d4d8de}.warhook-provider-icon.provider-rss{background:rgba(249,115,22,.12);color:#fb923c}.warhook-provider-icon.provider-instagram{background:rgba(236,72,153,.12);color:#f472b6}.warhook-provider-icon.provider-facebook{background:rgba(59,130,246,.12);color:#60a5fa}.warhook-provider-icon.provider-tiktok{background:rgba(45,212,191,.11);color:#5eead4}.warhook-provider-icon.provider-website{background:rgba(34,197,94,.11);color:#4ade80}
.warhook-connection-card{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.warhook-connection-card:hover{border-color:rgba(249,115,22,.28);background:rgba(249,115,22,.035)}
.warhook-connection-error{margin-top:4px!important;color:#f59b9b!important;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:820px){.warhook-provider-grid{grid-template-columns:1fr}.warhook-connection-card{align-items:flex-start;flex-wrap:wrap}.warhook-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warhook-form-grid{grid-template-columns:1fr}.warhook-form-grid>.full-row{grid-column:auto}}


/* WarDrix 1.7.80 – Twitch WarHook Kanalsuche */
.warhook-twitch-search-field{position:relative}
.warhook-twitch-search-wrap{position:relative;width:100%}
.warhook-twitch-search-field>small{min-height:16px;font-size:10px!important;font-weight:500!important;color:var(--muted,#8f96a1)!important}
.warhook-twitch-search-field>small.error{color:#fca5a5!important}
.warhook-twitch-results{position:absolute;z-index:250;top:calc(100% + 6px);left:0;right:0;max-height:330px;overflow:auto;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0e1117;box-shadow:0 16px 40px rgba(0,0,0,.42)}
.warhook-twitch-results[hidden]{display:none!important}
.warhook-twitch-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:8px;background:transparent;color:#eef0f3;text-align:left;cursor:pointer}
.warhook-twitch-result:hover,.warhook-twitch-result:focus-visible{background:rgba(145,70,255,.13);outline:none}
.warhook-twitch-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;overflow:hidden;border-radius:50%;background:#242833;color:#aeb4c0}
.warhook-twitch-avatar img{width:100%;height:100%;object-fit:cover}
.warhook-twitch-avatar .material-symbols-rounded{font-size:22px}
.warhook-twitch-result-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.warhook-twitch-result-name{display:flex;align-items:baseline;gap:7px;min-width:0}
.warhook-twitch-result-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f5f6;font-size:12px}
.warhook-twitch-result-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9299a5;font-size:10px}
.warhook-twitch-result-meta{display:flex;align-items:center;gap:7px;color:#9aa1ad;font-size:10px}
.warhook-twitch-live{display:inline-flex;align-items:center;padding:2px 5px;border-radius:4px;background:rgba(255,255,255,.06);color:#a9afb8;font-size:9px;font-weight:800}
.warhook-twitch-live.is-live{background:rgba(239,68,68,.16);color:#ff7777}
@media(max-width:820px){.warhook-twitch-results{position:fixed;z-index:1200;left:12px;right:12px;top:auto;bottom:12px;max-height:48vh}}


/* WarDrix 1.7.82 – Voice rail realtime + aligned stacked channel icons */
.voice-channel-icon-row{
  position:relative!important;
  width:32px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
  height:24px!important;
  display:inline-grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  column-gap:0!important;
  overflow:visible!important;
  align-self:center!important;
}
.voice-channel-speaker{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:0!important;
  font-size:21px!important;
  line-height:1!important;
  color:#8f939b!important;
  opacity:.9!important;
  font-variation-settings:'FILL' 1,'wght' 500,'opsz' 24!important;
  pointer-events:none!important;
}
.voice-channel-custom-icon{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  display:inline-grid!important;
  place-items:center!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1!important;
  color:#f5f5f7!important;
  text-shadow:0 1px 3px #000,0 0 4px #000!important;
  pointer-events:none!important;
}
.voice-item>.name{
  margin-left:0!important;
}
.voice-item{
  align-items:center!important;
}


/* WarDrix 1.7.83 – Voice channel speaker moved to right rail */
.voice-channel-icon-row{
  position:relative!important;
  width:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  align-self:center!important;
}
.voice-channel-custom-icon{
  position:static!important;
  transform:none!important;
  z-index:1!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  display:inline-grid!important;
  place-items:center!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1!important;
  color:#f5f5f7!important;
  text-shadow:0 1px 3px #000,0 0 4px #000!important;
  pointer-events:none!important;
}
.voice-channel-speaker{display:none!important}
.voice-item{
  gap:0!important;
  align-items:center!important;
}
.voice-item>.name{
  margin-left:0!important;
  padding-left:2px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.voice-item>.voice-channel-trailing-speaker{
  margin-left:8px!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#8f939b!important;
  opacity:.92!important;
  font-size:20px!important;
  line-height:1!important;
  font-variation-settings:'FILL' 1,'wght' 500,'opsz' 24!important;
}
.voice-item>.voice-channel-mode-badge,
.voice-item>.voice-user-count,
.voice-item>.channel-more{
  margin-left:8px!important;
}
.voice-item>.voice-channel-trailing-speaker+.channel-more{
  margin-left:4px!important;
}

/* WarDrix 1.7.84 – Referral, notification center, channel mute & keyboard layout */
.notification-center-wrap{position:relative;display:flex;align-items:center}
.notification-center-btn{position:relative}
.notification-center-btn.has-items>.material-symbols-rounded{color:#fb923c}
.notification-center-badge{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#f97316;color:#fff;font-size:9px;font-weight:800;line-height:1;border:2px solid #1b1c20;box-shadow:0 0 12px #f9731670;pointer-events:none}
.notification-center-popover{position:absolute;z-index:2147482500;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 20px));max-height:min(620px,72vh);display:flex;flex-direction:column;border:1px solid #ffffff18;border-radius:13px;background:#17181df8;box-shadow:0 22px 60px #000b;backdrop-filter:blur(18px);overflow:hidden}
.notification-center-head{display:flex;align-items:flex-start;gap:12px;padding:13px 13px 11px;border-bottom:1px solid #ffffff12;background:#202126cc}.notification-center-head>div{min-width:0;flex:1}.notification-center-head strong{display:block;font-size:14px;color:#fff}.notification-center-head small{display:block;margin-top:2px;color:#a8a9b1;font-size:10px}.notification-center-head button{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#c8c9cf}.notification-center-head button:hover{background:#ffffff10;color:#fff}.notification-center-list{min-height:100px;overflow:auto;padding:6px}.notification-center-item{width:100%;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:8px;border:0;border-radius:9px;background:transparent;color:#eee;text-align:left}.notification-center-item:hover{background:#ffffff0c}.notification-center-item-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f9731618;border:1px solid #f9731635;color:#fb923c}.notification-center-item-copy{min-width:0}.notification-center-item-copy strong,.notification-center-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.notification-center-item-copy strong{font-size:12px;white-space:nowrap;color:#f4f4f5}.notification-center-item-copy small{margin-top:3px;font-size:10px;color:#aaaeb8;line-height:1.3}.notification-center-item>.material-symbols-rounded{font-size:18px;color:#777b84}.notification-center-empty{min-height:170px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9fa2aa}.notification-center-empty>.material-symbols-rounded{font-size:34px;color:#656871}.notification-center-empty strong{margin-top:8px;color:#e5e7eb}.notification-center-empty small{max-width:270px;margin-top:4px;font-size:10px;line-height:1.45}
.channel-muted-indicator{flex:0 0 18px;width:18px;margin-left:5px;color:#858991!important;font-size:16px!important;opacity:.9}.voice-item>.channel-muted-indicator{margin-left:6px}.channel-context-status{padding:7px 10px 6px;color:#979aa3;font-size:10px;border-bottom:1px solid #ffffff0a}

.warcoin-referral-card{background:linear-gradient(145deg,#17130f,#13151b)!important;border-color:#f973162c!important}.warcoin-referral-card>.user-settings-card-head>.material-symbols-rounded{font-size:27px;color:#fb923c}.warcoin-referral-create{padding:4px 0}.warcoin-referral-create p{margin:0 0 12px;color:#aeb0b8;font-size:11px;line-height:1.5}.warcoin-referral-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:5px}.warcoin-referral-code-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.warcoin-referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.warcoin-referral-stats>div{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #ffffff0d;border-radius:9px;background:#0f1014}.warcoin-referral-stats .material-symbols-rounded{font-size:20px;color:#fb923c}.warcoin-referral-stats strong,.warcoin-referral-stats small{display:block}.warcoin-referral-stats strong{font-size:14px;color:#fff}.warcoin-referral-stats small{font-size:9px;color:#8f929b}.warcoin-referral-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.warcoin-referral-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #ffffff0d;border-radius:8px;background:#111216}.warcoin-referral-row>div{min-width:0}.warcoin-referral-row strong,.warcoin-referral-row small{display:block}.warcoin-referral-row strong{font-size:11px;color:#eee}.warcoin-referral-row small{margin-top:2px;font-size:9px;color:#999ca5}.warcoin-referral-row.qualified{border-color:#22c55e32}.warcoin-referral-row.blocked,.warcoin-referral-row.review{border-color:#ef44442a;opacity:.82}.warcoin-referral-status{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#f9731616;color:#fdba74;font-size:9px}.warcoin-referral-row.qualified .warcoin-referral-status{background:#22c55e18;color:#86efac}.warcoin-referral-row.blocked .warcoin-referral-status,.warcoin-referral-row.review .warcoin-referral-status{background:#ef444417;color:#fca5a5}.warcoin-referral-empty{padding:12px;border:1px dashed #ffffff14;border-radius:8px;color:#8d9098;font-size:10px;text-align:center}.warcoin-referral-security{display:flex!important;align-items:center;gap:6px;margin-top:12px;color:#8f929b!important;line-height:1.4}.warcoin-referral-security .material-symbols-rounded{font-size:15px;color:#fb923c}

.keyboard-layout-view{padding:0!important;overflow:auto!important;background:radial-gradient(circle at 20% 0,#f9731608,transparent 35%),#15161a}.keyboard-layout-shell{width:min(1500px,100%);min-width:0;margin:0 auto;padding:22px}.keyboard-layout-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:14px;border:1px solid #ffffff0f;border-radius:13px;background:linear-gradient(135deg,#1e1a17,#17181d)}.keyboard-layout-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:#f97316}.keyboard-layout-hero h2{margin:4px 0 5px;font-size:23px;color:#fff}.keyboard-layout-hero p{margin:0;color:#a7aab2;font-size:11px}.keyboard-layout-role{display:flex;align-items:center;gap:9px;min-width:220px;padding:10px;border:1px solid #f973162a;border-radius:10px;background:#f973160d}.keyboard-layout-role>.material-symbols-rounded{color:#fb923c}.keyboard-layout-role strong,.keyboard-layout-role small{display:block}.keyboard-layout-role strong{font-size:11px;color:#f4f4f5}.keyboard-layout-role small{margin-top:2px;font-size:9px;color:#9b9ea6}.keyboard-layout-stage{position:relative;display:grid;grid-template-columns:minmax(790px,1fr) minmax(280px,360px);gap:50px;align-items:start;padding:20px;border:1px solid #ffffff0e;border-radius:13px;background:#101115;overflow:auto}.keyboard-connector-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.keyboard-connector-line{fill:none;stroke:#f9731699;stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #f973164d)}.keyboard-board{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;min-width:790px;padding:12px;border:1px solid #ffffff10;border-radius:12px;background:linear-gradient(160deg,#1c1d22,#111216);box-shadow:inset 0 0 30px #0005}.keyboard-row{display:flex;align-items:center;gap:7px;min-height:43px}.keyboard-key{--key-w:1;position:relative;flex:0 0 calc(42px * var(--key-w));width:calc(42px * var(--key-w));height:42px;padding:0 5px;border:1px solid #ffffff17;border-bottom-color:#ffffff28;border-radius:7px;background:linear-gradient(#292b31,#1b1d22);box-shadow:0 3px 0 #090a0d,0 4px 8px #0006;color:#dfe1e6;font-size:10px;font-weight:700;transition:transform .1s,border-color .12s,background .12s,box-shadow .12s}.keyboard-key:hover{transform:translateY(-1px);border-color:#f973166d;color:#fff}.keyboard-key:active{transform:translateY(2px);box-shadow:0 1px 0 #090a0d}.keyboard-key.bound{border-color:#f9731690;background:linear-gradient(#3b281d,#211b18);color:#fff;box-shadow:0 3px 0 #100a06,0 0 13px #f9731628}.keyboard-key.bound i{position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#fb923c;box-shadow:0 0 8px #f97316}.keyboard-callouts{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;min-width:280px}.keyboard-callouts-head{padding:2px 2px 7px}.keyboard-callouts-head strong,.keyboard-callouts-head small{display:block}.keyboard-callouts-head strong{font-size:12px;color:#fff}.keyboard-callouts-head small{margin-top:2px;color:#888c95;font-size:9px}.keyboard-callout{min-height:52px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid #ffffff10;border-left-color:#f973166b;border-radius:9px;background:#191a1f}.keyboard-callout-key{height:30px;display:grid;place-items:center;padding:0 7px;border:1px solid #f9731650;border-radius:6px;background:#f9731610;color:#fdba74;font-size:10px;font-weight:800}.keyboard-callout>div{min-width:0}.keyboard-callout strong,.keyboard-callout small{display:block}.keyboard-callout strong{font-size:11px;color:#f4f4f5;white-space:normal;line-height:1.25}.keyboard-callout small{margin-top:2px;font-size:8px;color:#7e8189}.keyboard-callout-delete{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#777b84}.keyboard-callout-delete:hover{background:#ef444418;color:#fca5a5}.keyboard-callouts-empty{padding:16px;border:1px dashed #ffffff13;border-radius:9px;color:#8c8f97;font-size:10px;line-height:1.5}

@media(max-width:900px){.notification-center-popover{position:fixed;right:8px;top:60px}.keyboard-layout-shell{padding:12px}.keyboard-layout-hero{align-items:flex-start;flex-direction:column}.keyboard-layout-role{width:100%;min-width:0}.keyboard-layout-stage{grid-template-columns:minmax(790px,1fr);gap:20px}.keyboard-callouts{min-width:790px}.keyboard-connector-svg{display:none}.warcoin-referral-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.warcoin-referral-code-row{grid-template-columns:1fr}.warcoin-referral-stats{grid-template-columns:1fr}.notification-center-popover{left:8px;right:8px;width:auto}.notification-center-item{grid-template-columns:34px minmax(0,1fr) 18px}.notification-center-item-icon{width:32px;height:32px}}

/* WarDrix 1.7.85 – Discord-artiges Rechtsklickmenü für Kanäle */
#channelContextMenu.channel-context-menu{width:258px;padding:6px;border-radius:6px;background:#111827f8;border:1px solid #ffffff14;box-shadow:0 16px 38px #000b;overflow:visible;backdrop-filter:blur(14px)}
#channelContextMenu .channel-context-item{position:relative;min-height:36px;padding:7px 9px;border-radius:4px!important;font-size:13px!important;font-weight:520;gap:8px;justify-content:space-between}
#channelContextMenu .channel-context-item:hover:not(:disabled),#channelContextMenu .channel-context-submenu-host.open>.channel-context-item{background:#f97316!important;color:#fff!important}
#channelContextMenu .channel-context-item.active{color:#fb923c!important}
#channelContextMenu .channel-context-item.active:hover:not(:disabled),#channelContextMenu .channel-context-submenu-host.open>.channel-context-item.active{color:#fff!important}
#channelContextMenu .channel-context-item.danger{color:#fb7185!important}
#channelContextMenu .channel-context-item.danger:hover:not(:disabled){background:#da373c!important;color:#fff!important}
#channelContextMenu .channel-context-label{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#channelContextMenu .channel-context-label>.material-symbols-rounded{flex:0 0 auto;font-size:18px;color:currentColor}
#channelContextMenu .channel-context-trailing{margin-left:auto;color:#aeb3c0;font-size:11px}
#channelContextMenu .channel-context-chevron{flex:0 0 auto;margin-left:auto;font-size:19px;color:#b9bdc8}
#channelContextMenu .channel-context-item:hover .channel-context-chevron,#channelContextMenu .channel-context-submenu-host.open>.channel-context-item .channel-context-chevron{color:#fff}
#channelContextMenu .channel-context-separator{height:1px;margin:5px 2px;background:#ffffff12}
#channelContextMenu .channel-context-submenu-host{position:relative}
#channelContextMenu .channel-context-submenu{display:none;position:absolute;z-index:2;left:calc(100% - 4px);top:-6px;width:238px;max-height:calc(100vh - 16px);overflow:auto;padding:6px;border-radius:6px;background:#111827fb;border:1px solid #ffffff14;box-shadow:0 16px 38px #000b;backdrop-filter:blur(14px)}
#channelContextMenu .channel-context-submenu-host:hover>.channel-context-submenu,#channelContextMenu .channel-context-submenu-host:focus-within>.channel-context-submenu,#channelContextMenu .channel-context-submenu-host.open>.channel-context-submenu{display:block}
#channelContextMenu.context-submenu-left .channel-context-submenu{left:auto;right:calc(100% - 4px)}
#channelContextMenu .channel-context-submenu .channel-context-item.active{background:#ffffff08!important}
#channelContextMenu .channel-context-submenu .channel-context-item.active::after{content:'✓';margin-left:auto;font-size:13px;font-weight:800;color:#fb923c}
#channelContextMenu .channel-context-submenu .channel-context-item.active:hover::after{color:#fff}
@media(max-width:620px){#channelContextMenu.channel-context-menu{width:min(258px,calc(100vw - 16px))}#channelContextMenu .channel-context-submenu{width:min(238px,calc(100vw - 24px))}}
.channel-item.channel-link-target,.voice-item.channel-link-target{outline:1px solid #f97316;box-shadow:0 0 0 3px #f9731622,0 0 18px #f9731638;background:#f9731612!important}


/* WarDrix 1.7.86 – Discord-artiges Rechtsklickmenü für Server */
#serverContextMenu.server-context-menu{width:300px;padding:6px;border-radius:6px;background:#111827f8;border:1px solid #ffffff14;box-shadow:0 16px 38px #000b;overflow:visible;backdrop-filter:blur(14px)}
#serverContextMenu .server-context-title{display:none}
#serverContextMenu .server-context-item{position:relative;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:4px!important;background:transparent!important;color:#f3f4f6!important;font-size:13px!important;font-weight:520;overflow:hidden}
#serverContextMenu .server-context-item:hover:not(:disabled),#serverContextMenu .server-context-submenu-host.open>.server-context-item{background:#f97316!important;color:#fff!important}
#serverContextMenu .server-context-item.active{color:#fb923c!important}
#serverContextMenu .server-context-item.active:hover:not(:disabled),#serverContextMenu .server-context-submenu-host.open>.server-context-item.active{color:#fff!important}
#serverContextMenu .server-context-item.danger{color:#fb7185!important}
#serverContextMenu .server-context-item.danger:hover:not(:disabled){background:#da373c!important;color:#fff!important}
#serverContextMenu .server-context-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}
#serverContextMenu .server-context-label{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#serverContextMenu .server-context-label>.material-symbols-rounded{font-size:18px;color:currentColor;flex:0 0 auto}
#serverContextMenu .server-context-note{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#99a0ad}
#serverContextMenu .server-context-item:hover .server-context-note,#serverContextMenu .server-context-submenu-host.open>.server-context-item .server-context-note{color:#fff;opacity:.9}
#serverContextMenu .server-context-trailing{margin-left:auto;color:#aeb3c0;font-size:11px}
#serverContextMenu .server-context-chevron{flex:0 0 auto;margin-left:auto;font-size:19px;color:#b9bdc8}
#serverContextMenu .server-context-item:hover .server-context-chevron,#serverContextMenu .server-context-submenu-host.open>.server-context-item .server-context-chevron{color:#fff}
#serverContextMenu .server-context-separator{height:1px;margin:5px 2px;background:#ffffff12}
#serverContextMenu .server-context-check{flex:0 0 18px;width:18px;height:18px;border-radius:4px;border:1px solid #64748b;background:#0f172a;display:grid;place-items:center;color:#fff}
#serverContextMenu .server-context-check.checked{background:#7c6cff;border-color:#9385ff;box-shadow:0 0 0 1px #ffffff08 inset}
#serverContextMenu .server-context-check-icon.material-symbols-rounded{font-size:14px;color:#fff}
#serverContextMenu .server-context-submenu-host{position:relative}
#serverContextMenu .server-context-submenu{display:none;position:absolute;z-index:2;left:calc(100% - 4px);top:-6px;width:290px;max-height:calc(100vh - 16px);overflow:auto;padding:6px;border-radius:6px;background:#111827fb;border:1px solid #ffffff14;box-shadow:0 16px 38px #000b;backdrop-filter:blur(14px)}
#serverContextMenu .server-context-submenu-host:hover>.server-context-submenu,#serverContextMenu .server-context-submenu-host:focus-within>.server-context-submenu,#serverContextMenu .server-context-submenu-host.open>.server-context-submenu{display:block}
#serverContextMenu.context-submenu-left .server-context-submenu{left:auto;right:calc(100% - 4px)}
#serverContextMenu .server-context-submenu .server-context-item.active{background:#ffffff08!important}
#serverContextMenu .server-context-submenu .server-context-item.active .server-context-label::after{content:'✓';margin-left:auto;font-size:13px;font-weight:800;color:#fb923c}
#serverContextMenu .server-context-submenu .server-context-item.active:hover .server-context-label::after{color:#fff}
#serverContextMenu .server-context-item:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){#serverContextMenu.server-context-menu{width:min(300px,calc(100vw - 16px))}#serverContextMenu .server-context-submenu{width:min(290px,calc(100vw - 24px))}}


/* WarDrix 1.7.87 – Einheitlicher Orange-Stil für Fenster, Einstellungen und Kontextmenüs */
:root{
  --wdx-ui-bg-0:#0d1016;
  --wdx-ui-bg-1:#121722;
  --wdx-ui-bg-2:#171d29;
  --wdx-ui-bg-3:#1d2431;
  --wdx-ui-border:rgba(249,115,22,.24);
  --wdx-ui-border-soft:rgba(255,255,255,.08);
  --wdx-ui-glow:0 22px 60px rgba(0,0,0,.52),0 0 0 1px rgba(249,115,22,.07);
  --wdx-ui-hover:rgba(249,115,22,.14);
  --wdx-ui-hover-strong:rgba(249,115,22,.22);
  --wdx-ui-active:rgba(249,115,22,.18);
  --wdx-ui-text:#f7f8fb;
  --wdx-ui-muted:#b6bdca;
  --wdx-ui-subtle:#8b93a2;
  --wdx-ui-orange:#f97316;
  --wdx-ui-orange-soft:#fb923c;
}

dialog::backdrop{background:rgba(4,6,10,.72)!important;backdrop-filter:blur(7px)!important}

dialog .dialog-card,
dialog .settings-dialog,
dialog .picker-popover,
dialog .info-dialog-card,
body > #emojiPicker.picker-popover,
#serverContextMenu.server-context-menu,
#channelContextMenu.channel-context-menu{
  color:var(--wdx-ui-text)!important;
}

.dialog-card,
.info-dialog-card,
#serverSettingsDialog .settings-dialog,
.user-settings-dialog,
.picker-popover,
#serverContextMenu.server-context-menu,
#channelContextMenu.channel-context-menu{
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 18%),
    linear-gradient(160deg,rgba(249,115,22,.06),rgba(249,115,22,0) 26%),
    var(--wdx-ui-bg-1)!important;
  border:1px solid var(--wdx-ui-border)!important;
  box-shadow:var(--wdx-ui-glow)!important;
}

.dialog-card,
.info-dialog-card,
.picker-popover{border-radius:16px!important}
#serverSettingsDialog .settings-dialog,
.user-settings-dialog{border-radius:18px!important}

.dialog-card header,
.settings-content>header,
.user-settings-dialog>header,
.user-settings-main-head,
.picker-head{
  border-bottom:1px solid rgba(249,115,22,.14)!important;
}

.dialog-card header h3,
.settings-content header strong,
.user-settings-main-head h3,
.picker-head strong,
.info-dialog-card h3{
  color:#fff!important;
  font-weight:700!important;
  letter-spacing:.02em;
}
.dialog-card header p,
.dialog-card p,
.settings-content header small,
.user-settings-main-head p,
.user-settings-card-head small,
.info-dialog-card p,
.picker-popover small{color:var(--wdx-ui-muted)!important}

.dialog-card header button,
#serverInviteDialog header button,
#serverSettingsDialog .close-big,
.user-settings-close,
.member-dialog header button,
.notification-dialog header button,
.picker-head button,
.font-picker-dialog header button,
.color-picker-dialog header button,
#reportUserDialog header button,
#presenceDialog header button,
#voiceStreamsDialog header button,
#voiceMemberDialog header button,
#voiceModerationDialog header button{
  width:38px;height:38px;border-radius:12px!important;
  border:1px solid rgba(249,115,22,.18)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
  display:grid;place-items:center;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.dialog-card header button:hover,
#serverInviteDialog header button:hover,
#serverSettingsDialog .close-big:hover,
.user-settings-close:hover,
.member-dialog header button:hover,
.notification-dialog header button:hover,
.picker-head button:hover,
.font-picker-dialog header button:hover,
.color-picker-dialog header button:hover,
#reportUserDialog header button:hover,
#presenceDialog header button:hover,
#voiceStreamsDialog header button:hover,
#voiceMemberDialog header button:hover,
#voiceModerationDialog header button:hover{
  background:rgba(249,115,22,.16)!important;
  border-color:rgba(249,115,22,.34)!important;
  transform:translateY(-1px);
}

.dialog-card input,
.dialog-card textarea,
.dialog-card select,
.settings-body input,
.settings-body textarea,
.settings-body select,
.user-settings-dialog input,
.user-settings-dialog textarea,
.user-settings-dialog select,
.picker-popover input,
.picker-popover select{
  background:rgba(8,12,18,.82)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#f7f8fb!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.dialog-card input::placeholder,
.dialog-card textarea::placeholder,
.settings-body input::placeholder,
.settings-body textarea::placeholder,
.user-settings-dialog input::placeholder,
.user-settings-dialog textarea::placeholder{color:#778093!important}
.dialog-card input:focus,
.dialog-card textarea:focus,
.dialog-card select:focus,
.settings-body input:focus,
.settings-body textarea:focus,
.settings-body select:focus,
.user-settings-dialog input:focus,
.user-settings-dialog textarea:focus,
.user-settings-dialog select:focus,
.picker-popover input:focus,
.picker-popover select:focus{
  outline:none!important;
  border-color:rgba(249,115,22,.52)!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.12)!important;
}

.dialog-actions>button,
.user-settings-actions button,
.settings-row button,
.server-invite-body button,
.notification-permission button,
.owner-tool-list button,
.poll-add-option,
.poll-create-dialog .dialog-actions button,
.color-picker-dialog .dialog-actions button,
.font-picker-dialog .dialog-actions button,
#blockedUsersDialog button,
#pinnedMessagesDialog button{
  border-radius:12px!important;
  border:1px solid rgba(249,115,22,.18)!important;
  background:rgba(255,255,255,.05)!important;
  color:#fff!important;
}
.dialog-actions>button:hover,
.user-settings-actions button:hover,
.settings-row button:hover,
.server-invite-body button:hover,
.notification-permission button:hover,
.owner-tool-list button:hover,
.poll-add-option:hover,
.color-picker-dialog .dialog-actions button:hover,
.font-picker-dialog .dialog-actions button:hover,
#blockedUsersDialog button:hover,
#pinnedMessagesDialog button:hover{
  background:rgba(249,115,22,.14)!important;
  border-color:rgba(249,115,22,.3)!important;
}
.dialog-actions .primary,
.user-settings-actions .primary,
.dialog-card .primary,
.settings-row .primary,
.server-invite-body .primary,
.poll-create-dialog .primary,
.color-picker-dialog .primary,
.font-picker-dialog .primary,
#voiceModerationDialog .primary,
#voiceMemberDialog .primary,
#saveNotificationSettingsBtn,
#saveMemberBtn,
#channelSaveBtn,
#pollCreateSubmit,
#applyColorBtn{
  background:linear-gradient(180deg,#fb923c,#f97316)!important;
  border-color:rgba(251,146,60,.55)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(249,115,22,.22)!important;
}
.dialog-actions .primary:hover,
.user-settings-actions .primary:hover,
.dialog-card .primary:hover,
.settings-row .primary:hover,
.server-invite-body .primary:hover,
.poll-create-dialog .primary:hover,
.color-picker-dialog .primary:hover,
.font-picker-dialog .primary:hover,
#voiceModerationDialog .primary:hover,
#voiceMemberDialog .primary:hover,
#saveNotificationSettingsBtn:hover,
#saveMemberBtn:hover,
#channelSaveBtn:hover,
#pollCreateSubmit:hover,
#applyColorBtn:hover{filter:brightness(1.04)}
.danger-soft,
.danger-button,
.owner-tool-danger,
.dialog-actions .danger,
.dialog-card .danger{
  background:rgba(127,29,29,.5)!important;
  border-color:rgba(248,113,113,.24)!important;
  color:#ffd7d7!important;
}
.danger-soft:hover,
.danger-button:hover,
.owner-tool-danger:hover,
.dialog-actions .danger:hover,
.dialog-card .danger:hover{background:rgba(185,28,28,.55)!important}

#serverSettingsDialog .settings-dialog{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 14%),linear-gradient(120deg,rgba(249,115,22,.055),rgba(249,115,22,0) 24%),#11161f!important;
}
#serverSettingsDialog .settings-nav,
.user-settings-sidebar{
  background:linear-gradient(180deg,rgba(249,115,22,.06),rgba(249,115,22,0) 30%),#0e131c!important;
  border-right:1px solid rgba(249,115,22,.12)!important;
}
#serverSettingsDialog .settings-nav h3,
.user-settings-nav-group>span,
.user-settings-build,
.user-settings-self small{color:var(--wdx-ui-subtle)!important;letter-spacing:.08em;text-transform:uppercase}
#serverSettingsDialog .settings-nav button,
.user-settings-dialog .user-settings-tabs button{
  color:#d2d7e1!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
#serverSettingsDialog .settings-nav button:hover,
.user-settings-dialog .user-settings-tabs button:hover{
  background:rgba(249,115,22,.08)!important;
  border-color:rgba(249,115,22,.1)!important;
  color:#fff!important;
}
#serverSettingsDialog .settings-nav button.active,
.user-settings-dialog .user-settings-tabs button.active{
  background:linear-gradient(180deg,rgba(249,115,22,.18),rgba(249,115,22,.11))!important;
  border-color:rgba(249,115,22,.32)!important;
  box-shadow:inset 2px 0 0 var(--wdx-ui-orange),0 0 0 1px rgba(249,115,22,.06)!important;
  color:#fff!important;
}
#serverSettingsDialog .settings-content,
.user-settings-dialog .user-settings-scroll,
.user-settings-main,
.user-settings-dialog,
#serverInviteDialog .server-invite-dialog{background:#141923!important}
#serverSettingsDialog .settings-body,
.user-settings-dialog .user-settings-scroll{scrollbar-color:rgba(249,115,22,.35) transparent}
.settings-card,
.user-settings-dialog .user-settings-card,
.server-invite-body,
.notification-section,
.voice-settings-section,
.account-overview-card,
.system-info-card,
.security-session-card,
.owner-tool-list button,
.poll-create-options>label,
.role-check,
.permission-toggle,
.voice-member-dialog .voice-slider-label,
.voice-member-mute-toggle,
.notification-center-panel,
.blocked-users-list,
.pinned-list,
.font-picker-list,
.color-preview-box{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(249,115,22,.12)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.settings-card:hover,
.role-check:hover,
.permission-toggle:hover,
.owner-tool-list button:hover,
.server-invite-body .invite-user-row:hover,
.font-picker-list>button:hover{background:rgba(249,115,22,.08)!important}
.settings-row,
.account-setting-row,
.audit-item,
.invite-user-row,
.user-settings-card+.user-settings-card,
.notification-section+.notification-section{border-color:rgba(249,115,22,.1)!important}
.section-label,
.user-settings-card-head strong,
.settings-card h4,
.poll-create-options-head strong,
.color-palette-head strong,
.role-editor-title,
.notification-dialog .section-label{color:#fff!important}
.settings-row small,
.account-setting-row small,
.audit-item small,
.notification-sound-note,
.report-privacy-note,
.voice-setting-hint,
.color-palette-head small,
.poll-create-options-head small{color:var(--wdx-ui-muted)!important}

.setting-toggle,
.permission-toggle,
.role-check,
.voice-member-mute-toggle,
.channel-voice-hands-toggle,
.feature-switch,
.notification-dialog .setting-toggle,
.user-settings-dialog .setting-toggle{
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(249,115,22,.08)!important;
  border-radius:12px!important;
  padding:10px 12px!important;
}
.setting-toggle:hover,
.permission-toggle:hover,
.role-check:hover,
.voice-member-mute-toggle:hover,
.channel-voice-hands-toggle:hover,
.feature-switch:hover,
.notification-dialog .setting-toggle:hover,
.user-settings-dialog .setting-toggle:hover{background:rgba(249,115,22,.07)!important}

#channelContextMenu.channel-context-menu,
#serverContextMenu.server-context-menu{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%),linear-gradient(160deg,rgba(249,115,22,.08),rgba(249,115,22,0) 28%),#121824!important;
  border:1px solid rgba(249,115,22,.24)!important;
}
#channelContextMenu .channel-context-item,
#serverContextMenu .server-context-item{
  border-radius:12px!important;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
#channelContextMenu .channel-context-item:hover:not(:disabled),
#channelContextMenu .channel-context-submenu-host.open>.channel-context-item,
#serverContextMenu .server-context-item:hover:not(:disabled),
#serverContextMenu .server-context-submenu-host.open>.server-context-item{
  background:linear-gradient(180deg,rgba(249,115,22,.21),rgba(249,115,22,.14))!important;
  color:#fff!important;
}
#channelContextMenu .channel-context-item.active,
#serverContextMenu .server-context-item.active{color:#ffd9bf!important}
#channelContextMenu .channel-context-item.danger,
#serverContextMenu .server-context-item.danger{color:#ffb0b0!important}
#channelContextMenu .channel-context-item.danger:hover:not(:disabled),
#serverContextMenu .server-context-item.danger:hover:not(:disabled){background:rgba(185,28,28,.52)!important;color:#fff!important}
#channelContextMenu .channel-context-separator,
#serverContextMenu .server-context-separator{background:rgba(249,115,22,.12)!important}
#channelContextMenu .channel-context-submenu,
#serverContextMenu .server-context-submenu{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%),linear-gradient(160deg,rgba(249,115,22,.08),rgba(249,115,22,0) 28%),#121824!important;
  border:1px solid rgba(249,115,22,.22)!important;
  border-radius:14px!important;
  box-shadow:var(--wdx-ui-glow)!important;
}
#serverContextMenu .server-context-check,
#channelContextMenu .channel-context-check{
  border-color:rgba(249,115,22,.28)!important;
  background:#0b111a!important;
}
#serverContextMenu .server-context-check.checked,
#channelContextMenu .channel-context-check.checked{
  background:linear-gradient(180deg,#fb923c,#f97316)!important;
  border-color:#fb923c!important;
}
#serverContextMenu .server-context-note,
#channelContextMenu .channel-context-note,
#serverContextMenu .server-context-trailing,
#channelContextMenu .channel-context-trailing{color:#aab1be!important}
#serverContextMenu .server-context-item:hover .server-context-note,
#serverContextMenu .server-context-submenu-host.open>.server-context-item .server-context-note,
#channelContextMenu .channel-context-item:hover .channel-context-note,
#channelContextMenu .channel-context-submenu-host.open>.channel-context-item .channel-context-note{color:#fff!important}

#serverInviteDialog .segmented,
.user-settings-search,
.user-settings-self,
.account-stat-pill,
.notification-permission,
.presence-shortcuts button,
.font-select-btn,
.color-select-btn,
.emoji-select-btn,
.poll-add-option,
.color-palette-section,
.server-tag-style-box,
.server-tag-preview,
.channel-editor-preview,
.voice-settings-test,
.message-template-preview{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(249,115,22,.12)!important;
  border-radius:14px!important;
}
#serverInviteDialog .segmented button.active,
.presence-options button.active,
.user-settings-dialog .segmented button.active,
.font-picker-list button.active,
.poll-filter-tabs button.active,
.invite-tabs button.active,
.keyboard-filter-tabs button.active{
  background:linear-gradient(180deg,rgba(249,115,22,.2),rgba(249,115,22,.12))!important;
  border-color:rgba(249,115,22,.28)!important;
  color:#fff!important;
}
.presence-options button,
.invite-tabs button,
.poll-filter-tabs button,
.keyboard-filter-tabs button,
.segmented button,
.font-picker-list button{
  border-radius:12px!important;
  border:1px solid transparent!important;
  color:#d7dde8!important;
}
.presence-options button:hover,
.invite-tabs button:hover,
.poll-filter-tabs button:hover,
.keyboard-filter-tabs button:hover,
.segmented button:hover,
.font-picker-list button:hover{background:rgba(249,115,22,.08)!important;color:#fff!important}

.member-dialog,
.notification-dialog,
.report-user-dialog,
.presence-dialog,
.poll-create-dialog,
.server-invite-dialog,
.font-picker-dialog,
.color-picker-dialog,
.voice-streams-dialog,
.voice-member-dialog,
.voice-moderation-dialog,
.owner-message-tools-dialog,
.blocked-dialog,
.pinned-dialog{background-color:#141923!important}
.member-dialog .section-label,
.notification-dialog .section-label,
.report-user-dialog .section-label,
.channel-editor-preview small{color:#ffb173!important}
.role-checks,
.member-dialog .role-checks,
.notification-section,
.color-favorite-palette,
.font-picker-list{scrollbar-color:rgba(249,115,22,.35) transparent}

@media(max-width:760px){
  #serverSettingsDialog .settings-dialog,
  .user-settings-dialog{border-radius:14px!important}
  .dialog-card,
  .picker-popover{border-radius:14px!important}
}


/* WarDrix 1.7.88 – Forum-Unterkategorien & rollenbasierte Offline-Mitglieder */
.forum-breadcrumb{display:flex;align-items:center;gap:4px;min-height:34px;padding:2px 4px 8px;color:#9198a6;font-size:11px;overflow-x:auto;scrollbar-width:none}.forum-breadcrumb::-webkit-scrollbar{display:none}.forum-breadcrumb>.material-symbols-rounded{font-size:16px;color:#59606d}.forum-breadcrumb button{border:0;background:transparent;color:#b8bec9;padding:4px 6px;border-radius:7px;white-space:nowrap}.forum-breadcrumb button:hover:not(:disabled){background:#f9731612;color:#fb923c}.forum-breadcrumb button.current{color:#f4f5f7;font-weight:700}.forum-category-child-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--forum-category-color) 35%,#34363d);background:color-mix(in srgb,var(--forum-category-color) 10%,transparent);color:color-mix(in srgb,var(--forum-category-color) 75%,#fff);font-size:9px;font-weight:800;white-space:nowrap}.forum-subcategory-section{margin-top:0;border-color:#f9731624!important;background:linear-gradient(180deg,#f9731608,transparent 38%),#18191e!important}.forum-subcategory-grid .forum-category-card{min-height:108px}.forum-category-parent-hint{display:block;margin-top:5px;color:#8e95a3;font-size:10px;line-height:1.4}.forum-category-card-actions{flex-wrap:wrap;justify-content:flex-end;max-width:70px}.forum-category-card-actions .material-symbols-rounded{font-size:17px}
#memberList .offline-section-head{margin-top:10px!important;border-top:1px solid #ffffff0e!important;background:linear-gradient(90deg,#71717a12,transparent)!important}#memberList .offline-section-head:hover{background:linear-gradient(90deg,#f9731611,transparent)!important}#memberList .offline-role-subgroup{margin:4px 6px 1px 12px!important;padding:5px 7px!important;min-height:27px!important;border-left:1px solid #ffffff0e;border-radius:6px;background:#ffffff018!important}#memberList .offline-role-subgroup .member-role-group-name>span:last-child{font-size:9px!important;color:#a8abb4!important}#memberList .offline-role-subgroup .member-role-group-count{font-size:8px!important}#memberList .offline-role-subgroup+.member-row{margin-top:1px}.member-row:has(.status-offline){opacity:.72}.member-row:has(.status-offline):hover{opacity:1}
@media(max-width:560px){.forum-category-child-badge{white-space:normal}.forum-breadcrumb{padding-left:0}.forum-category-card-actions{max-width:none}}


/* WarDrix 1.7.89 – Kompakter Kanal-Editor im WarDrix-Stil */
.channel-editor-dialog{
  width:min(1180px,calc(100vw - 26px))!important;
  height:min(860px,calc(100vh - 26px))!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 12%),linear-gradient(155deg,rgba(249,115,22,.065),rgba(249,115,22,0) 28%),#101621!important;
}
.channel-editor-dialog>header{
  flex:0 0 auto;
  align-items:center!important;
  gap:16px;
  padding:18px 22px 16px!important;
  border-bottom:1px solid rgba(249,115,22,.14)!important;
}
.channel-editor-dialog>header>div{min-width:0;flex:1}
.channel-editor-dialog>header h3{font-size:20px!important;font-weight:700!important;letter-spacing:.01em}
.channel-editor-dialog>header p{font-size:12px!important;color:#b6bdca!important}
.channel-editor-shell{flex:1;min-height:0;display:grid;grid-template-columns:250px minmax(0,1fr);overflow:hidden}
.channel-editor-side{
  min-height:0;display:flex;flex-direction:column;gap:14px;padding:18px 14px 16px;
  background:linear-gradient(180deg,rgba(249,115,22,.05),rgba(249,115,22,0) 28%),#0d121b;
  border-right:1px solid rgba(249,115,22,.12);
}
.channel-editor-side-head{display:grid;gap:6px;padding:0 6px}
.channel-editor-side-head small{font-size:10px;letter-spacing:.12em;color:#8d95a3;font-weight:700}
.channel-editor-side-head strong{font-size:18px;color:#fff;line-height:1.15}
.channel-editor-side-head span{font-size:11px;color:#aeb5c2;line-height:1.4}
.channel-editor-nav{display:grid;gap:6px}
.channel-editor-nav-btn{
  min-height:40px;padding:9px 11px;border-radius:12px;border:1px solid transparent;background:transparent;color:#d4dae5;
  display:flex;align-items:center;gap:9px;text-align:left;font-weight:600
}
.channel-editor-nav-btn .material-symbols-rounded{font-size:18px;color:#fb923c}
.channel-editor-nav-btn:hover{background:rgba(249,115,22,.09);border-color:rgba(249,115,22,.12);color:#fff}
.channel-editor-nav-btn.active{background:linear-gradient(180deg,rgba(249,115,22,.18),rgba(249,115,22,.11));border-color:rgba(249,115,22,.24);color:#fff;box-shadow:inset 2px 0 0 #f97316}
.channel-editor-side-meta{margin-top:auto;border:1px solid rgba(249,115,22,.12);background:rgba(255,255,255,.03);border-radius:14px;padding:11px 12px}
.channel-editor-side-meta>div{display:flex;align-items:flex-start;gap:8px}
.channel-editor-side-meta .material-symbols-rounded{font-size:18px;color:#fb923c;margin-top:1px}
.channel-editor-side-meta small{font-size:11px;line-height:1.45;color:#aeb5c2}
.channel-editor-side-actions{display:flex;flex-direction:column;gap:10px}
.channel-editor-side-actions .channel-dialog-actions{margin-top:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
.channel-editor-side-actions .channel-dialog-actions>button{min-height:42px}
.channel-editor-side-actions .channel-dialog-actions>#channelSaveBtn{grid-column:1/-1;order:-1}
.channel-editor-side-actions .channel-dialog-actions>#channelDeleteBtn.hidden+button+button{grid-column:auto}
.channel-editor-side-actions .channel-dialog-actions>#channelDeleteBtn:not(.hidden){grid-column:1/-1}
.channel-editor-main{min-height:0;overflow:auto;padding:18px 22px 20px;display:grid;gap:14px;scroll-padding-top:12px}
.channel-editor-section{
  background:rgba(255,255,255,.03);border:1px solid rgba(249,115,22,.12);border-radius:16px;padding:16px 16px 14px;display:grid;gap:14px;
}
.channel-editor-section.nav-active{box-shadow:0 0 0 1px rgba(249,115,22,.18) inset}
.channel-editor-section-head{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid rgba(249,115,22,.08)}
.channel-editor-section-head strong{font-size:14px;color:#fff;letter-spacing:.01em}
.channel-editor-section-head small{font-size:11px;color:#aeb5c2;line-height:1.45}
.channel-editor-section-body{display:grid;gap:12px}
.channel-editor-section .channel-editor-name-row{margin-top:0!important}
.channel-editor-section label{display:grid;gap:7px;font-size:12px;color:#dbe1eb}
.channel-editor-section label>small{color:#9ea7b7;font-size:11px;line-height:1.45}
.channel-editor-section input,
.channel-editor-section select,
.channel-editor-section textarea{min-height:44px}
.channel-editor-section textarea{min-height:110px}
.channel-editor-section .channel-color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.channel-editor-section .color-select-btn,
.channel-editor-section .font-select-btn{min-height:44px;height:44px;justify-content:center}
.channel-editor-section .font-select-btn{align-items:flex-start;padding-top:9px;padding-bottom:9px}
.channel-editor-preview{margin-top:0!important}
.channel-editor-preview>div{min-height:46px}
#channelVisibilityPanel,
#channelQuickPermissions{margin-top:0!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
#channelVisibilityPanel .channel-visibility-head,
#channelQuickPermissions .channel-quick-head{padding:0 0 10px;border-bottom:1px solid rgba(249,115,22,.08)}
#channelVisibilityPanel .channel-visibility-grid{grid-template-columns:1fr 1fr;gap:12px}
#channelVisibilityPanel .channel-visibility-column,
#channelQuickPermissions .channel-quick-modes,
#channelQuickPermissions .channel-quick-writers,
#channelQuickPermissions .channel-quick-footer{
  background:rgba(255,255,255,.025)!important;border:1px solid rgba(249,115,22,.09)!important;border-radius:14px!important;
}
#channelVisibilityPanel .channel-access-list{max-height:260px}
#channelQuickPermissions .channel-quick-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px}
#channelQuickPermissions [data-channel-quick-mode]{min-height:82px;border-radius:12px!important}
#channelQuickPermissions .channel-quick-footer{padding:11px 12px}
#channelQuickPermissions .channel-quick-role-grid{grid-template-columns:1fr 1fr;gap:10px}
#channelQuickPermissions .channel-quick-role{border-radius:12px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(249,115,22,.08)!important}
.channel-editor-dialog[data-channel-type="voice"] .channel-editor-section[data-section="behavior"],
.channel-editor-dialog[data-channel-type="category"] .channel-editor-section[data-section="behavior"]{display:none}
@media(max-width:980px){
  .channel-editor-shell{grid-template-columns:220px minmax(0,1fr)}
  .channel-editor-main{padding:16px}
  .channel-editor-section .channel-color-row,#channelVisibilityPanel .channel-visibility-grid,#channelQuickPermissions .channel-quick-role-grid{grid-template-columns:1fr}
  #channelQuickPermissions .channel-quick-modes{grid-template-columns:1fr}
}
@media(max-width:760px){
  .channel-editor-dialog{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;border-radius:14px!important}
  .channel-editor-dialog>header{padding:14px 14px 12px!important}
  .channel-editor-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .channel-editor-side{padding:10px 10px 8px;border-right:0;border-bottom:1px solid rgba(249,115,22,.12)}
  .channel-editor-nav{display:flex;overflow:auto;gap:6px;padding-bottom:2px}
  .channel-editor-nav-btn{flex:0 0 auto;min-height:36px;padding:8px 10px;font-size:12px}
  .channel-editor-side-meta{display:none}
  .channel-editor-side-actions .channel-dialog-actions{grid-template-columns:1fr 1fr 1fr}
  .channel-editor-side-actions .channel-dialog-actions>#channelSaveBtn{grid-column:auto;order:0}
  .channel-editor-main{padding:12px}
  .channel-editor-section{padding:13px 12px}
  .channel-editor-section .channel-editor-name-row{grid-template-columns:46px minmax(0,1fr)!important}
  .channel-editor-section .font-select-field,.channel-editor-section .font-size-select{grid-column:1/-1}
}


#memberContextMenu.server-context-menu{
  width:320px;
  padding:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%),linear-gradient(160deg,rgba(249,115,22,.09),rgba(249,115,22,0) 28%),#121824!important;
  border:1px solid rgba(249,115,22,.24)!important;
  border-radius:16px!important;
  box-shadow:var(--wdx-ui-glow)!important;
  overflow:visible;
}
#memberContextMenu .member-context-header{display:flex;align-items:center;gap:12px;padding:10px 10px 12px;margin-bottom:6px;border-radius:12px;background:linear-gradient(180deg,rgba(249,115,22,.12),rgba(249,115,22,.04));border:1px solid rgba(249,115,22,.14)}
#memberContextMenu .member-context-avatar{width:42px;height:42px;min-width:42px;min-height:42px;font-size:15px}
#memberContextMenu .member-context-copy{display:flex;flex-direction:column;min-width:0}
#memberContextMenu .member-context-copy strong{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#memberContextMenu .member-context-copy small{font-size:11px;color:#aab1be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#memberContextMenu .member-context-note-box{margin:0 2px 8px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:12px;line-height:1.45;color:#d5d9e1;white-space:pre-wrap}
#memberContextMenu .server-context-item{position:relative;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px!important;background:transparent!important;color:#f3f4f6!important;font-size:13px!important;font-weight:520;overflow:hidden}
#memberContextMenu .server-context-item:hover:not(:disabled),
#memberContextMenu .server-context-submenu-host.open>.server-context-item{background:linear-gradient(180deg,rgba(249,115,22,.21),rgba(249,115,22,.14))!important;color:#fff!important}
#memberContextMenu .server-context-item.active{color:#ffd9bf!important}
#memberContextMenu .server-context-item.danger{color:#ffb0b0!important}
#memberContextMenu .server-context-item.danger:hover:not(:disabled){background:rgba(185,28,28,.52)!important;color:#fff!important}
#memberContextMenu .server-context-separator{height:1px;margin:6px 4px;background:rgba(249,115,22,.12)!important}
#memberContextMenu .server-context-submenu-host{position:relative}
#memberContextMenu .server-context-submenu{display:none;position:absolute;z-index:2;left:calc(100% - 4px);top:-6px;width:290px;max-height:calc(100vh - 16px);overflow:auto;padding:6px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%),linear-gradient(160deg,rgba(249,115,22,.08),rgba(249,115,22,0) 28%),#121824!important;border:1px solid rgba(249,115,22,.22)!important;box-shadow:var(--wdx-ui-glow)!important;backdrop-filter:blur(14px)}
#memberContextMenu .server-context-submenu-host:hover>.server-context-submenu,#memberContextMenu .server-context-submenu-host:focus-within>.server-context-submenu,#memberContextMenu .server-context-submenu-host.open>.server-context-submenu{display:block}
#memberContextMenu.context-submenu-left .server-context-submenu{left:auto;right:calc(100% - 4px)}
#memberContextMenu .server-context-note,#memberContextMenu .server-context-trailing{color:#aab1be!important}
#memberContextMenu .server-context-item:hover .server-context-note,#memberContextMenu .server-context-submenu-host.open>.server-context-item .server-context-note{color:#fff!important}
#memberContextMenu .server-context-item .material-symbols-rounded{font-size:18px;color:#c9cad0}
#memberContextMenu .server-context-item:hover .material-symbols-rounded,#memberContextMenu .server-context-submenu-host.open>.server-context-item .material-symbols-rounded{color:#fff}
#memberContextMenu .server-context-check{border-color:rgba(249,115,22,.28)!important;background:#0b111a!important}
#memberContextMenu .server-context-check.checked{background:linear-gradient(180deg,#fb923c,#f97316)!important;border-color:#fb923c!important}
#memberContextMenu .server-context-chevron{color:#9ca3af}
@media(max-width:620px){#memberContextMenu.server-context-menu{width:min(320px,calc(100vw - 16px))}#memberContextMenu .server-context-submenu{width:min(290px,calc(100vw - 24px))}}

/* WarDrix 1.7.91 – Forum Context Menus & Listen-Unterkategorien */
#forumContextMenu.server-context-menu{
  width:310px;
  padding:8px;
  overflow:visible;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%),linear-gradient(160deg,rgba(249,115,22,.09),rgba(249,115,22,0) 28%),#121824!important;
  border:1px solid rgba(249,115,22,.24)!important;
  box-shadow:var(--wdx-ui-glow)!important;
}
#forumContextMenu .server-context-item{
  position:relative;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;
  border-radius:12px!important;background:transparent!important;color:#f3f4f6!important;font-size:13px!important;font-weight:520;overflow:hidden
}
#forumContextMenu .server-context-item:hover:not(:disabled),#forumContextMenu .server-context-submenu-host.open>.server-context-item{
  background:linear-gradient(180deg,rgba(249,115,22,.21),rgba(249,115,22,.14))!important;color:#fff!important
}
#forumContextMenu .server-context-item.danger{color:#ffb0b0!important}
#forumContextMenu .server-context-item.danger:hover:not(:disabled){background:rgba(185,28,28,.52)!important;color:#fff!important}
#forumContextMenu .server-context-separator{height:1px;margin:6px 4px;background:rgba(249,115,22,.12)!important}
#forumContextMenu .server-context-note,#forumContextMenu .server-context-trailing{color:#aab1be!important}
#forumContextMenu .server-context-item:hover .server-context-note{color:#fff!important}
#forumContextMenu .server-context-item .material-symbols-rounded{font-size:18px;color:#c9cad0}
#forumContextMenu .server-context-item:hover .material-symbols-rounded{color:#fff}
#forumContextMenu .server-context-submenu-host{position:relative}
#forumContextMenu .server-context-submenu{display:none;position:absolute;z-index:2;left:calc(100% - 4px);top:-6px;width:290px;max-height:calc(100vh - 16px);overflow:auto;padding:6px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 12%),linear-gradient(160deg,rgba(249,115,22,.08),rgba(249,115,22,0) 28%),#121824!important;border:1px solid rgba(249,115,22,.22)!important;box-shadow:var(--wdx-ui-glow)!important}
#forumContextMenu .server-context-submenu-host:hover>.server-context-submenu,#forumContextMenu .server-context-submenu-host:focus-within>.server-context-submenu,#forumContextMenu .server-context-submenu-host.open>.server-context-submenu{display:block}
#forumContextMenu.context-submenu-left .server-context-submenu{left:auto;right:calc(100% - 4px)}

.forum-category-card{grid-template-columns:52px minmax(0,1fr)!important;cursor:pointer}
.forum-category-card,.forum-thread-card,.forum-subcategory-row,.forum-category-hero,.forum-detail-head-clean,.forum-original-post{user-select:none}
.forum-post-content,.forum-original-post .forum-post-body{user-select:text}
.forum-category-card:hover{cursor:pointer}
.forum-context-hint{display:block;margin-top:7px;color:#777f8f;font-size:10px;line-height:1.35}

.forum-subcategory-section{
  margin-top:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.forum-subcategory-list{
  display:flex;
  flex-direction:column;
  border:1px solid rgba(249,115,22,.13);
  border-radius:12px;
  overflow:hidden;
  background:#171b24;
}
.forum-subcategory-row{
  --forum-category-color:#f97316;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:76px;
  padding:11px 13px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:transparent;
  cursor:pointer;
  outline:none;
  transition:background .14s ease,border-color .14s ease;
}
.forum-subcategory-row:last-child{border-bottom:0}
.forum-subcategory-row:hover,.forum-subcategory-row:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--forum-category-color) 9%,transparent),rgba(255,255,255,.018))}
.forum-subcategory-row.highlighted{box-shadow:inset 3px 0 0 var(--forum-category-color)}
.forum-subcategory-marker{
  width:38px;height:38px;display:grid;place-items:center;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--forum-category-color) 38%,#34363d);
  background:color-mix(in srgb,var(--forum-category-color) 10%,#11151d);
  color:var(--forum-category-color)
}
.forum-subcategory-marker .material-symbols-rounded{font-size:21px}
.forum-subcategory-copy{min-width:0}
.forum-subcategory-title{display:flex;align-items:center;gap:8px;min-width:0}
.forum-subcategory-title strong{font-size:14px;color:#f4f5f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-subcategory-kind{flex:0 0 auto;font-size:8px;font-weight:900;letter-spacing:.09em;color:var(--forum-category-color);border:1px solid color-mix(in srgb,var(--forum-category-color) 30%,transparent);border-radius:5px;padding:2px 5px;background:color-mix(in srgb,var(--forum-category-color) 8%,transparent)}
.forum-subcategory-copy>p{margin:4px 0 6px;font-size:11px;line-height:1.35;color:#aeb5c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-subcategory-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#8e96a5}
.forum-subcategory-meta>span{white-space:nowrap}
.forum-subcategory-meta small{margin-left:auto;color:#7f8796}
.forum-subcategory-arrow{font-size:19px;color:#687080}
.forum-subcategory-row:hover .forum-subcategory-arrow{color:#fb923c}

.forum-thread-card{cursor:pointer}
.forum-thread-card:hover{background:linear-gradient(90deg,rgba(249,115,22,.06),#202127 42%)}
.forum-subscribed-label{font-size:8px;font-weight:900;letter-spacing:.07em;border-radius:5px;padding:3px 5px;color:#fed7aa;background:#f9731612;border:1px solid #f9731644}
.forum-thread-latest{color:#8f96a3!important}
.forum-thread-stats{gap:7px!important}
.forum-tool-row-search-only{grid-template-columns:1fr!important}
.forum-tool-row-search-only .forum-search{max-width:none}
.forum-detail-head-clean{grid-template-columns:auto minmax(0,1fr)!important;cursor:context-menu}
.forum-detail-head-clean .forum-detail-info{padding-right:8px}
.forum-original-post{cursor:context-menu}
.forum-category-hero{cursor:context-menu}

@media(max-width:760px){
  #forumContextMenu.server-context-menu{width:min(310px,calc(100vw - 16px))}
  #forumContextMenu .server-context-submenu{width:min(290px,calc(100vw - 24px))}
  .forum-subcategory-row{grid-template-columns:36px minmax(0,1fr) auto;padding:10px;gap:9px}
  .forum-subcategory-marker{width:34px;height:34px}
  .forum-subcategory-meta small{width:100%;margin-left:0}
  .forum-detail-head-clean{grid-template-columns:1fr!important}
}
#forumContextMenu .server-context-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}
#forumContextMenu .server-context-label{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#forumContextMenu .server-context-label>.material-symbols-rounded{flex:0 0 auto}
#forumContextMenu .server-context-note{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}
#forumContextMenu .server-context-chevron{flex:0 0 auto;margin-left:auto;font-size:19px;color:#9ca3af}
#forumContextMenu .server-context-item:hover .server-context-chevron,#forumContextMenu .server-context-submenu-host.open>.server-context-item .server-context-chevron{color:#fff}
.forum-original-post .forum-post-actions:empty{display:none}
@media(max-width:560px){.forum-category-card{grid-template-columns:42px minmax(0,1fr)!important}.forum-category-card-icon{width:42px;height:42px}}


/* WarDrix 1.7.92 – Geschlossene Forum-Themen klar rot markieren */
.forum-thread-card.is-locked{
  margin:4px 0!important;
  padding:12px 10px!important;
  border:1px solid rgba(239,68,68,.52)!important;
  border-left:3px solid #ef4444!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,rgba(239,68,68,.12),rgba(127,29,29,.055) 42%,rgba(24,25,30,.7))!important;
  box-shadow:inset 0 0 0 1px rgba(248,113,113,.035)!important;
}
.forum-thread-card.is-locked:hover,.forum-thread-card.is-locked:focus-visible{
  border-color:rgba(248,113,113,.72)!important;
  background:linear-gradient(90deg,rgba(239,68,68,.17),rgba(127,29,29,.08) 45%,#202127)!important;
}
.forum-thread-card.is-locked.has-unread{border-color:rgba(248,113,113,.7)!important;background:linear-gradient(90deg,rgba(239,68,68,.17),rgba(127,29,29,.07) 42%,transparent)!important}
.forum-thread-card.is-locked .forum-thread-icon{
  color:#f87171!important;
  border-color:rgba(248,113,113,.48)!important;
  background:rgba(127,29,29,.28)!important;
  box-shadow:0 0 0 1px rgba(239,68,68,.06) inset;
}
.forum-thread-card.is-locked .forum-thread-title>strong{color:#fecaca!important}
.forum-thread-card.is-locked .forum-thread-main>p,.forum-thread-card.is-locked .forum-thread-latest{color:#bda4a7!important}
.forum-thread-card.is-locked .forum-thread-stat .material-symbols-rounded{color:#ef7777!important}
.forum-closed-label{
  display:inline-flex;align-items:center;flex:0 0 auto;
  padding:3px 6px;border-radius:5px;
  border:1px solid rgba(248,113,113,.42);
  background:rgba(127,29,29,.38);
  color:#fecaca;font-size:8px;font-weight:900;letter-spacing:.075em;
}
.forum-thread-detail.is-locked .forum-detail-head-clean,
.forum-thread-detail.is-locked .forum-original-post{
  border-color:rgba(239,68,68,.48)!important;
  box-shadow:inset 3px 0 0 #ef4444!important;
  background:linear-gradient(90deg,rgba(127,29,29,.12),rgba(24,25,30,.95) 26%)!important;
}
.forum-thread-detail.is-locked .forum-detail-info h2{color:#fecaca!important}
.forum-thread-detail.is-locked .forum-category-badge{
  color:#fca5a5!important;
  border-color:rgba(248,113,113,.42)!important;
  background:rgba(127,29,29,.28)!important;
}
.forum-detail-status-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.forum-detail-closed-badge{
  display:inline-flex;align-items:center;gap:3px;
  padding:3px 7px;border-radius:6px;
  color:#fecaca;background:rgba(127,29,29,.38);border:1px solid rgba(248,113,113,.48);
  font-size:9px;font-weight:900;letter-spacing:.075em;
}
.forum-detail-closed-badge .material-symbols-rounded{font-size:13px;color:#f87171}
.forum-thread-detail.is-locked .forum-context-hint{color:#e7a5a9!important}
.forum-closed-banner{
  display:flex;align-items:center;gap:11px;
  margin:0 0 8px;padding:11px 13px;
  border:1px solid rgba(239,68,68,.46);border-left:3px solid #ef4444;border-radius:10px;
  background:linear-gradient(90deg,rgba(127,29,29,.22),rgba(127,29,29,.08));
  color:#fecaca;
}
.forum-closed-banner>.material-symbols-rounded{font-size:22px;color:#f87171}
.forum-closed-banner strong,.forum-closed-banner small{display:block}
.forum-closed-banner strong{font-size:12px;color:#fecaca}
.forum-closed-banner small{margin-top:2px;font-size:10px;line-height:1.45;color:#d9a5aa}
.forum-thread-detail.is-locked .forum-comments-section{border-color:rgba(239,68,68,.22)!important}


/* WarDrix 1.7.93 – Notification Center always in foreground */
.chat-header.notification-center-open{
  position:relative!important;
  z-index:2147483200!important;
  overflow:visible!important;
  isolation:auto!important;
}
.chat-header.notification-center-open .notification-center-wrap{
  position:relative!important;
  z-index:2147483300!important;
}
.chat-header.notification-center-open .notification-center-popover{
  z-index:2147483400!important;
  box-shadow:0 24px 70px rgba(0,0,0,.78),0 0 0 1px rgba(249,115,22,.12)!important;
}
#appView.notification-center-layer-open>.chat-main{
  isolation:auto!important;
}


/* WarDrix 1.7.94 – Context Menu Typography & Spacing Cleanup */
/* Einheitliche Typografie für ALLE Rechtsklick-Menüs */
.server-context-menu,
.channel-context-menu,
.dm-friend-quick-menu{
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.35!important;
  letter-spacing:.008em!important;
  word-spacing:.075em!important;
}

/* Gemeinsame Menübreiten: etwas mehr Luft, ohne klobig zu werden */
#serverContextMenu.server-context-menu{width:320px!important;padding:8px!important}
#channelContextMenu.channel-context-menu{width:286px!important;padding:8px!important}
#memberContextMenu.server-context-menu{width:336px!important;padding:8px!important}
#forumContextMenu.server-context-menu{width:320px!important;padding:8px!important}
.dm-friend-quick-menu{width:238px!important;padding:8px!important}

/* Das serverContextButton-Markup wird von Server-, Mitglied- und Forum-Menüs geteilt. */
.server-context-menu .server-context-item{
  min-height:42px!important;
  padding:9px 11px!important;
  gap:12px!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:13.25px!important;
  font-weight:600!important;
  line-height:1.32!important;
  letter-spacing:.008em!important;
  word-spacing:.075em!important;
}
.server-context-menu .server-context-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
}
.server-context-menu .server-context-label{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  line-height:1.32!important;
  letter-spacing:.008em!important;
  word-spacing:.075em!important;
}
.server-context-menu .server-context-label>.material-symbols-rounded{
  flex:0 0 auto!important;
  font-size:18px!important;
  line-height:1!important;
  margin-right:1px!important;
}
.server-context-menu .server-context-note{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  font-size:10.75px!important;
  font-weight:400!important;
  line-height:1.32!important;
  letter-spacing:.005em!important;
  word-spacing:.07em!important;
  color:#aab1be!important;
}
.server-context-menu .server-context-trailing{
  flex:0 0 auto!important;
  margin-left:auto!important;
  padding-left:8px!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
.server-context-menu .server-context-chevron{
  flex:0 0 auto!important;
  margin-left:auto!important;
  font-size:19px!important;
  line-height:1!important;
}
.server-context-menu .server-context-separator{
  margin:7px 4px!important;
}

/* Untermenüs ebenfalls mit derselben Luft und Typografie */
#serverContextMenu .server-context-submenu,
#memberContextMenu .server-context-submenu,
#forumContextMenu .server-context-submenu{
  width:310px!important;
  padding:8px!important;
}

/* Kanal-Menü hat eigenes Markup und bekommt dieselben Maße/Abstände. */
#channelContextMenu .channel-context-item{
  min-height:42px!important;
  padding:9px 11px!important;
  gap:12px!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:13.25px!important;
  font-weight:600!important;
  line-height:1.32!important;
  letter-spacing:.008em!important;
  word-spacing:.075em!important;
}
#channelContextMenu .channel-context-label{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  white-space:normal!important;
  line-height:1.32!important;
  letter-spacing:.008em!important;
  word-spacing:.075em!important;
}
#channelContextMenu .channel-context-label>.material-symbols-rounded{
  flex:0 0 auto!important;
  margin-right:1px!important;
  line-height:1!important;
}
#channelContextMenu .channel-context-trailing{
  flex:0 0 auto!important;
  margin-left:auto!important;
  padding-left:8px!important;
  font-size:11px!important;
  font-weight:500!important;
}
#channelContextMenu .channel-context-separator{margin:7px 4px!important}
#channelContextMenu .channel-context-submenu{width:265px!important;padding:8px!important}

/* Freund-Schnellmenü auf der DM-Startseite */
.dm-friend-quick-menu button{
  min-height:42px!important;
  padding:9px 11px!important;
  gap:10px!important;
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:13.25px!important;
  font-weight:600!important;
  line-height:1.32!important;
  letter-spacing:.008em!important;
  word-spacing:.075em!important;
}
.dm-friend-quick-menu .material-symbols-rounded{
  flex:0 0 auto!important;
  font-size:18px!important;
  margin-right:1px!important;
}

/* Mitgliedskopf etwas ruhiger, damit der Rest des Menüs nicht gequetscht wirkt. */
#memberContextMenu .member-context-header{
  gap:13px!important;
  padding:11px 12px 13px!important;
  margin-bottom:8px!important;
}
#memberContextMenu .member-context-copy strong{
  font-family:Calibri,"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.005em!important;
  word-spacing:.06em!important;
}
#memberContextMenu .member-context-copy small{
  margin-top:2px!important;
  font-size:11px!important;
  line-height:1.3!important;
  letter-spacing:.005em!important;
  word-spacing:.06em!important;
}

/* Kleine Displays: breiter Look bleibt, aber nie außerhalb des Viewports. */
@media(max-width:620px){
  #serverContextMenu.server-context-menu,
  #channelContextMenu.channel-context-menu,
  #memberContextMenu.server-context-menu,
  #forumContextMenu.server-context-menu,
  .dm-friend-quick-menu{width:min(336px,calc(100vw - 16px))!important}
  #serverContextMenu .server-context-submenu,
  #memberContextMenu .server-context-submenu,
  #forumContextMenu .server-context-submenu,
  #channelContextMenu .channel-context-submenu{width:min(310px,calc(100vw - 24px))!important}
}


/* WarDrix 1.7.95 – Forum-Kategorien als Listenansicht */
.forum-category-list,
.forum-subcategory-list{
  display:flex;
  flex-direction:column;
  border:1px solid rgba(249,115,22,.13);
  border-radius:12px;
  overflow:hidden;
  background:#171b24;
}
.forum-category-list .forum-empty,
.forum-subcategory-list .forum-empty{border:0;margin:0;border-radius:0}
.forum-category-grid{display:none!important}
.forum-category-row{
  --forum-category-color:#f97316;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:90px;
  padding:12px 14px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:transparent;
  cursor:pointer;
  outline:none;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.forum-category-row:last-child{border-bottom:0}
.forum-category-row:hover,.forum-category-row:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--forum-category-color) 9%,transparent),rgba(255,255,255,.018))}
.forum-category-row.highlighted{box-shadow:inset 3px 0 0 var(--forum-category-color)}
.forum-category-row-marker{
  width:40px;height:40px;display:grid;place-items:center;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--forum-category-color) 38%,#34363d);
  background:color-mix(in srgb,var(--forum-category-color) 10%,#11151d);
  color:var(--forum-category-color)
}
.forum-category-row-marker .material-symbols-rounded{font-size:22px}
.forum-category-row-copy{min-width:0}
.forum-category-row-title{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.forum-category-row-title strong{font-size:15px;color:#f4f5f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-row-copy>p{margin:4px 0 6px;font-size:12px;line-height:1.35;color:#aeb5c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-row-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#8e96a5}
.forum-category-row-meta>span{white-space:nowrap}
.forum-category-row-meta small{margin-left:auto;color:#7f8796}
.forum-category-latest.compact{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;gap:8px;color:#c8cad1;min-width:0}
.forum-category-latest.compact>.material-symbols-rounded{font-size:16px;color:var(--forum-category-color);margin-top:1px;flex:0 0 auto}
.forum-category-latest.compact>div{min-width:0}
.forum-category-latest.compact strong{display:block;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8e9ed}
.forum-category-latest.compact small{display:block;margin-top:2px;font-size:10px;color:#8e919a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Bestehende Unterkategorie-Zeile an neue Listenzeile angleichen */
.forum-subcategory-row{all:unset}
.forum-subcategory-row{display:contents}
.forum-subcategory-list>.forum-category-row{min-height:82px}

@media(max-width:760px){
  .forum-category-row{grid-template-columns:38px minmax(0,1fr) auto;padding:10px 11px;gap:10px;min-height:84px}
  .forum-category-row-marker{width:36px;height:36px}
}
@media(max-width:560px){
  .forum-category-row{grid-template-columns:36px minmax(0,1fr) auto;padding:10px;gap:9px}
  .forum-category-row-title{align-items:flex-start}
  .forum-category-row-title strong,.forum-category-latest.compact strong,.forum-category-latest.compact small,.forum-category-row-copy>p{white-space:normal}
  .forum-category-row-meta small{width:100%;margin-left:0}
}


/* WarDrix 1.7.96 – Ruhiges Forum-Layout + persönlicher Benachrichtigungsfluss */
.forum-category-section{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
}
.forum-category-section>.forum-section-head{margin:0 0 8px!important;padding:0 2px}
.forum-category-section>.forum-section-head strong{font-size:14px!important;color:#f1f3f6!important}
.forum-category-section>.forum-section-head small{font-size:10px!important;color:#747c89!important}
.forum-category-list,
.forum-subcategory-list{
  display:flex!important;
  flex-direction:column!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.forum-category-row-clean{
  --forum-category-color:#f97316;
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) minmax(190px,280px) 18px;
  align-items:center;
  gap:13px;
  min-height:78px;
  padding:12px 10px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:transparent;
  cursor:pointer;
  outline:none;
  transition:background .14s ease;
}
.forum-category-row-clean:last-child{border-bottom:0}
.forum-category-row-clean::before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:2px;border-radius:2px;background:transparent}
.forum-category-row-clean.highlighted::before{background:var(--forum-category-color)}
.forum-category-row-clean:hover,.forum-category-row-clean:focus-visible{background:rgba(255,255,255,.025)}
.forum-category-clean-icon{
  width:36px;height:36px;display:grid;place-items:center;border-radius:9px;
  color:var(--forum-category-color);background:color-mix(in srgb,var(--forum-category-color) 8%,transparent);
  border:1px solid color-mix(in srgb,var(--forum-category-color) 24%,rgba(255,255,255,.08));
}
.forum-category-clean-icon .material-symbols-rounded{font-size:20px}
.forum-category-clean-main{min-width:0}
.forum-category-clean-title{display:flex;align-items:center;gap:8px;min-width:0}
.forum-category-clean-title strong{font-size:15px;line-height:1.2;color:#f5f6f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-clean-main>p{margin:4px 0 5px;font-size:11px;line-height:1.35;color:#a1a8b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-clean-meta{font-size:10px;color:#727b89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-clean-activity{min-width:0;padding-left:14px;border-left:1px solid rgba(255,255,255,.07);display:grid;gap:2px}
.forum-category-clean-activity>small{font-size:8px;line-height:1.2;font-weight:800;letter-spacing:.09em;color:#687180}
.forum-category-clean-activity>strong{font-size:11px;line-height:1.3;color:#dce0e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-clean-activity>span{font-size:9px;line-height:1.3;color:#7d8592;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-clean-arrow{font-size:17px;color:#5f6774;transition:color .14s ease,transform .14s ease}
.forum-category-row-clean:hover .forum-category-clean-arrow{color:#fb923c;transform:translateX(1px)}
.forum-category-row-clean .forum-category-important{font-size:7px!important;padding:2px 5px!important}
.forum-subcategory-section{margin-top:2px!important;background:transparent!important}
.forum-subcategory-list{margin-left:20px!important;border-left:1px solid rgba(249,115,22,.16)!important;border-top-color:rgba(255,255,255,.06)!important}
.forum-subcategory-list>.forum-category-row-clean{padding-left:12px;min-height:72px}
.forum-subcategory-list>.forum-category-row-clean .forum-category-clean-icon{width:32px;height:32px}
.forum-subcategory-list>.forum-category-row-clean .forum-category-clean-title strong{font-size:14px}
.forum-subcategory-list>.forum-category-row-clean::before{display:none}

.forum-hero{padding:15px 18px!important;min-height:auto!important}
.forum-hero h2{font-size:20px!important}
.forum-hero p{margin-top:4px!important;font-size:11px!important}
.forum-kicker{font-size:9px!important}
.forum-tools-clean{padding:8px!important}
.forum-tool-row-filter{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
.forum-sub-filter{height:36px!important;padding:0 12px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.09)!important;background:#151922!important;color:#aeb5c1!important;white-space:nowrap}
.forum-sub-filter .material-symbols-rounded{font-size:16px;color:#89919e}
.forum-sub-filter:hover,.forum-sub-filter.active{border-color:rgba(249,115,22,.38)!important;background:rgba(249,115,22,.1)!important;color:#fff!important}
.forum-sub-filter.active .material-symbols-rounded{color:#fb923c}

.notification-center-item.forum .notification-center-item-icon{background:#f9731618;border-color:#f9731640;color:#fb923c}
.notification-center-item.channel .notification-center-item-copy strong{color:#f5f6f8}
.notification-center-item.channel:has(.notification-center-item-icon .material-symbols-rounded){--notification-accent:#fb923c}

@media(max-width:900px){
  .forum-category-row-clean{grid-template-columns:38px minmax(0,1fr) 18px}
  .forum-category-clean-activity{grid-column:2/3;padding-left:0;border-left:0;margin-top:2px;display:flex;align-items:center;gap:6px;min-width:0}
  .forum-category-clean-activity>small{display:none}
  .forum-category-clean-activity>strong{max-width:55%}
  .forum-category-clean-activity>span::before{content:'· ';color:#59616e}
  .forum-category-clean-arrow{grid-column:3;grid-row:1/3}
}
@media(max-width:620px){
  .forum-category-row-clean{grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;padding:10px 5px;min-height:70px}
  .forum-category-clean-icon{width:31px;height:31px}
  .forum-category-clean-title strong{font-size:14px}
  .forum-category-clean-main>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .forum-category-clean-activity{display:grid;gap:1px}
  .forum-category-clean-activity>strong{max-width:none}
  .forum-category-clean-activity>span::before{content:''}
  .forum-category-clean-activity>span{font-size:9px}
  .forum-subcategory-list{margin-left:10px!important}
  .forum-tool-row-filter{grid-template-columns:1fr!important}
  .forum-sub-filter{width:100%}
}


/* WarDrix 1.7.97 – Kompaktere Forum-Themenliste */
.forum-thread-list{gap:0!important}
.forum-thread-card{
  grid-template-columns:40px minmax(0,1fr) 210px!important;
  gap:12px!important;
  min-height:78px;
  padding:10px 10px!important;
  align-items:center!important;
}
.forum-thread-icon{
  width:34px!important;
  height:34px!important;
  font-size:18px!important;
  border-radius:9px!important;
}
.forum-thread-main{min-width:0;display:grid;gap:4px}
.forum-thread-title{gap:6px!important;min-width:0;flex-wrap:wrap}
.forum-thread-title strong{font-size:14px!important;line-height:1.22!important}
.forum-thread-main>p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:#aeb3bc!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.forum-meta{
  gap:6px!important;
  font-size:10px!important;
  line-height:1.2!important;
  flex-wrap:wrap;
}
.forum-mini-avatar{width:16px!important;height:16px!important;font-size:7px!important}
.forum-author-link{font-size:10px!important}
.forum-thread-stats{
  width:210px!important;
  min-width:210px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:start!important;
  align-content:center!important;
  gap:5px!important;
}
.forum-thread-stats-row{gap:12px!important}
.forum-thread-stat{font-size:11px!important;gap:4px!important}
.forum-thread-stat .material-symbols-rounded{font-size:15px!important}
.forum-thread-latest{
  font-size:10px!important;
  line-height:1.28!important;
  color:#8f96a3!important;
  white-space:normal!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
.forum-pin-label,.forum-closed-label,.forum-subscribed-label{
  padding:2px 5px!important;
  border-radius:999px!important;
  font-size:8px!important;
  line-height:1.1!important;
}
.forum-thread-new-badge{min-width:22px!important;height:17px!important;font-size:9px!important;padding:0 5px!important}
.forum-thread-card.is-locked{min-height:78px}

@media(max-width:900px){
  .forum-thread-card{grid-template-columns:36px minmax(0,1fr)!important;padding:9px 8px!important;gap:10px!important;min-height:72px}
  .forum-thread-icon{width:32px!important;height:32px!important;font-size:17px!important}
  .forum-thread-title strong{font-size:13px!important}
  .forum-thread-main>p{font-size:11px!important}
  .forum-thread-stats{grid-column:2!important;grid-template-columns:auto 1fr!important;gap:6px 10px!important;width:100%!important;min-width:0!important}
  .forum-thread-stats .forum-thread-subscribe.compact{grid-row:1/span 2}
  .forum-thread-stats-row{grid-column:2!important;gap:10px!important}
  .forum-thread-latest{grid-column:1/-1!important;font-size:9px!important;-webkit-line-clamp:1}
}
@media(max-width:620px){
  .forum-thread-card{padding:8px 6px!important;min-height:68px}
  .forum-thread-main>p{-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal!important}
  .forum-meta{gap:5px!important}
}


/* WarDrix 1.7.98 – Forum-Klarheit & volle Tastatur */
.forum-category-row-clean{
  grid-template-columns:40px minmax(0,1fr) minmax(260px,360px) 18px!important;
}
.forum-category-clean-activity{
  min-width:0;
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.07);
  display:grid;
  gap:3px;
}
.forum-category-clean-activity>small{font-size:8px;line-height:1.2;font-weight:800;letter-spacing:.09em;color:#6f7887}
.forum-category-clean-activity>strong{font-size:12px;line-height:1.3;color:#edf1f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-clean-place{font-size:10px!important;line-height:1.32!important;color:#a9b0bd!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-clean-byline{font-size:9px!important;line-height:1.28!important;color:#7e8693!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.notification-center-item.forum .notification-center-item-copy strong{color:#f6f7fb}
.notification-center-item.forum .notification-center-item-copy small{color:#bac0ca}

.keyboard-layout-view{background:radial-gradient(circle at 15% 0,rgba(249,115,22,.08),transparent 32%),radial-gradient(circle at 100% 0,rgba(59,130,246,.05),transparent 24%),#13151a!important}
.keyboard-layout-shell{width:min(1700px,100%);padding:22px!important}
.keyboard-layout-hero{border:1px solid rgba(249,115,22,.14)!important;background:linear-gradient(135deg,#1c1714,#151920)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.keyboard-layout-stage{
  grid-template-columns:minmax(1120px,1fr) minmax(300px,380px)!important;
  gap:28px!important;
  padding:22px!important;
  border:1px solid rgba(249,115,22,.12)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#111419,#0d1015)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 32px rgba(0,0,0,.28);
}
.keyboard-board{
  position:relative;
  min-width:1120px!important;
  padding:16px!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:linear-gradient(160deg,#1a1d24,#0f1218)!important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.42),0 16px 30px rgba(0,0,0,.28);
  overflow:hidden;
}
.keyboard-board::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(249,115,22,.45),rgba(249,115,22,0) 22%,rgba(59,130,246,.18) 56%,rgba(34,197,94,.14) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.keyboard-board::after{
  content:'';
  position:absolute;
  left:20px;right:20px;bottom:10px;height:8px;border-radius:999px;
  background:linear-gradient(90deg,rgba(249,115,22,.16),rgba(59,130,246,.1),rgba(34,197,94,.08));
  filter:blur(8px);
  pointer-events:none;
}
.keyboard-row{gap:8px!important;min-height:46px!important}
.keyboard-key{
  flex:0 0 calc(44px * var(--key-w))!important;
  width:calc(44px * var(--key-w))!important;
  height:44px!important;
  padding:0 6px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-bottom-color:rgba(255,255,255,.24)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#313641,#1b1f27)!important;
  box-shadow:0 3px 0 #080a0d,0 7px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#eef1f5!important;
  font-size:10px!important;
  letter-spacing:.01em;
  overflow:hidden;
}
.keyboard-key::after{
  content:'';
  position:absolute;
  left:7px;right:7px;bottom:5px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,rgba(249,115,22,.14),rgba(56,189,248,.10));
  opacity:.75;
}
.keyboard-key:hover{border-color:rgba(249,115,22,.48)!important;background:linear-gradient(180deg,#363d4a,#1d222c)!important;box-shadow:0 4px 0 #080a0d,0 10px 18px rgba(0,0,0,.32),0 0 14px rgba(249,115,22,.1)!important}
.keyboard-key:active{transform:translateY(2px);box-shadow:0 1px 0 #080a0d,0 3px 8px rgba(0,0,0,.25)!important}
.keyboard-key.bound{
  border-color:rgba(249,115,22,.66)!important;
  background:linear-gradient(180deg,#4b3323,#251c19)!important;
  box-shadow:0 3px 0 #0d0908,0 7px 18px rgba(0,0,0,.28),0 0 18px rgba(249,115,22,.14),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.keyboard-key.bound::after{background:linear-gradient(90deg,rgba(251,146,60,.78),rgba(45,212,191,.42))!important;height:3px;opacity:1}
.keyboard-key.bound i{right:6px!important;top:6px!important;width:6px!important;height:6px!important;box-shadow:0 0 10px rgba(249,115,22,.9)!important}
.keyboard-callouts{
  min-width:300px!important;
  gap:10px!important;
}
.keyboard-callouts-head{padding:4px 2px 8px!important}
.keyboard-callouts-head strong{font-size:13px!important}
.keyboard-callouts-head small{font-size:10px!important;color:#9ea6b2!important}
.keyboard-callout{
  min-height:58px!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid rgba(249,115,22,.12)!important;
  border-left:2px solid rgba(249,115,22,.42)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#171b22,#12161c)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.16);
}
.keyboard-callout-key{
  height:34px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:11px!important;
  background:linear-gradient(180deg,rgba(249,115,22,.16),rgba(249,115,22,.08))!important;
}
.keyboard-callout strong{font-size:12px!important;line-height:1.28!important}
.keyboard-callout small{font-size:9px!important;color:#8b94a2!important}
.keyboard-callouts-empty{padding:18px!important;border:1px dashed rgba(249,115,22,.15)!important;border-radius:12px!important;background:rgba(255,255,255,.015)!important;font-size:11px!important}

@media(max-width:900px){
  .forum-category-row-clean{grid-template-columns:38px minmax(0,1fr) 18px!important}
  .forum-category-clean-activity{grid-column:2/3;padding-left:0;border-left:0;margin-top:4px}
  .forum-category-clean-place,.forum-category-clean-byline,.forum-category-clean-activity>strong{white-space:normal}
  .keyboard-layout-stage{grid-template-columns:minmax(1120px,1fr)!important;gap:20px!important}
  .keyboard-callouts{min-width:1120px!important}
}


/* WarDrix 1.7.98 – Forum Topics Focus + Keyboard Workflow */
.forum-thread-card{
  grid-template-columns:38px minmax(0,1fr) 250px!important;
  gap:12px!important;
  min-height:74px!important;
  padding:10px 12px!important;
  align-items:center!important;
}
.forum-thread-main{display:grid!important;gap:4px!important;min-width:0}
.forum-thread-title{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap}
.forum-thread-title strong{font-size:15px!important;line-height:1.22!important;color:#f7f8fb!important;order:0}
.forum-thread-main>p{font-size:12.5px!important;line-height:1.35!important;color:#b9c0cb!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.forum-meta{font-size:10px!important;gap:6px!important;flex-wrap:wrap}
.forum-mini-avatar{width:15px!important;height:15px!important}
.forum-author-link{font-size:10px!important}
.forum-pin-label,.forum-closed-label,.forum-subscribed-label{font-size:8px!important;padding:2px 5px!important;opacity:.92}
.forum-thread-new-badge{margin-left:auto!important}
.forum-thread-stats{
  width:250px!important;min-width:250px!important;
  display:grid!important;grid-template-columns:1fr!important;
  justify-items:end!important;text-align:right!important;
  gap:4px!important;align-content:center!important;
}
.forum-thread-stats-row{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:14px!important;width:100%}
.forum-thread-stat{justify-content:flex-end!important;font-size:11px!important;color:#ced4de!important}
.forum-thread-context{display:block!important;width:100%;font-size:9px!important;line-height:1.25!important;color:#9ea7b7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.forum-thread-latest{display:block!important;width:100%;font-size:9.5px!important;line-height:1.28!important;color:#808a99!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.forum-category-clean-activity>strong{font-size:12px!important}
.forum-category-clean-place{font-size:10px!important;font-weight:600;color:#b8c0cc!important}
.forum-category-clean-byline{font-size:9px!important}

.keyboard-key.selected{
  border-color:rgba(250,168,85,.92)!important;
  box-shadow:0 3px 0 #080a0d,0 0 0 1px rgba(249,115,22,.15),0 0 20px rgba(249,115,22,.16)!important;
}
.keyboard-callout{cursor:pointer}
.keyboard-callout.selected{
  border-color:rgba(249,115,22,.34)!important;
  border-left-color:rgba(250,168,85,.95)!important;
  background:linear-gradient(180deg,rgba(249,115,22,.12),rgba(18,22,28,.96))!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18),0 0 0 1px rgba(249,115,22,.1) inset;
}
.keyboard-connector-line.selected{stroke:#fdba74!important;stroke-width:2.2;filter:drop-shadow(0 0 6px rgba(249,115,22,.55))}

@media(max-width:1100px){
  .forum-thread-card{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:9px 10px!important}
  .forum-thread-stats{grid-column:2!important;width:100%!important;min-width:0!important;justify-items:start!important;text-align:left!important;gap:3px!important}
  .forum-thread-stats-row{justify-content:flex-start!important}
  .forum-thread-context,.forum-thread-latest{text-align:left!important}
}
@media(max-width:720px){
  .forum-thread-title strong{font-size:14px!important}
  .forum-thread-main>p{font-size:11.5px!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .forum-thread-context,.forum-thread-latest{white-space:normal!important}
}


/* WarDrix 1.7.99 – Real Keyboard Style */
.keyboard-layout-stage{
  grid-template-columns:minmax(1180px,1fr) minmax(300px,380px)!important;
  gap:24px!important;
  background:linear-gradient(180deg,#111419,#0d1015)!important;
}
.keyboard-board{
  min-width:1180px!important;
  padding:18px 18px 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#56585d,#3f4247 18%,#34373c 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -3px 10px rgba(0,0,0,.28), 0 16px 30px rgba(0,0,0,.28)!important;
}
.keyboard-board::before{
  background:linear-gradient(135deg,rgba(249,115,22,.18),rgba(249,115,22,0) 24%,rgba(255,255,255,.05) 60%,rgba(0,0,0,.0) 100%)!important;
}
.keyboard-board::after{display:none!important}
.keyboard-board-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  min-height:34px;
  margin-bottom:14px;
}
.keyboard-board-lights{
  margin-left:auto;
  display:flex;
  align-items:flex-start;
  gap:12px;
  order:2;
}
.keyboard-light{
  display:grid;
  justify-items:center;
  gap:3px;
  min-width:28px;
}
.keyboard-light i{
  width:8px;height:8px;border-radius:999px;display:block;
  background:radial-gradient(circle at 35% 35%,#fdba74 0,#f97316 58%,#7c2d12 100%);
  box-shadow:0 0 10px rgba(249,115,22,.65),0 0 20px rgba(249,115,22,.26);
}
.keyboard-light small{
  font-size:10px;line-height:1;color:#eef2f8;opacity:.95;font-weight:700;letter-spacing:.01em;
}
.keyboard-board-name{
  order:3;
  margin-left:10px;
  padding-top:2px;
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
  color:#f5f7fb;
  text-shadow:0 1px 0 rgba(0,0,0,.24);
  max-width:240px;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.keyboard-keydeck{display:grid;gap:9px}
.keyboard-row{gap:8px!important;min-height:48px!important}
.keyboard-key{
  flex:0 0 calc(45px * var(--key-w))!important;
  width:calc(45px * var(--key-w))!important;
  height:47px!important;
  border-radius:9px!important;
  border:1px solid rgba(0,0,0,.58)!important;
  border-top-color:rgba(255,255,255,.08)!important;
  border-left-color:rgba(255,255,255,.06)!important;
  border-right-color:rgba(0,0,0,.45)!important;
  border-bottom:3px solid rgba(0,0,0,.6)!important;
  background:linear-gradient(180deg,#4f5257,#373a40 62%,#2f3237 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 6px rgba(0,0,0,.28)!important;
  color:#f6f8fb!important;
  font-size:11px!important;
  font-weight:800;
}
.keyboard-key span{position:relative;z-index:2}
.keyboard-key::after{
  left:8px;right:8px;bottom:6px;height:2px;
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(249,115,22,.08),rgba(255,255,255,.04))!important;
}
.keyboard-key:hover{
  background:linear-gradient(180deg,#575a60,#3a3e45 60%,#31353b 100%)!important;
  border-color:rgba(249,115,22,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(249,115,22,.08),0 6px 10px rgba(0,0,0,.22)!important;
}
.keyboard-key.bound{
  border-color:rgba(249,115,22,.55)!important;
  background:linear-gradient(180deg,#5a4434,#41342d 58%,#322a26 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(249,115,22,.12),0 8px 16px rgba(0,0,0,.24),0 0 18px rgba(249,115,22,.16)!important;
}
.keyboard-key.bound::after{background:linear-gradient(90deg,rgba(251,146,60,.82),rgba(249,115,22,.72),rgba(255,255,255,.08))!important;height:3px}
.keyboard-key.selected{
  border-color:rgba(253,186,116,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(249,115,22,.18),0 0 24px rgba(249,115,22,.2),0 8px 18px rgba(0,0,0,.22)!important;
}
.keyboard-key i{right:7px!important;top:7px!important;width:7px!important;height:7px!important}
.keyboard-callouts{
  border:1px solid rgba(249,115,22,.12)!important;
  border-radius:16px!important;
  padding:14px!important;
  background:linear-gradient(180deg,#15181e,#101319)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 22px rgba(0,0,0,.2);
}
.keyboard-callouts-head{padding:2px 2px 10px!important;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}
.keyboard-callout{
  min-height:56px!important;
  border-left:3px solid rgba(249,115,22,.34)!important;
}
.keyboard-callout-key{min-width:56px;justify-content:center;font-weight:900}
@media(max-width:900px){
  .keyboard-layout-stage{grid-template-columns:minmax(1180px,1fr)!important}
  .keyboard-callouts{min-width:1180px!important}
}


/* WarDrix 1.8.00 – WARDRIX Keyboard Easter Egg */
.keyboard-board{isolation:isolate}
.keyboard-easter-reward{
  position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-42%) scale(.86);
  display:flex;align-items:center;gap:14px;min-width:310px;padding:16px 20px;border-radius:16px;
  border:1px solid rgba(249,115,22,.56);background:linear-gradient(145deg,rgba(37,27,20,.97),rgba(14,17,22,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 40px rgba(249,115,22,.2),inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;pointer-events:none;transition:opacity .28s ease,transform .34s cubic-bezier(.2,.9,.2,1);
}
.keyboard-easter-reward.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.keyboard-easter-reward.hide{opacity:0;transform:translate(-50%,-58%) scale(.94)}
.keyboard-easter-coin{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:0 0 52px;
  color:#fff7ed;font-size:23px;font-weight:950;background:radial-gradient(circle at 35% 28%,#fdba74 0,#f97316 48%,#9a3412 100%);
  border:2px solid #fed7aa;box-shadow:0 0 22px rgba(249,115,22,.48),inset 0 0 0 3px rgba(124,45,18,.32);
}
.keyboard-easter-reward strong{display:block;color:#fff;font-size:18px;line-height:1.2}
.keyboard-easter-reward small{display:block;margin-top:4px;color:#fdba74;font-size:11px;letter-spacing:.035em}
@media(max-width:620px){.keyboard-easter-reward{min-width:0;width:calc(100% - 32px);padding:13px 15px}.keyboard-easter-coin{width:44px;height:44px;flex-basis:44px}.keyboard-easter-reward strong{font-size:15px}}


/* WarDrix 1.8.01 – WarCoins Earn Popup */
.warcoin-gain-layer{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
  z-index:99999;
}
.warcoin-gain-popup{
  --wdx-gain-offset:0px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,calc(-50% + var(--wdx-gain-offset)));
  display:grid;
  justify-items:center;
  gap:3px;
  min-width:min(52vw,250px);
  max-width:min(74vw,420px);
  padding:12px 22px 10px;
  border-radius:18px;
  border:1px solid rgba(249,115,22,.24);
  background:linear-gradient(180deg,rgba(20,23,29,.26),rgba(15,17,22,.06));
  box-shadow:0 14px 44px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(5px);
  opacity:0;
  filter:blur(4px);
}
.warcoin-gain-popup.show{animation:warcoinGainFloat 1.95s cubic-bezier(.22,.7,.2,1) forwards}
.warcoin-gain-popup strong{
  font-size:clamp(28px,5vw,58px);
  line-height:.96;
  font-weight:1000;
  letter-spacing:-.03em;
  color:#ff9b3d;
  text-shadow:0 0 10px rgba(249,115,22,.24),0 2px 12px rgba(0,0,0,.24);
}
.warcoin-gain-label{
  font-size:clamp(12px,1.4vw,16px);
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#ffd09e;
}
.warcoin-gain-popup small{
  font-size:clamp(10px,1.1vw,13px);
  line-height:1.2;
  font-weight:700;
  color:#ffe3c6;
  text-align:center;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:.96;
}
.warcoin-gain-popup.hide{opacity:0}
@keyframes warcoinGainFloat{
  0%{opacity:0;filter:blur(4px);transform:translate(-50%,calc(-50% + 18px + var(--wdx-gain-offset))) scale(.88)}
  14%{opacity:1;filter:blur(0);transform:translate(-50%,calc(-50% + var(--wdx-gain-offset))) scale(1.02)}
  62%{opacity:1;filter:blur(0);transform:translate(-50%,calc(-50% - 36px + var(--wdx-gain-offset))) scale(1)}
  100%{opacity:0;filter:blur(1.5px);transform:translate(-50%,calc(-50% - 94px + var(--wdx-gain-offset))) scale(.95)}
}
@media (max-width: 760px){
  .warcoin-gain-popup{min-width:min(68vw,240px);max-width:min(88vw,360px);padding:10px 18px 9px;border-radius:16px}
  .warcoin-gain-popup small{white-space:normal}
}


/* WarDrix 1.8.02 – Realistic full-size keyboard + compact WarCoins popup */
.keyboard-layout-shell-real{width:min(1740px,100%)!important;padding:16px 18px 24px!important}
.keyboard-layout-hero-real{margin-bottom:12px!important;padding:14px 16px!important}
.keyboard-layout-stage-real{
  grid-template-columns:310px minmax(1120px,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  padding:16px!important;
  background:#0e1116!important;
  overflow:auto!important;
}
.keyboard-bindings-left{
  grid-column:1!important;
  min-width:310px!important;
  max-height:min(760px,calc(100vh - 210px));
  overflow:auto;
  position:sticky;
  top:0;
  background:linear-gradient(180deg,#15191f,#101319)!important;
  border:1px solid rgba(249,115,22,.14)!important;
  border-radius:14px!important;
  padding:12px!important;
}
.keyboard-board-real{
  grid-column:2!important;
  min-width:1120px!important;
  padding:18px 18px 20px!important;
  gap:14px!important;
  border-radius:20px!important;
  border:1px solid #767b82!important;
  background:linear-gradient(180deg,#4f5359 0%,#45494f 18%,#383c42 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -4px 12px rgba(0,0,0,.3),0 22px 42px rgba(0,0,0,.35)!important;
}
.keyboard-board-real::before{
  content:''!important;position:absolute!important;inset:7px!important;border-radius:15px!important;
  border:1px solid rgba(255,255,255,.07)!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.025))!important;
}
.keyboard-board-top-real{min-height:34px!important;margin-bottom:0!important;display:grid!important;grid-template-columns:1fr auto auto!important;align-items:start!important;gap:18px!important}
.keyboard-board-status-spacer{min-width:1px}
.keyboard-board-real .keyboard-board-name{font-size:24px!important;max-width:260px!important;padding-top:1px!important;color:#f6f7f9!important}
.keyboard-board-real .keyboard-board-lights{order:0!important;margin-left:0!important;gap:10px!important}
.keyboard-board-real .keyboard-light i{width:7px!important;height:7px!important}
.keyboard-board-real .keyboard-light small{font-size:9px!important;color:#f1f3f6!important}
.keyboard-function-grid{
  display:grid;
  grid-template-columns:repeat(80,minmax(0,1fr));
  gap:0;
  min-height:48px;
}
.keyboard-real-body{
  display:grid;
  grid-template-columns:minmax(0,15fr) 3fr 4fr;
  gap:18px;
  align-items:end;
}
.keyboard-main-grid{
  display:grid;
  grid-template-columns:repeat(60,minmax(0,1fr));
  grid-template-rows:repeat(5,48px);
  gap:7px 0;
}
.keyboard-nav-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(5,48px);
  gap:7px 0;
}
.keyboard-numpad-grid{
  display:grid;
  grid-template-columns:repeat(16,minmax(0,1fr));
  grid-template-rows:repeat(5,48px);
  gap:7px 0;
}
.keyboard-real-key{
  --real-w:1;--real-h:1;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  margin:0 3.5px!important;
  border-radius:8px!important;
  border:1px solid #17191c!important;
  border-top-color:#73777e!important;
  border-left-color:#666a70!important;
  border-bottom:3px solid #17191d!important;
  background:linear-gradient(180deg,#484c52 0%,#393d43 56%,#30343a 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 3px rgba(0,0,0,.3),0 4px 7px rgba(0,0,0,.18)!important;
  color:#f4f5f7!important;
  font-size:10px!important;
  font-weight:800!important;
  text-shadow:0 1px 1px rgba(0,0,0,.5)!important;
  transform:none!important;
  overflow:hidden!important;
}
.keyboard-function-grid .keyboard-real-key{
  grid-column:calc((var(--fake-x,1) - 1) * 4 + 1) / span 4;
}
.keyboard-real-key:hover{
  border-color:#f9731688!important;
  background:linear-gradient(180deg,#50545b,#3e4249 58%,#34383e 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(249,115,22,.08),0 4px 8px rgba(0,0,0,.24)!important;
}
.keyboard-real-key:active{transform:translateY(1px)!important;border-bottom-width:2px!important}
.keyboard-real-key.bound{
  border-color:#a34a14!important;
  border-top-color:#d0631d!important;
  background:linear-gradient(180deg,#594432,#43362d 58%,#352c27 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(249,115,22,.08),0 4px 8px rgba(0,0,0,.24),0 0 12px rgba(249,115,22,.12)!important;
}
.keyboard-real-key.selected{border-color:#ffb067!important;box-shadow:0 0 0 1px rgba(249,115,22,.18),0 0 18px rgba(249,115,22,.22),0 4px 8px rgba(0,0,0,.24)!important}
.keyboard-real-key i{width:6px!important;height:6px!important;right:5px!important;top:5px!important}
.keyboard-bindings-left .keyboard-callout{min-height:48px!important;padding:7px 8px!important;gap:8px!important}
.keyboard-bindings-left .keyboard-callout-key{min-width:52px!important;height:28px!important;font-size:9px!important}
.keyboard-bindings-left .keyboard-callout strong{font-size:10.5px!important}
.keyboard-bindings-left .keyboard-callout small{font-size:8px!important}

/* Function-row columns */
.keyboard-function-grid>[data-keyboard-code="ESC"]{grid-column:1/span 4}.keyboard-function-grid>[data-keyboard-code="F1"]{grid-column:9/span 4}.keyboard-function-grid>[data-keyboard-code="F2"]{grid-column:13/span 4}.keyboard-function-grid>[data-keyboard-code="F3"]{grid-column:17/span 4}.keyboard-function-grid>[data-keyboard-code="F4"]{grid-column:21/span 4}.keyboard-function-grid>[data-keyboard-code="F5"]{grid-column:29/span 4}.keyboard-function-grid>[data-keyboard-code="F6"]{grid-column:33/span 4}.keyboard-function-grid>[data-keyboard-code="F7"]{grid-column:37/span 4}.keyboard-function-grid>[data-keyboard-code="F8"]{grid-column:41/span 4}.keyboard-function-grid>[data-keyboard-code="F9"]{grid-column:49/span 4}.keyboard-function-grid>[data-keyboard-code="F10"]{grid-column:53/span 4}.keyboard-function-grid>[data-keyboard-code="F11"]{grid-column:57/span 4}.keyboard-function-grid>[data-keyboard-code="F12"]{grid-column:61/span 4}.keyboard-function-grid>[data-keyboard-code="PRINT"]{grid-column:69/span 4}.keyboard-function-grid>[data-keyboard-code="SCROLL"]{grid-column:73/span 4}.keyboard-function-grid>[data-keyboard-code="PAUSE"]{grid-column:77/span 4}

/* WarCoins: only a small orange number, no box/background */
.warcoin-gain-layer{z-index:99999!important}
.warcoin-gain-popup{
  min-width:0!important;max-width:none!important;padding:0!important;
  border:0!important;border-radius:0!important;background:none!important;
  box-shadow:none!important;backdrop-filter:none!important;filter:none!important;
}
.warcoin-gain-popup strong{
  font-size:clamp(18px,2.4vw,30px)!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#ff8a24!important;
  text-shadow:0 0 8px rgba(249,115,22,.26),0 2px 4px rgba(0,0,0,.22)!important;
}
.warcoin-gain-label,.warcoin-gain-popup small{display:none!important}
@keyframes warcoinGainFloat{
  0%{opacity:0;transform:translate(-50%,calc(-50% + 10px + var(--wdx-gain-offset))) scale(.92)}
  18%{opacity:1;transform:translate(-50%,calc(-50% + var(--wdx-gain-offset))) scale(1)}
  62%{opacity:1;transform:translate(-50%,calc(-50% - 18px + var(--wdx-gain-offset))) scale(1)}
  100%{opacity:0;transform:translate(-50%,calc(-50% - 52px + var(--wdx-gain-offset))) scale(.96)}
}

@media(max-width:980px){
  .keyboard-layout-stage-real{grid-template-columns:260px minmax(1120px,1fr)!important}
  .keyboard-bindings-left{min-width:260px!important}
}


/* WarDrix 1.8.03 – User Settings Layout Repair */
.user-settings-dialog{
  width:min(1160px,calc(100vw - 24px))!important;
  height:min(820px,calc(100dvh - 24px))!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:row!important;
  border-radius:16px!important;
  border:1px solid rgba(249,115,22,.2)!important;
  background:#10151f!important;
  box-shadow:0 28px 80px rgba(0,0,0,.5)!important;
}
.user-settings-sidebar{
  width:248px!important;
  min-width:248px!important;
  padding:12px 9px 9px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(249,115,22,.045),transparent 26%),#0d121a!important;
  border-right:1px solid rgba(249,115,22,.11)!important;
}
.user-settings-self{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
  padding:4px 6px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.055);
  margin-bottom:9px;
}
.user-settings-self-avatar{width:46px!important;height:46px!important}
.user-settings-self strong{font-size:12.5px!important;line-height:1.2!important;color:#f6f7fa!important;text-transform:none!important;letter-spacing:0!important}
.user-settings-self small{font-size:10px!important;line-height:1.25!important;color:#8e96a5!important;text-transform:none!important;letter-spacing:0!important}
.user-settings-search{margin:0 0 9px!important}
.user-settings-search input{
  height:40px!important;
  padding:0 12px 0 36px!important;
  border-radius:10px!important;
  background:#0a0f17!important;
  border:1px solid rgba(249,115,22,.18)!important;
}
.user-settings-dialog .user-settings-tabs{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0 1px 4px!important;
  border:0!important;
  background:transparent!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.user-settings-nav-group{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  padding:5px 0 7px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.user-settings-nav-group>span{
  display:block!important;
  padding:7px 9px 4px!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  color:#707887!important;
}
.user-settings-dialog .user-settings-tabs button{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#c2c8d3!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:normal!important;
}
.user-settings-dialog .user-settings-tabs button .material-symbols-rounded{font-size:18px!important;flex:0 0 18px}
.user-settings-dialog .user-settings-tabs button:hover{background:rgba(249,115,22,.07)!important;border-color:rgba(249,115,22,.1)!important;color:#fff!important}
.user-settings-dialog .user-settings-tabs button.active{
  background:linear-gradient(90deg,rgba(249,115,22,.18),rgba(249,115,22,.07))!important;
  border-color:rgba(249,115,22,.24)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #f97316!important;
}
.user-settings-build{
  padding:8px 9px 2px!important;
  font-size:9px!important;
  color:#69717f!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.user-settings-build strong{color:#818a99!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.user-settings-main{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;background:#111722!important}
.user-settings-main-head{
  height:62px!important;
  flex:0 0 62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 22px!important;
  border-bottom:1px solid rgba(249,115,22,.12)!important;
  background:#111722!important;
}
.user-settings-main-head>div:first-child{min-width:0!important;max-width:calc(100% - 56px)!important}
.user-settings-main-head h3{margin:0!important;font-size:14px!important;line-height:1.2!important;font-weight:750!important;color:#f7f8fb!important}
.user-settings-main-head p{margin:4px 0 0!important;font-size:10px!important;line-height:1.3!important;color:#9ca4b2!important}
.user-settings-close{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  border-radius:12px!important;border:1px solid rgba(249,115,22,.22)!important;
  background:#181f2b!important;color:#eef1f6!important;
}
.user-settings-close:hover{background:rgba(249,115,22,.14)!important;border-color:rgba(249,115,22,.4)!important}
.user-settings-dialog .user-settings-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:24px clamp(20px,4vw,46px) 34px!important;
  background:#111722!important;
  scrollbar-color:rgba(249,115,22,.34) transparent!important;
}
.user-settings-dialog .user-settings-panel{
  display:none!important;
  width:100%!important;
  max-width:860px!important;
  margin:0 auto!important;
  gap:14px!important;
}
.user-settings-dialog .user-settings-panel.active{display:grid!important}
.settings-page-title{margin:0 0 4px!important;padding:0!important}
.settings-page-title h2{margin:0!important;font-size:23px!important;line-height:1.15!important;font-weight:650!important;color:#f7f8fb!important}
.settings-page-title p{margin:7px 0 0!important;font-size:10.5px!important;line-height:1.45!important;color:#9da6b5!important}

/* Cards */
.user-settings-dialog .user-settings-card{
  width:100%!important;
  margin:0!important;
  padding:16px!important;
  border-radius:14px!important;
  border:1px solid rgba(249,115,22,.12)!important;
  background:#161d29!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.user-settings-dialog .user-settings-card+.user-settings-card{margin-top:0!important;padding-top:16px!important;border-top:1px solid rgba(249,115,22,.12)!important}
.user-settings-dialog .user-settings-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
.user-settings-dialog .user-settings-card-head>div{min-width:0!important}
.user-settings-dialog .user-settings-card-head strong{display:block!important;font-size:13px!important;line-height:1.25!important;color:#f4f6fa!important}
.user-settings-dialog .user-settings-card-head small{display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.45!important;color:#9aa3b2!important}
.user-settings-dialog label{min-width:0!important;color:#dfe4ed!important;font-size:11px!important;line-height:1.3!important}
.user-settings-dialog input:not([type="checkbox"]):not([type="range"]),
.user-settings-dialog select,
.user-settings-dialog textarea{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:42px!important;
  margin-top:7px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#0c121b!important;
  color:#f5f7fb!important;
  box-shadow:none!important;
}
.user-settings-dialog textarea{min-height:104px!important;resize:vertical!important}
.user-settings-dialog input:not([type="checkbox"]):not([type="range"]):focus,
.user-settings-dialog select:focus,
.user-settings-dialog textarea:focus{outline:none!important;border-color:rgba(249,115,22,.5)!important;box-shadow:0 0 0 3px rgba(249,115,22,.1)!important}
.user-settings-dialog button{box-sizing:border-box!important}

/* Account */
.account-info-card{display:grid!important;gap:0!important;padding:0!important;overflow:hidden!important}
.account-setting-row{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:minmax(210px,.85fr) minmax(300px,1.15fr)!important;
  align-items:center!important;
  gap:24px!important;
  padding:14px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.account-setting-row:last-child{border-bottom:0!important}
.account-setting-row>div{min-width:0!important}
.account-setting-row>div strong{display:block!important;font-size:11.5px!important;line-height:1.25!important;color:#f0f3f8!important}
.account-setting-row>div small{display:block!important;margin-top:4px!important;font-size:9.5px!important;line-height:1.4!important;color:#8f98a8!important}
.account-setting-row input{margin:0!important;min-height:40px!important}
.account-confirm-row{border-bottom:0!important}
.account-setting-actions{display:flex!important;justify-content:flex-end!important;padding:14px 16px 16px!important;border-top:1px solid rgba(255,255,255,.065)!important}
.account-setting-actions button{min-width:160px!important;min-height:40px!important}
.account-overview-card{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:14px 16px!important}
.account-summary-item{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:5px 0!important;
}
.account-summary-item>.material-symbols-rounded{font-size:22px!important;color:#f97316!important}
.account-summary-item strong{display:block!important;font-size:11px!important;color:#eff2f7!important}
.account-summary-item small{display:block!important;margin-top:3px!important;font-size:9.5px!important;color:#929baa!important}

/* Security / System / Status */
.account-password-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.account-password-grid label:first-child{grid-column:1/-1!important}
.security-session-card,.system-info-card,.account-status-good,.account-status-note{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important
}
.account-status-good,.account-status-note{justify-content:flex-start!important}
.security-session-card>div,.system-info-card>div,.account-status-good>div,.account-status-note>div{min-width:0!important}
.security-session-card strong,.system-info-card strong,.account-status-good strong,.account-status-note strong{display:block!important;font-size:12px!important;color:#f1f4f8!important}
.security-session-card small,.system-info-card small,.account-status-good small,.account-status-note small{display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.4!important;color:#949dac!important}

/* Profile */
.user-settings-dialog .compact-profile-preview{
  height:205px!important;
  margin:0!important;
  border-radius:14px!important;
  overflow:visible!important;
  border:1px solid rgba(249,115,22,.12)!important;
  background:#111722!important;
}
.user-settings-dialog .compact-profile-preview .profile-edit-banner{height:126px!important;border-radius:13px 13px 10px 10px!important}
.user-settings-dialog .compact-profile-preview .profile-edit-avatar{width:84px!important;height:84px!important;left:22px!important;bottom:12px!important}
.settings-grid.profile-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.settings-grid.profile-fields .full-row{grid-column:1/-1!important}
.profile-media-card .media-edit-row{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0!important;
  padding:12px 0!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
}
.profile-media-card .media-edit-row:first-of-type{border-top:0!important;padding-top:2px!important}
.profile-media-card .media-edit-row>div:first-child{min-width:0!important}
.profile-media-card .media-edit-row strong{display:block!important;font-size:11.5px!important;color:#eff2f7!important}
.profile-media-card .media-edit-row small{display:block!important;margin-top:4px!important;font-size:9.5px!important;color:#929baa!important}
.profile-media-card .media-edit-row>div:last-child{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.profile-media-card .media-edit-row button{min-height:38px!important}
.user-settings-dialog .user-settings-tool-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.user-settings-dialog .user-settings-tool-grid button{
  width:100%!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  padding:12px!important;
  border-radius:12px!important;
  border:1px solid rgba(249,115,22,.12)!important;
  background:#111722!important;
  text-align:left!important;
}
.user-settings-dialog .user-settings-tool-grid button:hover{background:rgba(249,115,22,.08)!important;border-color:rgba(249,115,22,.22)!important}
.user-settings-dialog .user-settings-tool-grid button>.material-symbols-rounded{font-size:23px!important;color:#fb923c!important}
.user-settings-dialog .user-settings-tool-grid button strong{display:block!important;font-size:11px!important;color:#f0f3f7!important}
.user-settings-dialog .user-settings-tool-grid button small{display:block!important;margin-top:3px!important;font-size:9.5px!important;line-height:1.35!important;color:#919aaa!important}
.profile-overlay-current,.profile-band-current-preview,.profile-server-tag-card{border-color:rgba(249,115,22,.12)!important}
.profile-server-tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.profile-link-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.profile-link-grid label{min-width:0!important}

/* Appearance / Privacy / Notifications */
.profile-appearance-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.profile-appearance-actions button{width:100%!important;min-height:42px!important}

/* Voice */
.user-settings-dialog .voice-settings-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:0!important;
}
.user-settings-dialog .voice-settings-section{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:12px!important;
  border:1px solid rgba(249,115,22,.1)!important;
  background:#111722!important;
}
.user-settings-dialog .voice-settings-section label{display:flex!important;flex-direction:column!important;gap:0!important}
.user-settings-dialog .voice-settings-section select{margin-top:7px!important}
.user-settings-dialog .setting-toggle{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:10px 11px!important;
  border-radius:10px!important;
  border:1px solid rgba(249,115,22,.08)!important;
  background:rgba(255,255,255,.025)!important;
}
.user-settings-dialog .setting-toggle input{width:auto!important;min-height:0!important;margin:0!important}
.user-settings-dialog .voice-slider-label{display:grid!important;grid-template-columns:1fr auto!important;gap:7px 10px!important}
.user-settings-dialog .voice-slider-label>input[type="range"]{grid-column:1/-1!important;width:100%!important;margin:0!important}
.user-settings-dialog .voice-settings-test.embedded{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(249,115,22,.1)!important;
  background:#111722!important;
}

/* WarCoins & admin areas should keep proper full cards */
.user-settings-dialog .warcoin-wallet-hero,
.user-settings-dialog .warcoin-referral-card,
.user-settings-dialog .warcoin-overview-card,
.user-settings-dialog .warcoin-admin-panel .user-settings-card{padding:16px!important}
.user-settings-dialog .warcoin-admin-panel{max-width:none!important}
.user-settings-dialog .warcoin-admin-panel.active{display:block!important}
.user-settings-dialog .warcoin-admin-panel .warcoin-control-page{width:100%!important}

/* Footer actions */
.user-settings-dialog .user-settings-actions{
  flex:0 0 auto!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:9px 18px calc(9px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(249,115,22,.1)!important;
  background:#0e141d!important;
}
.user-settings-dialog .user-settings-actions.hidden{display:none!important}
.user-settings-dialog .user-settings-actions button{min-height:38px!important;padding:8px 14px!important}

/* Breakpoints */
@media(max-width:980px){
  .user-settings-sidebar{width:218px!important;min-width:218px!important}
  .user-settings-dialog .user-settings-scroll{padding:20px 20px 30px!important}
  .account-setting-row{grid-template-columns:1fr!important;gap:8px!important;align-items:start!important}
  .account-setting-row input{margin-top:0!important}
  .account-setting-actions{justify-content:stretch!important}.account-setting-actions button{width:100%!important}
  .profile-link-grid,.profile-server-tag-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .user-settings-dialog{
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 8px)!important;
    flex-direction:column!important;
    border-radius:10px!important;
  }
  .user-settings-sidebar{
    width:100%!important;min-width:0!important;flex:0 0 auto!important;
    padding:8px!important;border-right:0!important;border-bottom:1px solid rgba(249,115,22,.11)!important;overflow:visible!important
  }
  .user-settings-self{display:none!important}
  .user-settings-search{margin-bottom:6px!important}
  .user-settings-dialog .user-settings-tabs{flex:none!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;gap:5px!important}
  .user-settings-nav-group{display:contents!important}.user-settings-nav-group>span,.user-settings-nav-bottom,.user-settings-build{display:none!important}
  .user-settings-dialog .user-settings-tabs button{width:auto!important;min-width:max-content!important;min-height:36px!important;padding:8px 10px!important;box-shadow:none!important}
  .user-settings-dialog .user-settings-tabs button.active{box-shadow:inset 0 -2px 0 #f97316!important}
  .user-settings-main-head{height:54px!important;flex-basis:54px!important;padding:0 13px!important}.user-settings-main-head p{display:none!important}
  .user-settings-dialog .user-settings-scroll{padding:14px 11px 24px!important}
  .settings-page-title h2{font-size:20px!important}
  .account-overview-card,.account-password-grid,.settings-grid.profile-fields,.user-settings-dialog .user-settings-tool-grid,.user-settings-dialog .voice-settings-grid,.profile-appearance-actions{grid-template-columns:1fr!important}
  .account-password-grid label:first-child,.settings-grid.profile-fields .full-row{grid-column:auto!important}
  .security-session-card,.system-info-card{align-items:stretch!important;flex-direction:column!important}.security-session-card button,.system-info-card button{width:100%!important}
  .profile-media-card .media-edit-row{align-items:flex-start!important;flex-direction:column!important}.profile-media-card .media-edit-row>div:last-child{width:100%!important;justify-content:flex-start!important}.profile-media-card .media-edit-row button{flex:1!important}
  .user-settings-dialog .compact-profile-preview{height:170px!important}.user-settings-dialog .compact-profile-preview .profile-edit-banner{height:104px!important}.user-settings-dialog .compact-profile-preview .profile-edit-avatar{width:74px!important;height:74px!important}
  .user-settings-dialog .user-settings-actions{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}
}


/* WarDrix 1.8.05 – Keyboard size tuning
   Noticeably smaller than 1.8.04 while keeping every key easy to use. */
.keyboard-layout-shell-real{
  width:min(1560px,100%)!important;
  padding:14px 16px 22px!important;
}
.keyboard-layout-stage-real{
  grid-template-columns:280px minmax(980px,1fr)!important;
  gap:16px!important;
  padding:14px!important;
}
.keyboard-bindings-left{
  min-width:280px!important;
  width:280px!important;
  padding:11px!important;
  max-height:min(690px,calc(100vh - 205px))!important;
}
.keyboard-board-real{
  min-width:980px!important;
  padding:15px 15px 17px!important;
  gap:11px!important;
  border-radius:18px!important;
}
.keyboard-board-real::before{
  inset:6px!important;
  border-radius:14px!important;
}
.keyboard-board-top-real{
  min-height:30px!important;
  gap:14px!important;
}
.keyboard-board-real .keyboard-board-name{
  font-size:21px!important;
  max-width:230px!important;
}
.keyboard-board-real .keyboard-board-lights{gap:8px!important}
.keyboard-board-real .keyboard-light i{width:6px!important;height:6px!important}
.keyboard-board-real .keyboard-light small{font-size:8px!important}
.keyboard-function-grid{min-height:42px!important}
.keyboard-real-body{gap:15px!important}
.keyboard-main-grid,
.keyboard-nav-grid,
.keyboard-numpad-grid{
  grid-template-rows:repeat(5,42px)!important;
  gap:6px 0!important;
}
.keyboard-real-key{
  margin:0 3px!important;
  border-radius:7px!important;
  font-size:9px!important;
  border-bottom-width:3px!important;
}
.keyboard-real-key i{
  width:5px!important;
  height:5px!important;
  right:4px!important;
  top:4px!important;
}
.keyboard-bindings-left .keyboard-callout{
  min-height:44px!important;
  padding:6px 7px!important;
  gap:7px!important;
}
.keyboard-bindings-left .keyboard-callout-key{
  min-width:48px!important;
  height:26px!important;
  font-size:8.5px!important;
}
.keyboard-bindings-left .keyboard-callout strong{font-size:10px!important}
.keyboard-bindings-left .keyboard-callout small{font-size:7.5px!important}

@media(max-width:1100px){
  .keyboard-layout-stage-real{grid-template-columns:250px minmax(980px,1fr)!important}
  .keyboard-bindings-left{min-width:250px!important;width:250px!important}
}


/* WarDrix 1.8.06 – Personal keyboard zoom */
.keyboard-layout-shell-real{
  width:min(1420px,100%)!important;
  padding:12px 14px 20px!important;
}
.keyboard-layout-hero-real{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
}
.keyboard-scale-controls{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 7px;
  border:1px solid rgba(249,115,22,.16);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  white-space:nowrap;
}
.keyboard-scale-label{
  margin-right:2px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#949ca9;
}
.keyboard-scale-btn,.keyboard-scale-reset{
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:#15191f;
  color:#f6f7f9;
  transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
.keyboard-scale-btn:hover,.keyboard-scale-reset:hover{
  background:rgba(249,115,22,.13);
  border-color:rgba(249,115,22,.32);
  transform:translateY(-1px);
}
.keyboard-scale-btn .material-symbols-rounded,.keyboard-scale-reset .material-symbols-rounded{font-size:18px}
.keyboard-scale-value{
  min-width:42px;
  text-align:center;
  color:#fb923c;
  font-size:11px;
  font-weight:900;
}
.keyboard-scale-reset{margin-left:2px;color:#aab1bd}
.keyboard-layout-stage-real{
  grid-template-columns:250px max-content!important;
  justify-content:start!important;
  gap:14px!important;
  padding:12px!important;
}
.keyboard-bindings-left{
  min-width:250px!important;
  width:250px!important;
  padding:10px!important;
}
.keyboard-board-scale-wrap{
  grid-column:2!important;
  position:relative;
  align-self:start;
  justify-self:start;
  overflow:visible;
  min-width:0;
  min-height:0;
}
.keyboard-board-scale-wrap>.keyboard-board-real{
  grid-column:auto!important;
  will-change:transform;
}
@media(max-width:1180px){
  .keyboard-layout-hero-real{grid-template-columns:1fr auto!important}
  .keyboard-scale-controls{grid-column:1/-1;justify-self:start}
}
@media(max-width:900px){
  .keyboard-layout-stage-real{grid-template-columns:235px max-content!important}
  .keyboard-bindings-left{min-width:235px!important;width:235px!important}
}
@media(max-width:720px){
  .keyboard-layout-hero-real{grid-template-columns:1fr!important}
  .keyboard-layout-role,.keyboard-scale-controls{justify-self:stretch!important;width:100%!important}
  .keyboard-scale-controls{justify-content:center}
}


/* WarDrix 1.8.07 – Keyboard left + bindings grid below */
.keyboard-layout-shell-real{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 14px 24px!important;
}
.keyboard-layout-stage-real.keyboard-layout-stacked{
  display:block!important;
  width:100%!important;
  padding:12px!important;
  overflow:auto!important;
  background:#101115!important;
}
.keyboard-board-column{
  width:max-content;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
.keyboard-board-scale-wrap{
  grid-column:auto!important;
  justify-self:auto!important;
  align-self:auto!important;
  margin:0!important;
}
.keyboard-bindings-below{
  min-width:0!important;
  width:auto;
  max-width:100%;
  max-height:none!important;
  overflow:visible!important;
  padding:10px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.keyboard-bindings-below-head{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  padding:0 2px 8px!important;
  margin:0!important;
  border-bottom:1px solid rgba(249,115,22,.12)!important;
}
.keyboard-bindings-below-head strong{font-size:12px!important;color:#fff!important}
.keyboard-bindings-below-head small{margin:0!important;font-size:9px!important;color:#8f96a3!important;text-align:right}
.keyboard-bindings-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:8px;
  padding-top:9px;
}
.keyboard-bindings-grid .keyboard-callout{
  min-width:0!important;
  width:auto!important;
  min-height:46px!important;
  margin:0!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 26px!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:2px solid rgba(249,115,22,.46)!important;
  border-radius:9px!important;
  background:#17191f!important;
}
.keyboard-bindings-grid .keyboard-callout:hover{
  border-color:rgba(249,115,22,.25)!important;
  border-left-color:#f97316!important;
  background:rgba(249,115,22,.055)!important;
}
.keyboard-bindings-grid .keyboard-callout.selected{
  border-color:rgba(249,115,22,.40)!important;
  border-left-color:#fb923c!important;
  background:linear-gradient(180deg,rgba(249,115,22,.11),rgba(23,25,31,.98))!important;
  box-shadow:0 0 0 1px rgba(249,115,22,.08) inset!important;
}
.keyboard-bindings-grid .keyboard-callout-key{
  min-width:44px!important;
  height:27px!important;
  padding:0 5px!important;
  font-size:8.5px!important;
}
.keyboard-bindings-grid .keyboard-callout strong{
  font-size:10px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.keyboard-bindings-grid .keyboard-callout small{font-size:7.5px!important}
.keyboard-bindings-grid .keyboard-callout-delete{width:26px!important;height:26px!important}
.keyboard-bindings-grid .keyboard-callouts-empty{
  grid-column:1/-1;
  width:100%;
  min-height:58px;
  display:grid;
  place-items:center;
  margin:0!important;
}
#keyboardConnectorSvg{display:none!important}
@media(max-width:900px){
  .keyboard-board-column{max-width:none}
  .keyboard-bindings-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}
  .keyboard-bindings-below-head{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
  .keyboard-bindings-below-head small{text-align:left}
}
@media(max-width:620px){
  .keyboard-bindings-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}
}

/* WarDrix 1.8.08 – Stable keyboard binding updates */
.keyboard-board-scale-wrap>.keyboard-board-real{
  will-change:auto!important;
  transform:none!important;
  transition:none!important;
}
.keyboard-board-scale-wrap{
  width:max-content!important;
  height:auto!important;
  contain:layout style;
}
.keyboard-board-column,
.keyboard-bindings-below,
.keyboard-bindings-grid{
  transition:none!important;
}


/* WarDrix 1.8.09 – Channel & Category Context Workflow */
#channelContextMenu.channel-context-menu{
  width:310px!important;
  padding:8px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 16%),linear-gradient(145deg,rgba(249,115,22,.085),rgba(249,115,22,0) 34%),#111722!important;
  border:1px solid rgba(249,115,22,.25)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset!important;
  backdrop-filter:blur(18px)!important;
}
#channelContextMenu .channel-context-item{
  min-height:44px!important;
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  align-items:center!important;
}
#channelContextMenu .channel-context-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
}
#channelContextMenu .channel-context-label{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:inherit!important;
  white-space:normal!important;
  line-height:1.28!important;
  font-size:13.25px!important;
  font-weight:650!important;
}
#channelContextMenu .channel-context-label>.material-symbols-rounded{font-size:18px!important;color:#c7cbd4!important}
#channelContextMenu .channel-context-note{
  display:block!important;
  max-width:100%!important;
  padding-left:28px!important;
  color:#89919f!important;
  font-size:10.5px!important;
  font-weight:500!important;
  line-height:1.3!important;
  white-space:normal!important;
}
#channelContextMenu .channel-context-item:hover:not(:disabled),
#channelContextMenu .channel-context-submenu-host.open>.channel-context-item{
  background:linear-gradient(180deg,rgba(249,115,22,.19),rgba(249,115,22,.12))!important;
  border-color:rgba(249,115,22,.19)!important;
  color:#fff!important;
}
#channelContextMenu .channel-context-item:hover .channel-context-label>.material-symbols-rounded,
#channelContextMenu .channel-context-submenu-host.open>.channel-context-item .channel-context-label>.material-symbols-rounded{color:#ff9c4a!important}
#channelContextMenu .channel-context-check{
  flex:0 0 auto!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:6px!important;
  background:#0b111a!important;
  color:#fff!important;
}
#channelContextMenu .channel-context-check>.material-symbols-rounded{font-size:15px!important}
#channelContextMenu .channel-context-check.checked{background:linear-gradient(180deg,#fb923c,#f97316)!important;border-color:#fb923c!important;box-shadow:0 0 12px rgba(249,115,22,.22)!important}
#channelContextMenu .channel-context-submenu{width:286px!important;padding:8px!important;border-radius:14px!important}
#channelContextMenu .channel-context-separator{margin:6px 5px!important;background:rgba(249,115,22,.13)!important}
#channelContextMenu .channel-context-item:disabled{opacity:.48!important}
#channelContextMenu .channel-context-item.danger .channel-context-label>.material-symbols-rounded{color:#ff9d9d!important}
.category-head{cursor:default}
.category-head:hover{outline:1px solid rgba(249,115,22,.04);outline-offset:-1px}
@media(max-width:620px){#channelContextMenu.channel-context-menu{width:min(310px,calc(100vw - 16px))!important}#channelContextMenu .channel-context-submenu{width:min(286px,calc(100vw - 24px))!important}}


/* WarDrix 1.8.10 – Sidebar Context Creation */
.channel-tree-toolbar{
  display:flex!important;
  justify-content:flex-end;
  align-items:center;
  gap:0!important;
  padding:6px 8px 0!important;
  min-height:0;
  background:transparent!important;
}
.channel-tree-toolbar #serverActionsBtn{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
}
.channel-tree-toolbar #serverActionsBtn.hidden{display:none!important}
.channel-tree-toolbar:has(#serverActionsBtn.hidden){display:none!important}
#guildNav{position:relative}
#categoryTree{min-height:120px;padding-top:4px;padding-bottom:18px}
.category-head{padding-right:9px}
.channel-context-item .material-symbols-rounded{flex:0 0 auto}
@media(max-width:760px){
  .channel-tree-toolbar{display:flex!important;justify-content:flex-end!important;padding:5px 7px 0!important}
  .channel-tree-toolbar:has(#serverActionsBtn.hidden){display:none!important}
}


/* WarDrix 1.8.11 – Servername im Sidebar-Kopf + Syntax/Bänder bereinigt */
.channel-tree-toolbar{display:flex!important;align-items:center;justify-content:flex-start;padding:8px 10px 4px!important;min-height:42px;border-bottom:1px solid #ffffff0d;margin:0 0 6px;background:transparent!important}
#serverActionsBtn.server-actions-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;height:34px;padding:0 10px!important;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(180deg,#2a2c31,#22242a);color:#f3f4f6;box-shadow:inset 0 1px 0 #ffffff10,0 8px 20px #00000022}
#serverActionsBtn.server-actions-trigger.hidden{display:none!important}
#serverActionsBtn .server-actions-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.02em;color:#fff;text-align:left;flex:1}
#serverActionsBtn .server-actions-chevron{font-size:18px;color:#fb923c;flex:0 0 auto}
#serverActionsBtn:hover{border-color:#f9731659;background:linear-gradient(180deg,#31343a,#26282f)}
.channel-tree-toolbar:has(#serverActionsBtn.hidden){display:none!important}
.server-actions-menu{top:calc(100% - 2px);left:10px;right:10px;width:auto}
#wdxHelpBtn{display:none!important}
.profile-band-current{display:block!important;padding:14px 16px;border:1px dashed #ffffff14;border-radius:12px;background:#17191f}
.profile-band-current-copy strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}
.profile-band-current-copy small{display:block;color:#a7aab4;font-size:12px;line-height:1.45}
.profile-band-shop-grid{display:grid;gap:12px}
.profile-band-shop-empty{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px dashed #ffffff14;border-radius:14px;background:#17191f;color:#d8dae0}
.profile-band-shop-empty .material-symbols-rounded{font-size:26px;color:#fb923c}
.profile-band-shop-empty strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.profile-band-shop-empty small{display:block;color:#a7aab4;font-size:12px;line-height:1.5}
@media(max-width:760px){.channel-tree-toolbar{padding:7px 8px 3px!important;min-height:40px}.server-actions-menu{left:8px;right:8px}}


/* WarDrix 1.8.12 – Header + Kontext + Spezialrechte */
.channel-tree-toolbar{display:block!important;padding:10px 10px 6px!important;min-height:auto!important;background:transparent!important;border-bottom:1px solid #ffffff10;margin:0 0 6px!important}
#serverActionsBtn.server-actions-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:none!important;min-width:0!important;height:36px!important;padding:0 12px!important;border-radius:11px!important;border:1px solid #f9731638!important;background:linear-gradient(180deg,#2b2e35,#23262d)!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff10,0 12px 24px #0000001f!important;font-size:13px!important;overflow:hidden!important}
#serverActionsBtn .server-actions-label{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;color:#f8fafc!important}
#serverActionsBtn .server-actions-chevron{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;font-size:18px!important;color:#fb923c!important;margin-left:8px!important}
.server-actions-menu{top:44px!important;left:10px!important;right:10px!important;width:auto!important}
@media(max-width:760px){.channel-tree-toolbar{padding:8px 8px 4px!important}.server-actions-menu{left:8px!important;right:8px!important}}


/* WarDrix 1.8.13 – WarCoins Layout + explizite Plattformrechte */
/* Servername: alte 30px-Regeln endgültig überschreiben. */
.channel-tree-toolbar #serverActionsBtn.server-actions-trigger{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  padding:0 12px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-radius:10px!important;
}
.channel-tree-toolbar #serverActionsBtn.server-actions-trigger .server-actions-label{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.channel-tree-toolbar #serverActionsBtn.server-actions-trigger .server-actions-chevron{
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  margin:0!important;
}

/* WarCoins-Verwaltung: keine verschachtelte linke Leiste mehr, dadurch volle Arbeitsbreite. */
.user-settings-dialog .user-settings-scroll:has(.warcoin-admin-panel.active){
  padding:10px!important;
  overflow:hidden!important;
}
.user-settings-dialog .warcoin-admin-panel.active{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
}
.user-settings-dialog .warcoin-control-shell{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:13px!important;
}
.user-settings-dialog .warcoin-control-nav{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding:8px 10px!important;
  border-right:0!important;
  border-bottom:1px solid rgba(249,115,22,.12)!important;
}
.user-settings-dialog .warcoin-control-brand{
  min-width:max-content!important;
  padding:4px 12px 4px 2px!important;
  margin:0!important;
  border-bottom:0!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
}
.user-settings-dialog .warcoin-control-brand>.material-symbols-rounded{
  width:32px!important;height:32px!important;font-size:19px!important;
}
.user-settings-dialog .warcoin-control-nav-list{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 0 1px!important;
  scrollbar-width:thin!important;
}
.user-settings-dialog .warcoin-control-nav-list button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  min-height:34px!important;
  padding:7px 9px!important;
  gap:6px!important;
  white-space:nowrap!important;
}
.user-settings-dialog .warcoin-control-nav-list button.active{box-shadow:inset 0 -2px 0 #f97316!important}
.user-settings-dialog .warcoin-control-nav-list button .material-symbols-rounded{font-size:17px!important}
.user-settings-dialog .warcoin-control-main{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.user-settings-dialog .warcoin-control-head{
  min-width:0!important;
  padding:11px 14px!important;
  gap:10px!important;
}
.user-settings-dialog .warcoin-control-head>div{min-width:0!important}
.user-settings-dialog .warcoin-control-head h2{font-size:16px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.user-settings-dialog .warcoin-control-head p{font-size:9.5px!important;line-height:1.35!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.user-settings-dialog .warcoin-control-head button{flex:0 0 auto!important;min-height:36px!important;padding:8px 10px!important}
.user-settings-dialog .warcoin-control-scroll{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  padding:12px 14px 22px!important;
}
.user-settings-dialog .warcoin-control-page,
.user-settings-dialog .warcoin-control-page>.user-settings-card,
.user-settings-dialog .warcoin-rule-grid,
.user-settings-dialog .warcoin-rule-group,
.user-settings-dialog .warcoin-rule-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.user-settings-dialog .warcoin-admin-panel .user-settings-card{padding:14px!important}
.user-settings-dialog .warcoin-rule-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
.user-settings-dialog .warcoin-rule-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.user-settings-dialog .warcoin-rule-group-head{grid-column:1/-1!important;margin:7px 0 0!important}
.user-settings-dialog .warcoin-rule-card{padding:11px!important;border-radius:11px!important}
.user-settings-dialog .warcoin-rule-head{min-width:0!important;gap:10px!important}
.user-settings-dialog .warcoin-rule-head>div{min-width:0!important}
.user-settings-dialog .warcoin-rule-head strong{font-size:11.5px!important}
.user-settings-dialog .warcoin-rule-head small{font-size:9px!important;line-height:1.35!important}
.user-settings-dialog .warcoin-rule-fields,
.user-settings-dialog .warcoin-rule-card.no-cooldown .warcoin-rule-fields{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
  gap:8px!important;
  min-width:0!important;
  margin-top:10px!important;
}
.user-settings-dialog .warcoin-rule-fields label{min-width:0!important;font-size:9px!important}
.user-settings-dialog .warcoin-number-wrap{
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  margin-top:5px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.user-settings-dialog .warcoin-number-wrap input[type="number"]{
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:6px 7px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.user-settings-dialog .warcoin-number-wrap span{
  flex:0 0 auto!important;
  padding:0 7px 0 3px!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
.user-settings-dialog .warcoin-admin-stats{grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:8px!important}
.user-settings-dialog .warcoin-global-grid{min-width:0!important}
.user-settings-dialog .warcoin-user-row{min-width:0!important}

@media(max-width:980px){
  .user-settings-dialog .warcoin-rule-group{grid-template-columns:1fr!important}
  .user-settings-dialog .warcoin-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .user-settings-dialog .user-settings-scroll:has(.warcoin-admin-panel.active){padding:8px!important;overflow:auto!important}
  .user-settings-dialog .warcoin-control-shell{height:auto!important;min-height:650px!important}
  .user-settings-dialog .warcoin-control-nav{grid-template-columns:1fr!important;gap:6px!important}
  .user-settings-dialog .warcoin-control-brand{display:none!important}
  .user-settings-dialog .warcoin-control-head{align-items:flex-start!important;flex-wrap:wrap!important}
  .user-settings-dialog .warcoin-control-head button{width:100%!important}
  .user-settings-dialog .warcoin-control-head p{white-space:normal!important}
  .user-settings-dialog .warcoin-control-scroll{overflow:visible!important;padding:10px!important}
}
@media(max-width:520px){
  .user-settings-dialog .warcoin-admin-stats{grid-template-columns:1fr 1fr!important}
  .user-settings-dialog .warcoin-rule-fields,.user-settings-dialog .warcoin-rule-card.no-cooldown .warcoin-rule-fields{grid-template-columns:1fr 1fr!important}
}


/* WarDrix 1.8.14 – persönliche Plattform-/WarCoins-Teamfreigaben */
.platform-access-intro{display:flex;align-items:flex-start;gap:14px}
.platform-access-intro>.material-symbols-rounded{font-size:28px;color:#fb923c;flex:0 0 auto}
.platform-access-intro strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}
.platform-access-intro small{display:block;color:#a9adb8;font-size:12px;line-height:1.5}
.platform-access-card{display:grid;gap:12px}
.platform-access-search{display:flex!important;align-items:center;gap:8px;width:min(440px,100%);height:38px;padding:0 11px;border:1px solid #ffffff16;border-radius:10px;background:#0f131b}
.platform-access-search>.material-symbols-rounded{font-size:18px;color:#8d94a3}
.platform-access-search input{width:100%!important;min-width:0!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;color:#f5f7fb!important;box-shadow:none!important}
.platform-access-legend{display:grid;grid-template-columns:minmax(180px,1fr) minmax(350px,auto);gap:14px;padding:0 12px;color:#777f8e;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.platform-access-member-list{display:grid;gap:8px}
.platform-access-member{display:grid;grid-template-columns:42px minmax(180px,1fr) minmax(350px,auto);align-items:center;gap:12px;padding:11px 12px;border:1px solid #ffffff10;border-radius:12px;background:#111620;transition:border-color .16s,background .16s,opacity .16s}
.platform-access-member:hover{border-color:#f9731638;background:#151b26}
.platform-access-member.saving{opacity:.65}
.platform-access-avatar{width:38px;height:38px;flex:0 0 38px;font-size:11px}
.platform-access-identity{min-width:0}.platform-access-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f6f8;font-size:13px}.platform-access-identity small{display:block;margin-top:2px;color:#8e95a3;font-size:11px}
.platform-access-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.platform-access-toggle{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:7px 9px!important;border:1px solid #ffffff10!important;border-radius:9px!important;background:#0d1118!important;color:#dfe3e9!important;font-size:11px!important;white-space:nowrap}
.platform-access-toggle input{position:absolute;opacity:0;pointer-events:none}.platform-access-toggle .switch-ui{position:relative;width:30px;height:17px;border-radius:999px;background:#363d49;border:1px solid #ffffff14;transition:.18s}.platform-access-toggle .switch-ui:after{content:'';position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#aab0bb;transition:.18s}.platform-access-toggle input:checked+.switch-ui{background:#7c2d12;border-color:#f97316}.platform-access-toggle input:checked+.switch-ui:after{left:15px;background:#ff9a42}.platform-access-toggle input:disabled+.switch-ui{opacity:.7}
.platform-access-fixed{font-size:10px;font-weight:800;color:#fb923c;border:1px solid #f973163d;border-radius:999px;padding:5px 8px;background:#f9731610}
.platform-access-empty{padding:24px 14px;text-align:center;border:1px dashed #ffffff12;border-radius:12px;color:#8e95a3;font-size:12px}
@media(max-width:900px){.platform-access-legend{display:none}.platform-access-member{grid-template-columns:38px minmax(0,1fr)}.platform-access-controls{grid-column:1/-1;justify-content:flex-start;padding-left:50px}.platform-access-toggle{flex:1 1 180px;justify-content:flex-start!important}}
@media(max-width:560px){.platform-access-member{padding:10px}.platform-access-controls{padding-left:0}.platform-access-toggle{flex-basis:100%}}

/* WarDrix 1.8.14 – WarCoins Verwaltung stabil und breit */
.user-settings-dialog .warcoin-admin-panel.active{
  overflow:hidden!important;
}
.user-settings-dialog .warcoin-control-shell{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
}
.user-settings-dialog .warcoin-control-nav{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:7px 9px!important;
  border-right:0!important;
  border-bottom:1px solid rgba(249,115,22,.14)!important;
  background:#0f131d!important;
}
.user-settings-dialog .warcoin-control-brand{display:none!important}
.user-settings-dialog .warcoin-control-nav-list{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 0 2px!important;
}
.user-settings-dialog .warcoin-control-nav-list button{
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}
.user-settings-dialog .warcoin-control-main{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.user-settings-dialog .warcoin-control-scroll{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
}
.user-settings-dialog .warcoin-rule-group{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.user-settings-dialog .warcoin-rule-fields,
.user-settings-dialog .warcoin-rule-card.no-cooldown .warcoin-rule-fields{
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
}
@media(max-width:980px){
  .user-settings-dialog .warcoin-rule-group{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .user-settings-dialog .warcoin-control-shell{display:flex!important;flex-direction:column!important;height:auto!important;min-height:650px!important}
  .user-settings-dialog .warcoin-control-nav-list{display:flex!important;overflow-x:auto!important}
}


/* WarDrix 1.8.15 – Strict WarDrix Official access visibility */
#profileDialog #platformSettingsGroup.hidden,
#profileDialog .user-settings-nav-group.hidden{
  display:none!important;
}
#profileDialog #platformSettingsGroup > button.hidden,
#profileDialog .user-settings-tabs button.hidden,
#profileDialog .platform-settings-tab.hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:760px){
  #profileDialog #platformSettingsGroup.hidden{display:none!important}
  #profileDialog #platformSettingsGroup > button.hidden{display:none!important}
}


/* WarDrix 1.8.16 – Fixed Area Rename + Header Bell Removal */
#notificationSettingsBtn{display:none!important}
#channelDialog form[data-channel-type="category"] #channelCreateName:not([readonly]){cursor:text;user-select:text}
#channelDialog #channelCreateName:not([readonly]){pointer-events:auto!important;opacity:1!important}


/* WarDrix 1.8.17 – Sidebar Context & Foreground Feedback */
.sidebar-feature-row{
  display:block!important;
  grid-template-columns:none!important;
  padding-right:0!important;
}
.sidebar-feature-row>.channel-item{
  width:100%!important;
  min-width:0!important;
}
.sidebar-feature-more{display:none!important}

/* Toasts must sit above native modal dialogs (server settings, role editor, etc.). */
#toast[popover]{
  position:fixed!important;
  inset:auto!important;
  left:50%!important;
  top:max(18px,env(safe-area-inset-top))!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:2147483647!important;
  pointer-events:none!important;
}
#toast:popover-open{display:block!important}

/* Confirmation always gets a clean foreground layer above already-open settings dialogs. */
#confirmDialog[open]{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  z-index:2147483646!important;
}
#confirmDialog[open]>.dialog-card{
  position:relative!important;
  z-index:2!important;
  width:min(470px,calc(100vw - 28px))!important;
  box-shadow:0 24px 90px rgba(0,0,0,.72),0 0 0 1px rgba(249,115,22,.16)!important;
}
#confirmDialog::backdrop{
  background:rgba(3,5,8,.72)!important;
  backdrop-filter:blur(7px)!important;
}


/* WarDrix 1.8.18 – Saubere Sidebar-Icon-Ausrichtung */
.channel-item,.voice-item{
  gap:0!important;
  align-items:center!important;
}

/* Fester Icon-Slot links, damit alle Emojis/Symbole sauber in einer Linie sitzen */
.channel-item>.channel-icon,
.voice-item>.voice-channel-icon-row,
.sidebar-feature-row>.channel-item>.channel-icon{
  width:36px!important;
  min-width:36px!important;
  flex:0 0 36px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  margin-right:8px!important;
  line-height:1!important;
}

.channel-icon,
.voice-channel-custom-icon,
.category-emoji{
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}

.channel-icon{
  font-size:16px!important;
  text-align:center!important;
}

.voice-channel-icon-row{
  width:36px!important;
  min-width:36px!important;
  grid-template-columns:1fr!important;
  column-gap:0!important;
}

.voice-channel-custom-icon{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  font-size:15px!important;
}

/* Name beginnt überall gleich – Lautsprecher bleibt rechts */
.channel-item>.name,
.voice-item>.name{
  padding-left:0!important;
  margin-left:0!important;
}

.voice-item>.voice-channel-trailing-speaker{
  margin-left:10px!important;
}

/* Kategorien optisch ruhiger und mit identischer Emoji-Ausrichtung */
.category-head{
  gap:4px!important;
}
.category-emoji{
  width:18px!important;
  min-width:18px!important;
  font-size:15px!important;
  color:#fdba74!important;
}
.category-label{
  gap:8px!important;
}

/* Auch die festen Reiter oben links gleichmäßig halten */
.sidebar-feature-row>.channel-item{
  min-height:42px!important;
}


/* WarDrix 1.8.19 – Emoji / Google Icons / GIF Auswahl */
#emojiPicker.picker-popover{grid-template-rows:auto auto auto auto auto 1fr!important;height:min(500px,calc(100vh - 16px))!important}
.emoji-source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:2px 0 1px}
.emoji-source-tabs.hidden{display:none!important}
.emoji-source-tabs button{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff12;border-radius:8px;background:#121318;color:#c9cbd2;font-size:11px;font-weight:700;padding:0 8px}
.emoji-source-tabs button:hover{background:#ffffff0a;color:#fff;border-color:#ffffff1e}
.emoji-source-tabs button.active{background:#f973161b;border-color:#f973166b;color:#fff;box-shadow:inset 0 -2px 0 #f97316}
.emoji-source-tabs .material-symbols-rounded{font-size:18px;color:#fb923c}
.emoji-grid .material-icon-choice{font-size:0!important;display:grid;place-items:center}
.emoji-grid .material-icon-choice .material-symbols-rounded{font-size:24px;color:#eceef2;font-variation-settings:'FILL' 0,'wght' 450,'GRAD' 0,'opsz' 24}
.emoji-grid .material-icon-choice:hover .material-symbols-rounded{color:#fb923c}
.emoji-grid:has(.gif-icon-choice),.emoji-grid:has(.emoji-gif-upload){grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:7px}
.emoji-gif-upload{grid-column:1/-1!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:9px 11px!important;border:1px dashed #f9731660!important;background:#f973160c!important;color:#f5f5f6!important;text-align:left!important;transform:none!important}
.emoji-gif-upload>.material-symbols-rounded{font-size:24px;color:#fb923c}
.emoji-gif-upload span:last-child{display:grid;gap:2px}
.emoji-gif-upload strong{font-size:11px}.emoji-gif-upload small{font-size:9px;color:#aeb1b8}
.gif-icon-choice{height:66px!important;overflow:hidden!important;border:1px solid #ffffff10!important;background:#101116!important;padding:3px!important;transform:none!important}
.gif-icon-choice:hover{border-color:#f9731680!important;background:#17181e!important;transform:none!important}
.gif-icon-choice img{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}
.wardrix-gif-icon{overflow:hidden!important}
.wardrix-gif-icon img{width:18px;height:18px;display:block;object-fit:cover;border-radius:4px}
.channel-editor-preview .wardrix-gif-icon img,#channelEmojiPreview.wardrix-gif-icon img{width:22px;height:22px}
.wardrix-material-icon>.material-symbols-rounded{font-size:inherit!important;line-height:1!important;color:inherit!important}
#channelEmojiPreview.wardrix-material-icon>.material-symbols-rounded,#channelPreviewIcon.wardrix-material-icon>.material-symbols-rounded{font-size:21px!important}
@media(max-width:520px){.emoji-source-tabs button span:last-child{display:none}.emoji-grid:has(.gif-icon-choice),.emoji-grid:has(.emoji-gif-upload){grid-template-columns:repeat(3,minmax(0,1fr))}}


/* WarDrix 1.8.20 – Universal Symbol Picker, sauber getrennte Quellen */
#emojiPicker.picker-popover{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:10px;
  overflow:hidden;
  background:#17191f;
  border:1px solid #ffffff1a;
  border-radius:14px;
  box-shadow:0 24px 70px #000c,0 0 0 1px #f973160f;
}
#emojiPicker.picker-popover.hidden{display:none!important}
#emojiPicker .picker-head{flex:0 0 auto;min-height:30px;padding:0 2px 2px;border-bottom:1px solid #ffffff0e}
#emojiPicker .picker-head strong{font-size:13px;font-weight:900;color:#f7f7f8}
#emojiPicker .picker-head button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:9px;background:#202229;color:#d6d7dc}
#emojiPicker .picker-head button:hover{border-color:#f973165c;color:#fff;background:#f9731612}
#emojiPicker .emoji-source-tabs{flex:0 0 auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0!important;overflow:visible!important}
#emojiPicker .emoji-source-tabs.hidden{display:grid!important}
#emojiPicker .emoji-source-tabs button{height:38px;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;border:1px solid #ffffff12;border-radius:9px;background:#111319;color:#bfc2ca;font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden}
#emojiPicker .emoji-source-tabs button:hover:not(:disabled){background:#20232a;border-color:#ffffff22;color:#fff}
#emojiPicker .emoji-source-tabs button.active{background:#f9731618;border-color:#f9731680;color:#fff;box-shadow:inset 0 -2px 0 #f97316}
#emojiPicker .emoji-source-tabs button:disabled{opacity:.38;cursor:not-allowed}
#emojiPicker .emoji-source-tabs .material-symbols-rounded{font-size:18px;color:#fb923c;flex:0 0 auto}
#emojiPicker .emoji-source-native{font-size:17px;line-height:1}
#emojiPicker>#emojiSearch{flex:0 0 auto;height:38px;padding:0 11px;border:1px solid #ffffff14;border-radius:9px;background:#0f1116;color:#f1f2f4;font-size:11px;outline:none}
#emojiPicker>#emojiSearch:focus{border-color:#f9731670;box-shadow:0 0 0 2px #f9731618}
#emojiPicker .emoji-clear-btn{flex:0 0 auto;min-height:34px;margin:0;border:1px solid #ffffff12;border-radius:8px;background:#202229;color:#d7d9df}
#emojiPicker .emoji-tabs{flex:0 0 36px;display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 4px;border-bottom:1px solid #ffffff0e;scrollbar-width:thin}
#emojiPicker .emoji-tabs button{flex:0 0 32px;width:32px;height:30px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:8px;background:transparent;font-size:16px;line-height:1;box-shadow:none}
#emojiPicker .emoji-tabs button:hover{background:#ffffff0b;transform:none}
#emojiPicker .emoji-tabs button.active{background:#f973161a;box-shadow:inset 0 -2px 0 #f97316}
#emojiPicker .emoji-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:38px;gap:3px;align-content:start;padding:3px 2px 6px}
#emojiPicker .emoji-grid>button:not(.emoji-gif-upload){min-width:0;height:38px;border:0;border-radius:8px;background:transparent;padding:0;display:grid;place-items:center;font-size:21px;line-height:1;overflow:hidden}
#emojiPicker .emoji-grid>button:not(.emoji-gif-upload):hover{background:#ffffff0d;transform:none}
#emojiPicker .emoji-grid .material-icon-choice .material-symbols-rounded{font-size:23px;color:#e7e9ed}
#emojiPicker .emoji-grid .material-icon-choice:hover .material-symbols-rounded{color:#fb923c}
#emojiPicker .emoji-grid:has(.gif-icon-choice),#emojiPicker .emoji-grid:has(.emoji-gif-upload),#emojiPicker .emoji-grid:has(.emoji-gif-info){grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:7px}
#emojiPicker .gif-icon-choice{height:68px!important;border:1px solid #ffffff10!important;background:#0f1116!important;overflow:hidden!important}
#emojiPicker .gif-icon-choice:hover{border-color:#f973166a!important;background:#151820!important}
#emojiPicker .gif-icon-choice img{display:block;width:100%;height:100%;object-fit:cover}
#emojiPicker .emoji-gif-upload,#emojiPicker .emoji-gif-info{grid-column:1/-1!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:10px 12px!important;border:1px dashed #f973165c!important;border-radius:10px!important;background:#f9731609!important;color:#f4f5f7!important;text-align:left!important;transform:none!important}
#emojiPicker .emoji-gif-info{border-style:solid!important;border-color:#ffffff12!important;background:#111319!important}
#emojiPicker .emoji-gif-upload>.material-symbols-rounded,#emojiPicker .emoji-gif-info>.material-symbols-rounded{font-size:23px;color:#fb923c;flex:0 0 auto}
#emojiPicker .emoji-gif-upload span:last-child,#emojiPicker .emoji-gif-info span:last-child{display:grid;gap:2px;min-width:0}
#emojiPicker .emoji-gif-upload strong,#emojiPicker .emoji-gif-info strong{font-size:11px;color:#fff}
#emojiPicker .emoji-gif-upload small,#emojiPicker .emoji-gif-info small{font-size:9px;line-height:1.35;color:#aeb1b8}
#emojiPicker .emoji-grid>small{grid-column:1/-1;padding:16px 8px;color:#969aa4;font-size:10px;text-align:center}
.wdx-inline-material-icon{display:inline-flex!important;vertical-align:-.18em;font-size:1.15em!important;line-height:1!important;color:#fb923c;margin:0 .06em}
.wdx-inline-gif{display:inline-block;width:2.2em;height:2.2em;object-fit:cover;vertical-align:-.7em;border-radius:.45em;margin:0 .12em;border:1px solid #ffffff18}
.reaction-icon,.reaction-role-button-icon,.reaction-role-map-emoji{display:inline-grid;place-items:center;min-width:20px;min-height:20px}
.reaction-icon.wardrix-gif-icon img,.reaction-role-button-icon.wardrix-gif-icon img,.reaction-role-map-emoji.wardrix-gif-icon img{width:22px;height:22px;object-fit:cover;border-radius:5px}
.reaction-icon.wardrix-material-icon .material-symbols-rounded,.reaction-role-button-icon.wardrix-material-icon .material-symbols-rounded,.reaction-role-map-emoji.wardrix-material-icon .material-symbols-rounded{font-size:20px;color:#fb923c}
@media(max-width:520px){
  #emojiPicker .emoji-source-tabs button{gap:4px;padding:0 5px;font-size:9px}
  #emojiPicker .emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  #emojiPicker .emoji-grid:has(.gif-icon-choice),#emojiPicker .emoji-grid:has(.emoji-gif-upload),#emojiPicker .emoji-grid:has(.emoji-gif-info){grid-template-columns:repeat(3,minmax(0,1fr))}
}

.wdx-inline-gif-shell{display:inline-grid;place-items:center;width:2.2em;height:2.2em;vertical-align:-.7em;margin:0 .12em;border-radius:.45em;overflow:hidden;border:1px solid #ffffff18;background:#0f1116}.wdx-inline-gif-shell .wdx-inline-gif{width:100%;height:100%;margin:0;border:0;border-radius:0}.wdx-inline-gif-loading{font-size:.58em;color:#8f939c}


/* WarDrix 1.8.21 – Universeller Symbol-Picker Feinschliff */
#emojiPicker .emoji-grid.material-mode{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:38px;gap:4px}
#emojiPicker .material-icon-wrap{position:relative;width:100%;height:38px}
#emojiPicker .material-icon-wrap>.material-icon-choice{width:100%;height:38px;border:0;border-radius:8px;background:transparent;padding:0;display:grid;place-items:center}
#emojiPicker .material-icon-wrap>.material-icon-choice:hover{background:#ffffff0d}
#emojiPicker .material-icon-wrap>.material-icon-choice .material-symbols-rounded{font-size:23px;color:#e7e9ed;transition:color .15s ease,transform .15s ease}
#emojiPicker .material-icon-wrap:hover>.material-icon-choice .material-symbols-rounded,#emojiPicker .material-icon-wrap:focus-within>.material-icon-choice .material-symbols-rounded{transform:translateY(1px)}
#emojiPicker .material-icon-palette{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%,4px);display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ffffff14;border-radius:999px;background:#111319;box-shadow:0 10px 24px #0008;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:8}
#emojiPicker .material-icon-wrap:hover .material-icon-palette,#emojiPicker .material-icon-wrap:focus-within .material-icon-palette{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#emojiPicker .material-color-swatch{width:14px!important;height:14px!important;min-width:14px!important;border-radius:50%!important;border:1px solid #ffffff30!important;background:var(--swatch)!important;box-shadow:0 0 0 1px #0006 inset;padding:0!important}
#emojiPicker .material-color-swatch:hover,#emojiPicker .material-color-swatch.active{transform:none!important;border-color:#ffffff90!important;box-shadow:0 0 0 2px #f9731640,0 0 0 1px #0007 inset}
#emojiPicker .emoji-gif-upload,#emojiPicker .emoji-gif-info{grid-column:1/-1!important;min-height:120px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:18px 16px!important;text-align:center!important;transform:none!important}
#emojiPicker .emoji-gif-upload>.material-symbols-rounded,#emojiPicker .emoji-gif-info>.material-symbols-rounded{font-size:30px}
#emojiPicker .emoji-gif-upload span:last-child,#emojiPicker .emoji-gif-info span:last-child{display:grid;gap:3px;justify-items:center;text-align:center;min-width:0}
#emojiPicker .emoji-gif-upload strong,#emojiPicker .emoji-gif-info strong{font-size:12px}
#emojiPicker .emoji-gif-upload small,#emojiPicker .emoji-gif-info small{font-size:10px}
@media(max-width:760px){#emojiPicker .emoji-grid.material-mode{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:560px){#emojiPicker .emoji-grid.material-mode{grid-template-columns:repeat(6,minmax(0,1fr))}}


/* WarDrix 1.8.22 – Google Icon Farbe per Rechtsklick */
#emojiPicker .material-icon-palette{display:none!important}
#emojiPicker .material-icon-wrap{position:relative!important;height:38px!important}
#emojiPicker .material-icon-wrap>.material-icon-choice{width:100%!important;height:38px!important}
#emojiPicker .material-icon-wrap>.material-icon-choice .material-symbols-rounded{color:#e7e9ed!important;transform:none!important}
#emojiPicker .material-icon-wrap>.material-icon-choice:hover .material-symbols-rounded{color:#fb923c!important;transform:none!important}
#emojiPicker .material-icon-color-menu{
  position:absolute!important;
  z-index:2147483000!important;
  width:204px;
  padding:9px;
  border:1px solid #ffffff1c;
  border-radius:12px;
  background:#101217f8;
  box-shadow:0 16px 42px #000c,0 0 0 1px #f9731618;
  backdrop-filter:blur(14px);
}
#emojiPicker .material-icon-color-head{
  display:flex;
  align-items:center;
  gap:8px;
  padding:2px 3px 8px;
  color:#f5f5f6;
  font-size:11px;
  font-weight:850;
  border-bottom:1px solid #ffffff0e;
  margin-bottom:8px;
}
#emojiPicker .material-icon-color-head .material-symbols-rounded{font-size:19px;color:#fb923c}
#emojiPicker .material-icon-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
#emojiPicker .material-color-choice{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:0!important;
  border-radius:50%!important;
  border:2px solid #ffffff28!important;
  background:var(--swatch)!important;
  box-shadow:0 0 0 1px #0008 inset!important;
  cursor:pointer;
}
#emojiPicker .material-color-choice:hover{
  transform:scale(1.1)!important;
  border-color:#ffffffc8!important;
  box-shadow:0 0 0 2px #f9731640,0 0 0 1px #0008 inset!important;
}
#emojiPicker .material-color-choice.standard{
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#f4f4f5 0 48%,#2a2d34 48% 52%,#111319 52%)!important;
  color:#fff!important;
}
#emojiPicker .material-color-choice.standard .material-symbols-rounded{font-size:15px!important;color:#fff!important;text-shadow:0 1px 2px #000}


/* WarDrix 1.8.28 – Premium-Avatarrahmen */
.avatar-frame-grid{align-content:start}.avatar-frame-section-title{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:10px 4px 2px}.avatar-frame-section-title strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f4f4f7}.avatar-frame-section-title small{font-size:10px;color:#9fa1ad}.avatar-frame-card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.avatar-frame-premium-badge{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.08em;color:#fdba74;background:#2a180c;border:1px solid #f9731660;border-radius:999px;padding:3px 7px}.avatar-frame-card.premium{border-color:#f9731638!important;background:linear-gradient(145deg,#1f1712,#17171c 60%)!important}.avatar-frame-card.premium:hover{border-color:#f9731688!important}.avatar-frame-card.locked-premium .avatar-frame-state{background:#2b1a0f;color:#fdba74;border-color:#f9731655}.avatar-frame-card.locked-premium.active .avatar-frame-state{background:#f97316;color:#fff;border-color:#f97316}


/* WarDrix 1.8.32 – Header icon rendering + adaptive controls */
.chat-main{
  container-type:inline-size;
  container-name:wardrix-chat;
}
.chat-header{
  min-width:0!important;
  overflow:visible!important;
}
.chat-header>.chat-title{
  min-width:72px!important;
  flex:1 1 auto!important;
}
.chat-header>.spacer{
  flex:1 1 12px!important;
  min-width:0!important;
}
.channel-glyph{
  width:24px;
  min-width:24px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  overflow:hidden;
  white-space:nowrap;
}
.channel-glyph.wardrix-material-icon>.material-symbols-rounded,
.channel-glyph>.material-symbols-rounded{
  font-size:20px!important;
  line-height:1!important;
}

/* Buttons must never let labels escape their own bounds. */
.chat-header button,
.user-settings-dialog .warcoin-control-nav-list button,
.user-settings-dialog .warcoin-control-head button,
.user-settings-dialog .user-settings-card-head>button{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.chat-header button>span:not(.material-symbols-rounded),
.user-settings-dialog .warcoin-control-nav-list button>span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Header reacts to the REAL chat width, not merely the browser window width. */
@container wardrix-chat (max-width:860px){
  .chat-header{gap:6px!important;padding-left:10px!important;padding-right:10px!important}
  .header-action-btn{padding:0 8px!important;gap:4px!important;font-size:11px!important}
  .support-request-btn{padding:0 9px!important;gap:4px!important;font-size:9px!important}
  .search-box input{width:clamp(90px,18cqi,130px)!important}
}
@container wardrix-chat (max-width:690px){
  .header-action-btn,
  .support-request-btn{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    border-radius:9px!important;
  }
  .header-action-btn>span:not(.material-symbols-rounded),
  .support-request-btn>span:last-child{display:none!important}
  .header-action-btn>.material-symbols-rounded,
  .support-request-btn>.material-symbols-rounded{display:block!important;margin:0!important;font-size:19px!important}
  .chat-title strong{font-size:clamp(11px,2.4cqi,14px)!important}
  .chat-title small{font-size:clamp(8px,1.8cqi,10px)!important}
  .search-box input{width:88px!important}
}
@container wardrix-chat (max-width:540px){
  .search-box{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    display:grid!important;
    place-items:center!important;
  }
  .search-box input{display:none!important}
  .search-box button{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important}
  .chat-title small{display:none!important}
}
@container wardrix-chat (max-width:430px){
  .channel-glyph{display:none!important}
  .chat-title{min-width:44px!important}
  .chat-title strong{font-size:11px!important}
}

/* WarCoins administration responds to its own working width. */
.user-settings-dialog .warcoin-control-shell{
  container-type:inline-size;
  container-name:wardrix-warcoins;
}
.user-settings-dialog .warcoin-control-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-width:0!important;
  gap:12px!important;
  overflow:visible!important;
}
.user-settings-dialog .warcoin-control-head>div{min-width:0!important;flex:1 1 auto!important}
.user-settings-dialog .warcoin-control-head>button{
  flex:0 0 auto!important;
  margin:0!important;
  max-width:180px!important;
  white-space:nowrap!important;
}
.user-settings-dialog .warcoin-control-nav-list button{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@container wardrix-warcoins (max-width:820px){
  .warcoin-control-nav-list{gap:3px!important}
  .warcoin-control-nav-list button{padding:6px 7px!important;gap:4px!important;font-size:9.5px!important}
  .warcoin-control-nav-list button .material-symbols-rounded{font-size:16px!important}
  .warcoin-control-head h2{font-size:14px!important}
  .warcoin-control-head p{font-size:9px!important}
  .warcoin-control-head>button{font-size:10px!important;padding:7px 8px!important;max-width:135px!important}
}
@container wardrix-warcoins (max-width:650px){
  .warcoin-control-nav-list button{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }
  .warcoin-control-nav-list button>span:last-child{display:none!important}
  .warcoin-control-nav-list button .material-symbols-rounded{font-size:18px!important;margin:0!important}
  .warcoin-control-head>button{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    max-width:36px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
  }
  .warcoin-control-head>button>.material-symbols-rounded{font-size:18px!important;margin:0!important}
}
@container wardrix-warcoins (max-width:470px){
  .warcoin-control-head p{display:none!important}
  .warcoin-control-scroll{padding-left:8px!important;padding-right:8px!important}
}

/* Stable buttons/cards in user settings. */
.user-settings-dialog .user-settings-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
.user-settings-dialog .user-settings-card-head>div{min-width:0!important;flex:1 1 auto!important}
.user-settings-dialog .user-settings-card-head>button{flex:0 0 auto!important;white-space:nowrap!important}

/* Fixed, unclipped tooltip used whenever compact mode hides a button label. */
.wdx-adaptive-tooltip{
  position:fixed!important;
  z-index:2147483647!important;
  pointer-events:none!important;
  max-width:min(280px,calc(100vw - 16px));
  padding:6px 9px;
  border:1px solid #f9731655;
  border-radius:7px;
  background:#101116f5;
  color:#fff;
  box-shadow:0 10px 26px #0008;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  opacity:0;
  transform:translateY(-2px);
  transition:opacity .12s ease,transform .12s ease;
}
.wdx-adaptive-tooltip.visible{opacity:1;transform:translateY(0)}
.wdx-adaptive-tooltip[hidden]{display:none!important}

/* WarDrix 1.8.33 – WarCoins Aktualisieren-Button final fix */
#profileDialog #refreshWarCoinAdminBtn{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  margin:0 2px 0 0!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:0!important;
  line-height:1!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  align-self:center!important;
  border-radius:10px!important;
}
#profileDialog #refreshWarCoinAdminBtn>.material-symbols-rounded{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  font-size:20px!important;
  line-height:22px!important;
  text-align:center!important;
  overflow:visible!important;
  color:#e8ebf1!important;
}
#profileDialog #refreshWarCoinAdminBtn:hover>.material-symbols-rounded{
  color:#fb923c!important;
}
#profileDialog .warcoin-control-head{
  grid-template-columns:minmax(0,1fr) 38px!important;
  min-height:58px!important;
  padding-right:12px!important;
  overflow:hidden!important;
}
#profileDialog .warcoin-control-head>div{
  min-width:0!important;
  overflow:hidden!important;
}
/* Older mobile rule must never stretch this one button to 100%. */
@media(max-width:760px){
  #profileDialog .warcoin-control-head #refreshWarCoinAdminBtn{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    flex-basis:38px!important;
  }
}


/* WarDrix 1.8.34 – WarCoins Mitglieder-Konten Layout Fix */
#profileDialog .warcoin-admin-toolbar{
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) minmax(220px,280px)!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:10px 0 12px!important;
}
#profileDialog .warcoin-admin-toolbar .warcoin-search{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
#profileDialog .warcoin-admin-toolbar .warcoin-search>.material-symbols-rounded{
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  margin:0!important;
  font-size:18px!important;
  line-height:18px!important;
}
#profileDialog .warcoin-admin-toolbar .warcoin-search>input{
  display:block!important;
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#profileDialog #warCoinUserSort{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 36px 0 12px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#profileDialog .warcoin-user-board{
  min-width:0!important;
  width:100%!important;
}
#profileDialog .warcoin-user-row{
  grid-template-columns:38px minmax(0,1fr) minmax(92px,max-content) minmax(98px,max-content)!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#profileDialog .warcoin-user-row>.warcoin-user-copy,
#profileDialog .warcoin-user-row>.warcoin-user-balance{min-width:0!important}
#profileDialog .warcoin-user-row>button{
  min-width:98px!important;
  max-width:132px!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@container wardrix-warcoins (max-width:700px){
  #profileDialog .warcoin-admin-toolbar{
    grid-template-columns:1fr!important;
  }
  #profileDialog #warCoinUserSort{
    width:100%!important;
  }
  #profileDialog .warcoin-user-row{
    grid-template-columns:38px minmax(0,1fr) minmax(88px,max-content)!important;
  }
  #profileDialog .warcoin-user-row>button{
    grid-column:2 / -1!important;
    justify-self:end!important;
    min-width:98px!important;
  }
}
@container wardrix-warcoins (max-width:500px){
  #profileDialog .warcoin-user-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  #profileDialog .warcoin-user-avatar{width:34px!important;height:34px!important}
  #profileDialog .warcoin-user-row>button{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:34px!important;
    padding:0!important;
    font-size:0!important;
    display:grid!important;
    place-items:center!important;
  }
  #profileDialog .warcoin-user-row>button>.material-symbols-rounded{
    margin:0!important;
    font-size:18px!important;
  }
}


/* WarDrix 1.8.35 – Nachrichten-Designer */
.message-designer-view{display:block!important;overflow:auto!important;padding:0!important;background:#0f1117!important}
.message-designer-shell{width:min(1240px,100%);margin:0 auto;padding:20px;box-sizing:border-box}
.message-designer-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid #f9731635;border-radius:16px;background:linear-gradient(135deg,#20160f,#151820 55%,#11141a);box-shadow:0 16px 34px #0003}
.message-designer-hero h2{margin:4px 0 6px;font-size:21px;color:#fff}.message-designer-hero p{margin:0;max-width:760px;color:#afb2bc;font-size:12px;line-height:1.5}
.message-designer-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:#fb923c}
.message-designer-badge{display:flex;align-items:center;gap:10px;min-width:260px;padding:10px 12px;border:1px solid #ffffff12;border-radius:12px;background:#0e1016aa}.message-designer-badge>.material-symbols-rounded{color:#fb923c;font-size:24px}.message-designer-badge strong,.message-designer-badge small{display:block}.message-designer-badge strong{font-size:11px;color:#f4f4f6}.message-designer-badge small{margin-top:2px;font-size:9px;color:#8f929d;line-height:1.35}
.message-designer-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);gap:14px;align-items:start}
.message-designer-panel{min-width:0;border:1px solid #ffffff12;border-radius:14px;background:#151821;padding:14px;box-shadow:0 12px 26px #0002}
.message-designer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.message-designer-panel-head strong,.message-designer-panel-head small{display:block}.message-designer-panel-head strong{font-size:13px;color:#fff}.message-designer-panel-head small{margin-top:3px;font-size:9px;color:#8d909a}
.message-designer-drop{width:100%!important;min-height:150px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px dashed #f9731670!important;border-radius:13px!important;background:linear-gradient(180deg,#f973160d,#0f111700)!important;color:#f5f5f7!important;text-align:center!important}.message-designer-drop:hover,.message-designer-drop.drag{border-color:#fb923c!important;background:#f9731618!important}.message-designer-drop>.material-symbols-rounded{font-size:34px;color:#fb923c}.message-designer-drop strong{font-size:13px}.message-designer-drop small{max-width:90%;font-size:10px;color:#989ba6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-designer-warning{display:flex;gap:9px;margin-top:10px;padding:9px 10px;border:1px solid #f59e0b45;border-radius:10px;background:#f59e0b0c;color:#fcd34d}.message-designer-warning>.material-symbols-rounded{font-size:19px}.message-designer-warning strong,.message-designer-warning small{display:block}.message-designer-warning strong{font-size:10px}.message-designer-warning small{margin-top:2px;font-size:9px;line-height:1.4;color:#d4b66c}
.message-designer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.message-designer-actions button,.message-designer-send button{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important}.message-designer-actions .material-symbols-rounded,.message-designer-send .material-symbols-rounded{font-size:18px}
.message-designer-send{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}.message-designer-send select{width:100%;min-width:0}
.message-designer-source{margin-top:10px;border:1px solid #ffffff10;border-radius:9px;background:#0f1117;overflow:hidden}.message-designer-source summary{cursor:pointer;padding:9px 10px;font-size:10px;font-weight:750;color:#b7bac4}.message-designer-source textarea{width:100%!important;min-height:150px!important;margin:0!important;padding:10px!important;border:0!important;border-top:1px solid #ffffff0d!important;border-radius:0!important;background:#0b0d12!important;color:#d7d9df!important;font:11px/1.45 Consolas,'Courier New',monospace!important;resize:vertical}
.message-designer-preview{min-height:360px;border:1px solid #ffffff0f;border-radius:12px;background:#0d1016;padding:16px}.message-designer-preview-author{display:flex;align-items:center;gap:9px;margin-bottom:8px}.message-designer-preview-author>.avatar{width:38px!important;height:38px!important;flex:0 0 38px}.message-designer-preview-author strong,.message-designer-preview-author small{display:block}.message-designer-preview-author strong{font-size:12px;color:#fff}.message-designer-preview-author small{font-size:9px;color:#777b87;margin-top:2px}.message-designer-preview-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;font-size:14px;line-height:1.46}.message-designer-preview-empty{display:block;padding:60px 20px;text-align:center;color:#777b87;font-size:11px}
.message-designer-templates{margin-top:14px}.message-designer-template-list{display:grid;gap:7px}.message-designer-template-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #ffffff0f;border-radius:10px;background:#10131a}.message-designer-template-row>.material-symbols-rounded{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f9731615;color:#fb923c}.message-designer-template-row>div{min-width:0}.message-designer-template-row strong,.message-designer-template-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-designer-template-row strong{font-size:11px;color:#fff}.message-designer-template-row small{margin-top:2px;font-size:9px;color:#81848f}.message-designer-template-row button{min-height:34px!important}.message-designer-template-empty{padding:24px;text-align:center;color:#777b87;border:1px dashed #ffffff12;border-radius:10px;font-size:10px}
@media(max-width:980px){.message-designer-grid{grid-template-columns:1fr}.message-designer-preview{min-height:280px}.message-designer-badge{min-width:220px}}
@media(max-width:680px){.message-designer-shell{padding:10px}.message-designer-hero{flex-direction:column;padding:14px}.message-designer-badge{width:100%;min-width:0}.message-designer-actions{grid-template-columns:1fr}.message-designer-send{grid-template-columns:1fr}.message-designer-template-row{grid-template-columns:30px minmax(0,1fr) auto}.message-designer-template-row .danger-soft{grid-column:3}.message-designer-template-row button:not(.danger-soft){font-size:0}.message-designer-template-row button:not(.danger-soft) .material-symbols-rounded{font-size:18px}}


/* WarDrix 1.8.36 – Nachrichten-Designer: Bilder + Leeren */
.message-designer-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.message-designer-edit-actions button{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important}
.message-designer-edit-actions .material-symbols-rounded{font-size:18px}
.message-designer-edit-actions .danger-soft{border-color:#ef444455!important;color:#fca5a5!important;background:#ef44440b!important}
.message-designer-edit-actions .danger-soft:hover{border-color:#ef444488!important;background:#ef444416!important}
.message-designer-preview-content .wdx-image-shell{max-width:100%}
@media(max-width:680px){.message-designer-edit-actions{grid-template-columns:1fr}}


/* WarDrix 1.8.37 – notification bubble badge visibility fix */
#notificationCenterBtn,
.notification-center-btn{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
}
.notification-center-wrap{
  overflow:visible!important;
}
#notificationCenterBadge,
.notification-center-badge{
  right:-7px!important;
  top:-7px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:9px!important;
  line-height:1!important;
  white-space:nowrap!important;
  z-index:5!important;
  overflow:visible!important;
  transform:none!important;
}


/* WarDrix 1.8.38 – Meldungsbadge nur bei echten Meldungen */
#notificationCenterBadge.hidden,
.notification-center-badge.hidden{
  display:none!important;
}

/* 1.8.39 – WarCoins Earning List Layout */
.warcoin-earning-intro{display:flex;align-items:flex-start;gap:10px;margin:10px 0 12px;padding:10px 12px;border:1px solid #ffffff10;border-radius:10px;background:#111723}
.warcoin-earning-intro>.material-symbols-rounded{font-size:20px;color:#fb923c}
.warcoin-earning-intro strong,.warcoin-earning-intro small{display:block}
.warcoin-earning-intro strong{font-size:12px;color:#f5f6f7}
.warcoin-earning-intro small{font-size:10px;color:#8f949f;line-height:1.45;margin-top:2px}
.warcoin-rule-list{display:grid;gap:12px;margin-top:6px}
.warcoin-rule-section{display:grid;gap:8px}
.warcoin-rule-section-head{display:flex;align-items:center;gap:8px;padding:2px 2px 0;color:#d5d7dc}
.warcoin-rule-section-head .material-symbols-rounded{font-size:18px;color:#fb923c}
.warcoin-rule-section-head strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.warcoin-rule-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid #ffffff10;border-radius:12px;background:#10141e;transition:border-color .15s ease,background .15s ease,opacity .15s ease}
.warcoin-rule-row:hover{border-color:#f973163d;background:#121826}
.warcoin-rule-row-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}
.warcoin-rule-row-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f9731616;border:1px solid #f9731635;color:#fb923c}
.warcoin-rule-row-icon .material-symbols-rounded{font-size:18px}
.warcoin-rule-row-copy{min-width:0}
.warcoin-rule-row-copy strong,.warcoin-rule-row-copy small{display:block}
.warcoin-rule-row-copy strong{font-size:13px;color:#f7f7f8;line-height:1.2}
.warcoin-rule-row-copy small{font-size:10px;color:#9398a3;line-height:1.45;margin-top:2px}
.warcoin-rule-row-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-left:42px}
.warcoin-inline-field{display:grid;gap:4px;min-width:0}
.warcoin-inline-label{font-size:10px;color:#9ea3ad}
.warcoin-rule-row.is-disabled{background:#0e1219;border-color:#ffffff0a}
.warcoin-rule-row.is-disabled .warcoin-rule-row-fields{opacity:.48}
.warcoin-rule-row.is-disabled .warcoin-rule-row-copy strong{color:#8d919b}
.warcoin-referral-section .warcoin-rule-row-icon{background:#fb923c18}
@media(max-width:1100px){.warcoin-rule-row-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.warcoin-rule-row{padding:10px}.warcoin-rule-row-fields{grid-template-columns:1fr;padding-left:0}.warcoin-rule-row-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}}
.user-settings-dialog .warcoin-rule-list{display:grid!important;gap:10px!important}
.user-settings-dialog .warcoin-rule-section{display:grid!important;gap:8px!important}
.user-settings-dialog .warcoin-rule-row{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.user-settings-dialog .warcoin-rule-row-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:42px!important}
@media(max-width:760px){.user-settings-dialog .warcoin-rule-row-fields{grid-template-columns:1fr!important;padding-left:0!important}}


/* WarDrix 1.8.40 – serverbezogene Freundewerbung */
.warcoin-referral-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:end;gap:14px;padding:10px 0 13px;border-bottom:1px solid #ffffff0d}.warcoin-referral-create-copy strong{display:block;font-size:12px;color:#f1f1f3}.warcoin-referral-create-copy p{margin:4px 0 0;max-width:620px}.warcoin-referral-builder{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:7px}.warcoin-referral-builder label{font-size:9px;color:#9699a1}.warcoin-referral-builder select{display:block;width:100%;height:36px;margin-top:4px;padding:0 30px 0 10px;border:1px solid #ffffff16;border-radius:8px;background:#101115;color:#eee}.warcoin-referral-builder button{height:36px;white-space:nowrap}.warcoin-referral-create-hint{grid-column:1/-1;margin-top:-3px;color:#858891!important;font-size:9px!important}.warcoin-referral-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 7px}.warcoin-referral-section-title>div{min-width:0}.warcoin-referral-section-title strong,.warcoin-referral-section-title small{display:block}.warcoin-referral-section-title strong{font-size:11px;color:#eee}.warcoin-referral-section-title small{margin-top:2px;font-size:9px;color:#858891}.warcoin-referral-count{min-width:23px;height:20px;padding:0 7px;display:grid;place-items:center;border:1px solid #f9731633;border-radius:999px;background:#f9731611;color:#fdba74;font-size:9px;font-weight:700}.warcoin-referral-code-list{display:flex;flex-direction:column;border-top:1px solid #ffffff0d}.warcoin-referral-server-row{min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid #ffffff0d}.warcoin-referral-server-row:hover{background:#ffffff025}.warcoin-referral-server-main{min-width:0;display:flex;align-items:center;gap:9px}.warcoin-referral-guild-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:9px;background:#202126 center/cover no-repeat;color:#ddd;font-size:10px;font-weight:800}.warcoin-referral-guild-icon.has-image{color:transparent}.warcoin-referral-server-copy{min-width:0}.warcoin-referral-server-copy strong,.warcoin-referral-server-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warcoin-referral-server-copy strong{font-size:11px;color:#eee}.warcoin-referral-server-copy small{margin-top:2px;color:#9a9da5;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.warcoin-referral-server-actions{display:flex;align-items:center;gap:5px}.warcoin-referral-server-actions button{height:30px;display:inline-flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #ffffff14;border-radius:7px;background:#18191e;color:#dfe0e4;font-size:9px}.warcoin-referral-server-actions button:hover{border-color:#ffffff25;background:#202126}.warcoin-referral-server-actions button.primary-soft{border-color:#f9731644;background:#f9731616;color:#fdba74}.warcoin-referral-server-actions .material-symbols-rounded{font-size:14px}.warcoin-referral-stats{margin-top:10px}.warcoin-referral-member-title{padding-top:14px}.warcoin-referral-list{gap:0;margin-top:0;border-top:1px solid #ffffff0d}.warcoin-referral-row{min-height:48px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;justify-content:initial;padding:7px 4px;border:0;border-bottom:1px solid #ffffff0d;border-radius:0;background:transparent}.warcoin-referral-row.qualified,.warcoin-referral-row.blocked,.warcoin-referral-row.review{border-left:0}.warcoin-referral-member-avatar{width:30px!important;height:30px!important;font-size:10px!important}.warcoin-referral-member-copy{min-width:0}.warcoin-referral-member-copy strong,.warcoin-referral-member-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warcoin-referral-member-copy strong{font-size:11px;color:#eee}.warcoin-referral-member-copy small{margin-top:2px;font-size:9px;color:#999ca5}.warcoin-referral-empty{margin-top:4px}.warcoin-referral-security{margin-top:13px;padding-top:10px;border-top:1px solid #ffffff0d}
@media(max-width:760px){.warcoin-referral-create{grid-template-columns:1fr}.warcoin-referral-builder{grid-template-columns:1fr auto}.warcoin-referral-server-actions button{width:30px;padding:0;justify-content:center;font-size:0}.warcoin-referral-server-actions .material-symbols-rounded{font-size:15px}.warcoin-referral-row{grid-template-columns:30px minmax(0,1fr) auto}.warcoin-referral-member-copy small{white-space:normal;line-height:1.35}.warcoin-referral-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.warcoin-referral-builder{grid-template-columns:1fr}.warcoin-referral-builder button{width:100%}.warcoin-referral-server-row{grid-template-columns:minmax(0,1fr) auto}.warcoin-referral-stats>div{padding:7px 6px}.warcoin-referral-stats .material-symbols-rounded{display:none}.warcoin-referral-status{padding:4px 6px}}