/* Zmínka skupiny (core/group-mention.js) — štítek ve zprávě a seznam zasažených, varianta C (maketa 2026-10-21-zminka-skupiny.html). */
.uc-grp { display: inline-flex; align-items: center; gap: 4px; padding: 0 6px 0 4px; margin: 0 1px; border-radius: 5px; cursor: pointer; border: 0; font: inherit; font-weight: 800; color: #ffd27a; background: rgba(255, 170, 40, .12); box-shadow: inset 0 0 0 1px rgba(255, 170, 40, .3); transition: background .15s, box-shadow .15s; line-height: 1.35; vertical-align: baseline; }
.uc-grp svg { width: 13px; height: 13px; flex: none; }
.uc-grp:hover, .uc-grp.open { background: rgba(255, 170, 40, .22); box-shadow: inset 0 0 0 1px rgba(255, 190, 70, .6); }
.uc-grp:focus-visible { outline: 2px solid #ffd93d; outline-offset: 1px; }
/* Všichni: neklikací (bez seznamu členů), jen tooltip s počtem. */
.uc-grp.uc-grp-all { cursor: default; }
.uc-grp.uc-grp-all:hover { background: rgba(255, 170, 40, .12); box-shadow: inset 0 0 0 1px rgba(255, 170, 40, .3); }

.uc-grp-pop { position: fixed; z-index: 10000; width: 264px; border-radius: 12px; background: #1b1b20; border: 1px solid #3a3a44; box-shadow: 0 16px 40px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 0, 0, .3); padding: 10px; display: flex; flex-direction: column; gap: 8px; color: #efeff1; font-size: 14px; transform-origin: var(--ox, 20px) 0; animation: ucGrpIn .16s cubic-bezier(.2, .9, .3, 1.15) both; }
.uc-grp-pop.up { transform-origin: var(--ox, 20px) 100%; }
@keyframes ucGrpIn { from { opacity: 0; transform: translateY(-4px) scale(.94); } to { opacity: 1; transform: none; } }
.uc-grp-arrow { position: absolute; top: -6px; left: var(--ax, 20px); width: 10px; height: 10px; background: #1b1b20; border-left: 1px solid #3a3a44; border-top: 1px solid #3a3a44; transform: rotate(45deg); }
.uc-grp-pop.up .uc-grp-arrow { top: auto; bottom: -6px; transform: rotate(225deg); }
.uc-grp-ph { display: flex; align-items: center; gap: 8px; }
.uc-grp-ic { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: rgba(255, 170, 40, .14); box-shadow: inset 0 0 0 1px rgba(255, 170, 40, .35); flex: none; }
.uc-grp-ic svg { width: 16px; height: 16px; }
.uc-grp-t { display: flex; flex-direction: column; min-width: 0; }
.uc-grp-t b { font-size: 14px; font-weight: 800; }
.uc-grp-t small { color: #adadb8; font-size: 11.5px; white-space: nowrap; }
.uc-grp-n { margin-left: auto; font: 800 13px ui-monospace, Consolas, monospace; padding: 2px 8px; border-radius: 99px; background: rgba(255, 255, 255, .06); color: #ffd27a; }
.uc-grp-lupa { width: 28px; height: 28px; margin-left: 2px; border-radius: 8px; border: 0; background: transparent; color: #adadb8; display: grid; place-items: center; cursor: pointer; flex: none; transition: color .15s, background .15s; padding: 0; }
.uc-grp-lupa:hover, .uc-grp-lupa.on { color: #ffd27a; background: rgba(255, 170, 40, .12); }
.uc-grp-lupa:focus-visible { outline: 2px solid #ffd93d; outline-offset: 1px; }
.uc-grp-lupa svg { width: 15px; height: 15px; }
.uc-grp-inme { display: flex; align-items: center; gap: 8px; padding: 7px 9px; border-radius: 8px; background: linear-gradient(90deg, rgba(255, 140, 0, .18), rgba(255, 140, 0, .04)); box-shadow: inset 0 0 0 1px rgba(255, 140, 0, .35); font-size: 12.5px; font-weight: 700; color: #ffd9a0; }
.uc-grp-sw { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .18s ease-out, opacity .18s, visibility 0s .18s; opacity: 0; visibility: hidden; }
.uc-grp-sw.on { grid-template-rows: 1fr; opacity: 1; visibility: visible; transition-delay: 0s; }
.uc-grp-sw > div { overflow: hidden; }
.uc-grp-search { display: flex; align-items: center; gap: 6px; height: 30px; border-radius: 8px; background: #111114; border: 1px solid #34343c; padding: 0 8px; color: #6f6f7a; }
.uc-grp-search svg { width: 14px; height: 14px; flex: none; }
.uc-grp-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #efeff1; font: 500 13px inherit; font-family: inherit; }
.uc-grp-list { display: flex; flex-direction: column; gap: 1px; max-height: 232px; overflow-y: auto; margin: 0 -4px; padding: 0 4px; scrollbar-width: thin; scrollbar-color: #44444c transparent; }
.uc-grp-row { display: flex; align-items: center; gap: 6px; padding: 4px 6px; border-radius: 6px; font-size: 13.5px; cursor: pointer; transition: background .12s; min-width: 0; }
.uc-grp-row:hover { background: rgba(255, 255, 255, .05); }
.uc-grp-nm { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.uc-grp-pls { display: inline-flex; gap: 2px; flex: none; }
.uc-grp-pi { width: 13px; height: 13px; display: block; }
.uc-grp-row.me { background: rgba(255, 140, 0, .1); box-shadow: inset 0 0 0 1px rgba(255, 140, 0, .3); }
.uc-grp-you { margin-left: auto; font: 800 10px sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #1c1205; background: linear-gradient(135deg, #ffd93d, #ff8c00); padding: 1px 6px; border-radius: 4px; flex: none; }
.uc-grp-none { color: #6f6f7a; font-size: 11.5px; padding: 4px 6px; }
@media (prefers-reduced-motion: reduce) { .uc-grp-pop { animation: none; } .uc-grp, .uc-grp-sw, .uc-grp-lupa, .uc-grp-row { transition: none; } }

/* Řádky skupin v našeptávači „@“: zlatá tečka; skupina v limitu zašedlá s odpočtem (nejde vybrat). */
.es-grp-dot { background: linear-gradient(135deg, #ffd93d, #ff8c00) !important; box-shadow: 0 0 6px rgba(255, 150, 20, .5); }
.es-item.es-grp-cd { opacity: .5; cursor: default; }
.es-item.es-grp-cd .es-name { text-decoration: none; }
/* Odpočet limitu / hláška nad polem (host nápovědy commandů .uc-cmdh-host). */
.uc-cmdh.uc-cmdh-grp { padding: 7px 12px; display: flex; align-items: center; gap: 8px; font-weight: 700; color: #ffd27a; }
.uc-cmdh-grp-t { font-variant-numeric: tabular-nums; }