/* Lumo — group roles */
.group-roles-overlay{
  z-index:1800;
  background:rgba(8,12,18,.62);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  padding:20px;
}
.group-roles-sheet{
  width:min(680px,100%);
  max-height:min(86vh,760px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  box-shadow:0 28px 80px rgba(0,0,0,.42);
}
.group-roles-sub{padding:0 18px 14px;color:var(--muted,#8e9aab);font-size:13px}
.group-roles-list{display:flex;flex-direction:column;gap:10px;padding:6px 14px 18px}
.group-role-row{padding:13px 12px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.025)}
.group-role-head{display:flex;align-items:center;gap:10px;min-width:0}
.group-role-user{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}
.group-role-user strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-role-user span{font-size:12px;color:var(--muted,#8e9aab)}
.group-role-owner-badge,.group-role-mini-badge{font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:rgba(100,140,255,.14);color:#9fb5ff}
.group-role-controls{display:flex;align-items:center;gap:8px;margin-top:10px}
.group-role-select{flex:1;min-width:0;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:inherit;border-radius:12px;padding:9px 10px;outline:none}
.group-role-select:disabled{opacity:.55}
.cbtn.small{padding:8px 11px;font-size:12px}
.group-role-perms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.group-role-perm{display:flex;align-items:center;gap:7px;color:var(--muted,#a4afbd);font-size:12px;line-height:1.25}
.group-role-perm input{accent-color:currentColor}
.group-role-perm input:disabled{opacity:.4}
#chatMenuList .group-role-mini-badge{margin-left:auto}
@media (max-width:700px){
  .group-roles-overlay{padding:8px;align-items:flex-end}
  .group-roles-sheet{width:100%;max-height:92vh;border-radius:22px 22px 0 0}
  .group-role-perms{grid-template-columns:1fr}
}

/* Group slow mode */
.slow-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;background:rgba(255,196,90,.12);color:#f4c76a;border:1px solid rgba(255,196,90,.16)}