/* Группы в «Делах» (js/screens/groups.js): блок группы на главном экране, экран группы, название матрицы, окна группы */

/* Заголовок блока группы — кнопка: нажатие открывает экран группы. Длинное название обрезается многоточием */
.g-open{display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.g-open svg.lucide{flex:none;width:17px;height:17px;color:var(--muted)}
.g-open em{flex:none;font-style:normal;font-weight:600}
.g-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.todo-list h2 .g-open+.push{flex:1}

/* «Все дела группы · 12» под первыми делами на главном экране */
.g-more{display:inline-flex;align-items:center;gap:4px;min-height:40px;margin:2px 0}
.g-more svg.lucide{width:15px;height:15px}

/* Кто в группе — кружки и имена; нажатие открывает окно группы */
.g-top{margin:0 20px 8px}
.app[data-device="desktop"] #screen>.g-top{margin:0 28px 6px}
.g-who{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:40px;padding:4px 0;border:0;background:none;font:inherit;font-size:14px;color:var(--muted);text-align:left;cursor:pointer}
.g-who>svg.lucide{flex:none;width:17px;height:17px}
.g-who>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-avas{display:flex;flex:none}
.g-avas .ava{margin-right:-6px;box-shadow:0 0 0 2px var(--bg)}
.g-avas .ava:last-child{margin-right:0}
.g-empty{margin:28px 20px}
.g-empty b{color:var(--text)}
.g-title{margin:2px 0 10px;font-size:20px;font-weight:800;overflow-wrap:anywhere}
.sheet .g-sp{margin-top:12px}
.chip.g-in{cursor:default}
.chip.g-in svg.lucide{width:14px;height:14px}
.app[data-device="phone"] .top-actions .g-new{padding:0 13px}

/* Название матрицы над квадратами: своя матрица и матрица группы. Нажатие — переименовать (у группы — только хозяину) */
.mx-wrap{flex-direction:column}
.mx-top{display:flex;align-items:center;min-width:0;margin:0 12px 6px}
.app[data-device="desktop"] .mx-top{margin:0 28px 10px}
.mx-name{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;min-height:40px;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:var(--text)}
button.mx-name{cursor:pointer}
.mx-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-name svg.lucide{flex:none;width:15px;height:15px;color:var(--muted)}

/* Окно дела: выбрали группу — «С кем» и «Только для меня» прячутся (дело группы и так видят все участники) */
form[data-form="task"]:has([data-task-group] option:checked:not([value=""])) :is(.fld:has([data-together]),.fld:has([data-switch="private"]),[data-toast-key="noFriends"]){display:none}