.chat-head .icon-action.on-red { color: #f23f43; }
.groups-label { display: flex; align-items: center; justify-content: space-between; }
.groups-new { background: transparent; border: 0; color: #b5bac1; font-size: 18px; line-height: 1; cursor: pointer; padding: 0 6px; border-radius: 3px; }
.groups-new:hover, .groups-new:focus-visible { color: #fff; background: #35373c; outline: none; }
.grp-ico { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #383a40; font-size: 13px; flex: none; }

.gpick { display: flex; flex-direction: column; gap: 8px; }
.gpick-list { max-height: 240px; overflow: auto; background: #1e1f22; border-radius: 4px; padding: 4px; }
.gpick-row { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 3px; cursor: pointer; color: #dbdee1; }
.gpick-row:hover { background: #2b2d31; }
.gmembers { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.gmember { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 3px; color: #dbdee1; }
.gmember .gm-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.callpops { position: fixed; top: 16px; right: 16px; z-index: 80; display: flex; flex-direction: column; gap: 10px; }
.callpop { width: 300px; max-width: calc(100vw - 32px); box-sizing: border-box; background: #111214; color: #f2f3f5; border-radius: 8px; padding: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 10px; }
.callpop .cp-top { display: flex; align-items: center; gap: 12px; }
.callpop .cp-text { min-width: 0; }
.callpop .cp-label { font-size: 12px; color: #b5bac1; text-transform: uppercase; letter-spacing: .04em; }
.callpop .cp-who { font-weight: 600; overflow-wrap: anywhere; }
.callpop .cp-acts { display: flex; gap: 8px; }
.callpop .cp-acts button { flex: 1; padding: 8px; border: 0; border-radius: 4px; font: 600 14px var(--d-font, sans-serif); color: #fff; cursor: pointer; }
.callpop .cp-accept { background: #23a55a; }
.callpop .cp-decline { background: #da373c; }
.callpop .cp-acts button:disabled { opacity: .6; cursor: default; }
.callpop .avatar { animation: cp-pulse 1.4s ease-in-out infinite; }
@keyframes cp-pulse { 50% { transform: scale(1.08); } }