.friend-groups-section{display:grid;gap:10px}.friend-groups-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.friend-groups-head h3{margin:0;font-size:13px;color:var(--muted);font-weight:700}.friend-group-add{padding:7px 10px;min-height:40px}.friend-groups-list{display:grid;gap:8px}.friend-group-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--card) 96%,var(--bg))}.friend-group-main{border:0;background:transparent;padding:0;display:grid;gap:3px;text-align:right;min-width:0;cursor:pointer;color:inherit}.friend-group-main strong{font-size:13px}.friend-group-main small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-group-actions{display:flex;align-items:center;gap:5px}.friend-group-actions .secondary{padding:6px 8px;font-size:12px;min-height:40px}.friend-group-delete.icon-dismiss{width:40px;height:40px;min-width:40px}.friend-group-member-list{max-height:290px;overflow:auto;margin-top:8px}.friend-group-member-row>span{direction:rtl;text-align:right}.friend-group-modal input#friendGroupName{width:100%}@media(max-width:520px){.friend-group-card{grid-template-columns:1fr}.friend-group-actions{justify-content:flex-start}.friend-group-member-list{max-height:40vh}}