/* Four requested group/channel categories. Keep focus, selection and scan cues. */
#group-list .group-item.own-group[data-kind="group"]{--peer-bg:#27833f;--peer-hover:#226f36;--peer-border:#1a632e}
#group-list .group-item.own-group[data-kind="channel"]{--peer-bg:#124a30;--peer-hover:#0d3d27;--peer-border:#092f1e}
#group-list .group-item.other-group[data-kind="group"]{--peer-bg:#885831;--peer-hover:#754b29;--peer-border:#634023}
#group-list .group-item.other-group[data-kind="channel"]{--peer-bg:#4d301f;--peer-hover:#402718;--peer-border:#301c12}
#group-list .group-item[data-kind]{background:var(--peer-bg);border:1px solid var(--peer-border);border-radius:10px;color:#fff;transition:background-color .15s,box-shadow .15s}
#group-list .group-item[data-kind] .group-select,#group-list .group-item[data-kind] .group-menu-btn{background:transparent;color:#fff;border-color:transparent}
#group-list .group-item[data-kind] .group-select strong,#group-list .group-item[data-kind] .group-select small,#group-list .group-item[data-kind] .group-select strong::before{color:#fff}
#group-list .group-item[data-kind] .group-select small{opacity:.92}
#group-list .group-item[data-kind]:hover{background:var(--peer-hover)}
#group-list .group-item[data-kind].active{background:var(--peer-bg);border-color:#fff;box-shadow:inset 4px 0 #fff,0 0 0 2px var(--peer-border)}
#group-list .group-item[data-kind] .group-select:focus-visible,#group-list .group-item[data-kind] .group-menu-btn:focus-visible{outline:2px solid #fff;outline-offset:-4px}
#group-list .group-item[data-kind] .group-menu-btn:hover{background:#ffffff22}
#group-list .group-item[data-kind] .group-select.is-working::before{opacity:.5}
@media(prefers-reduced-motion:reduce){#group-list .group-item[data-kind]{transition:none}}