/* WarDrix 1.21.1: Mitgliederverwaltung in den Servereinstellungen. Passt sich der verfügbaren Breite an, nichts überlappt. */
.wd-ma{container-type:inline-size;container-name:wdma;display:flex;flex-direction:column;gap:10px;min-width:0}
.wd-ma *{box-sizing:border-box}
.wd-ma-warn{padding:8px 11px;border:1px solid #f59e0b55;border-radius:9px;background:#f59e0b14;color:#fcd34d;font-size:12.5px}
.wd-ma-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.wd-ma-search{flex:1 1 220px;min-width:0;display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid #ffffff14;border-radius:9px;background:#0f1115}
.wd-ma-search .material-symbols-rounded{font-size:19px;color:#8f99a3;flex:0 0 auto}
.wd-ma-search input{flex:1 1 auto;min-width:0;width:100%;height:34px;padding:0;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#e9edf1;font-size:13px;outline:none}
.wd-ma-select{flex:0 1 auto;min-width:0;max-width:100%;height:36px;padding:0 9px;margin:0;border:1px solid #ffffff14;border-radius:9px;background:#0f1115;color:#e9edf1;font-size:13px;text-overflow:ellipsis}
.wd-ma-switch{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 4px;cursor:pointer;user-select:none;max-width:100%}
.wd-ma-switch b{font-weight:500;font-size:13px;color:#dfe4e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wd-ma-roles{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-height:96px;overflow:auto}
.wd-ma-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;height:28px;padding:0 10px;margin:0;border:1px solid #ffffff14;border-radius:14px;background:#ffffff08;color:#cfd5db;font-size:12.5px;cursor:pointer}
.wd-ma-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wd-ma-chip i{flex:0 0 9px;width:9px;height:9px;border-radius:50%}
.wd-ma-chip:hover{border-color:#f9731660}
.wd-ma-chip.on{border-color:#f97316;background:#f9731622;color:#fff}
.wd-ma-summary{color:#8f99a3;font-size:12px}
.wd-ma-list{display:flex;flex-direction:column;gap:2px;min-width:0}
.wd-ma-group{display:flex;align-items:center;gap:8px;min-width:0;margin:10px 2px 3px;color:#aab3bc;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.wd-ma-group:first-child{margin-top:0}
.wd-ma-group i{flex:0 0 9px;width:9px;height:9px;border-radius:50%}
.wd-ma-group strong{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wd-ma-group span{flex:0 0 auto;color:#6f7984}
.wd-ma-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;grid-template-areas:"av main facts manage";align-items:center;gap:6px 12px;min-width:0;padding:8px 10px;border-radius:10px;background:#ffffff04;border:1px solid transparent}
.wd-ma-row:hover{background:#ffffff09;border-color:#ffffff0d}
.wd-ma-av{grid-area:av;position:relative;width:38px;height:38px;display:grid;place-items:center}
.wd-ma-av .avatar{width:36px!important;height:36px!important}
.wd-ma-av .presence-dot{position:absolute;right:0;bottom:0}
.wd-ma-main{grid-area:main;display:flex;flex-direction:column;gap:2px;min-width:0}
.wd-ma-name{display:flex;align-items:center;gap:7px;min-width:0}
.wd-ma-name strong{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wd-ma-owner{flex:0 0 auto;font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:8px;background:#f59e0b26;color:#fcd34d}
.wd-ma-user{color:#8f99a3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wd-ma-rolelist{display:flex;flex-wrap:nowrap;gap:5px;min-width:0;overflow:hidden;margin-top:2px}
.wd-ma-role{display:inline-flex;align-items:center;gap:5px;flex:0 1 auto;min-width:0;max-width:150px;padding:1px 7px;border-radius:8px;background:#ffffff0b;color:#cfd5db;font-size:11.5px;line-height:18px}
.wd-ma-role span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wd-ma-role i{flex:0 0 8px;width:8px;height:8px;border-radius:50%}
.wd-ma-role.more,.wd-ma-role.none{flex:0 0 auto;color:#8f99a3}
.wd-ma-facts{grid-area:facts;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.wd-ma-fact{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;height:26px;padding:0 8px;border-radius:8px;background:#ffffff08;color:#cfd5db;font-size:12px;white-space:nowrap}
.wd-ma-fact .material-symbols-rounded{font-size:16px;flex:0 0 auto}
.wd-ma-fact.ok .material-symbols-rounded{color:#4ade80}
.wd-ma-fact.warn{color:#fcd34d}.wd-ma-fact.warn .material-symbols-rounded{color:#fbbf24}
.wd-ma-fact.bad{background:#ef444418;color:#fca5a5}.wd-ma-fact.bad .material-symbols-rounded{color:#f87171}
.wd-ma-fact.neutral .material-symbols-rounded{color:#fb923c}
.wd-ma-manage{grid-area:manage;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;margin:0;border:1px solid #ffffff14;border-radius:9px;background:#ffffff0a;color:#e9edf1;font-size:12.5px;cursor:pointer;white-space:nowrap}
.wd-ma-manage .material-symbols-rounded{font-size:18px}
.wd-ma-manage:hover{border-color:#f97316;background:#f9731622}
.wd-ma-empty{padding:16px 12px;color:#8f99a3;font-size:13px}

/* Mittlere Breite: Verwalten nur als Symbol, E-Mail nur als Symbol */
@container wdma (max-width:760px){
  .wd-ma-manage{width:34px;padding:0;justify-content:center}
  .wd-ma-manage .wd-ma-lbl{display:none}
  .wd-ma-fact:first-child .wd-ma-lbl{display:none}
  .wd-ma-fact:first-child{padding:0 6px}
}
/* Schmal: Übersicht rutscht unter den Namen */
@container wdma (max-width:600px){
  .wd-ma-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"av main manage" "av facts facts";align-items:start}
  .wd-ma-facts{justify-content:flex-start;flex-wrap:wrap}
  .wd-ma-fact{height:23px;padding:0 7px;font-size:11.5px}
  .wd-ma-switch b{font-size:12.5px}
  .wd-ma-select{flex:1 1 140px}
}
/* Sehr schmal: Rollen und Benutzername ausblenden, nur das Nötigste */
@container wdma (max-width:420px){
  .wd-ma-row{grid-template-columns:34px minmax(0,1fr) auto;gap:5px 9px;padding:7px 7px}
  .wd-ma-av{width:32px;height:32px}
  .wd-ma-av .avatar{width:30px!important;height:30px!important}
  .wd-ma-rolelist{display:none}
  .wd-ma-user{font-size:11.5px}
  .wd-ma-owner{display:none}
  .wd-ma-search{flex-basis:100%}
  .wd-ma-select{flex:1 1 0}
  .wd-ma-switch{flex:1 1 100%}
}
@container wdma (max-width:300px){
  .wd-ma-user{display:none}
  .wd-ma-fact.neutral .wd-ma-lbl{display:none}
  .wd-ma-fact.neutral{padding:0 6px}
}
/* Symbole fest auf eine Zeichenbreite begrenzen, damit nichts aus Knöpfen oder Feldern herausragt */
.wd-ma .material-symbols-rounded{flex:0 0 auto;display:inline-block;width:1em;max-width:1em;overflow:hidden;line-height:1;white-space:nowrap;margin:0!important}
.wd-ma-search .material-symbols-rounded{font-size:19px!important}
.wd-ma-fact .material-symbols-rounded{font-size:16px!important}
.wd-ma-manage .material-symbols-rounded{font-size:18px!important}
.wd-ma-row{overflow:hidden}

/* WarDrix 1.21.1: Auszeit */
.member-timeout-state{margin:2px 0 8px;padding:8px 11px;border:1px solid #ef444455;border-radius:9px;background:#ef444414;color:#fca5a5;font-size:12.5px;line-height:1.35}
#memberTimeoutMode{max-width:100%;text-overflow:ellipsis}
.wd-timeout-banner{display:flex;align-items:center;gap:10px;min-width:0;margin:0 16px 10px;padding:9px 13px;border:1px solid #f59e0b55;border-radius:10px;background:#f59e0b12;color:#fde68a}
.wd-timeout-banner>.material-symbols-rounded{flex:0 0 auto;font-size:21px;color:#fbbf24}
.wd-timeout-banner>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.wd-timeout-banner strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.wd-timeout-banner small{font-size:12px;color:#d6c9a4;overflow-wrap:anywhere}
body.wd-timeout-locked .chat-main{position:relative}
.wd-timeout-lock{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#0d0f13f2;overflow:auto}
.wd-timeout-lock-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:460px;width:100%;padding:26px 22px;border:1px solid #ef444455;border-radius:16px;background:#16181d;text-align:center}
.wd-timeout-lock-card>.material-symbols-rounded{font-size:42px;color:#f87171}
.wd-timeout-lock-card strong{font-size:17px;color:#fff;overflow-wrap:anywhere}
.wd-timeout-lock-card p{margin:0;color:#fca5a5;font-size:13.5px}
.wd-timeout-lock-card small{color:#9aa3ad;font-size:12.5px;line-height:1.4}
body.wd-timeout-locked #categoryTree,body.wd-timeout-locked #memberSidebar,body.wd-timeout-locked #searchForm,body.wd-timeout-locked #composer,body.wd-timeout-locked #replyBar{visibility:hidden!important}
.wd-timeout-banner.hidden,.wd-timeout-lock.hidden{display:none!important}
@media(max-width:600px){.wd-timeout-banner{margin:0 8px 8px;padding:8px 10px}.wd-timeout-lock-card{padding:20px 14px}}

/* WarDrix 1.22.0: Übersicht als schlichter Text statt Pillen */
.wd-ma-fact{height:auto;padding:0;background:none!important;border-radius:0;color:#aab3bc}
.wd-ma-fact.bad{color:#f19999}
.wd-ma-facts{gap:14px}
.wd-ma-chip.on{background:#f973161a}
.wd-ma-row{background:transparent;border-radius:6px}
.wd-ma-row:hover{background:#ffffff07;border-color:transparent}
@container wdma (max-width:600px){.wd-ma-facts{gap:6px 12px}.wd-ma-fact{height:auto;padding:0}}
@container wdma (max-width:760px){.wd-ma-fact:first-child{padding:0}}
@container wdma (max-width:300px){.wd-ma-fact.neutral{padding:0}}