: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)}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}.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:smooth}.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:3px solid #ff7a00;box-shadow:0 0 0 9999px rgba(5,6,9,.52),0 0 24px rgba(255,122,0,.5);z-index:1}
.crop-mask.avatar::before{border-radius:50%}
.crop-mask.server::before{border-radius:27%}
.crop-mask.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);
}
.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%}
.avatar-frame-label{margin-top:14px!important}
.avatar-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;margin:8px 0 7px}
.avatar-frame-card{min-width:0;display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:center;text-align:left;border:1px solid #ffffff18;background:#11111452;border-radius:10px;padding:11px 10px;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.avatar-frame-card:hover{background:#ffffff0b;border-color:#ffffff2f;transform:translateY(-1px)}
.avatar-frame-card.active{border-color:#f97316;box-shadow:0 0 0 1px #f9731644,inset 3px 0 0 #f97316;background:#f973160c}
.avatar-frame-card-preview{grid-row:1 / span 2;width:54px!important;height:54px!important;font-size:16px!important;margin:4px 6px!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:2px}
.avatar-frame-card-text small{font-size:10px;line-height:1.25;color:#bfc0c8}
.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-frame-hint{display:block;color:#bfc0c8;font-size:10px;line-height:1.35;margin:0 0 12px}
@media(max-width:760px){.avatar-frame-grid{grid-template-columns:1fr}.avatar-frame-card{grid-template-columns:60px minmax(0,1fr)}.profile-editor-preview{height:218px}.profile-edit-avatar{bottom:30px}}


/* 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{width:13px;height:13px;border-radius:4px;object-fit:cover;display:grid;place-items:center;flex:0 0 auto}.server-tag-fallback{background:#f973162c;color:#fdba74;font-size:8px}.server-tag-badge.preview{height:23px;font-size:11px!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}.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}}

/* 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-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-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:#5865f2!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: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 – WarDrix Syntax Studio */
.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{position:relative;isolation:isolate}.message-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}.voice-participant-row:hover{background:#ffffff0d;color:#fff}.voice-participant-avatar{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:9px!important}.voice-participant-avatar.speaking{box-shadow:0 0 0 2px #22c55e,0 0 10px #22c55e66!important}.voice-participant-row>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.2}.voice-participant-state{font-size:10px;opacity:.65}.voice-dock button#deafenBtn{font-size:15px}

/* 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}