/* Compact, equal group cards with the actual organiser's saved character. */
#groupDialog{width:min(540px,calc(100vw - 24px));max-width:540px;padding:22px;background:#fffcf8}
#groupDialog #groupsHeading{color:#39205f;margin-bottom:10px;font-size:27px}
#groupDialog #groupsIntro{font-size:13px;margin:8px 0 14px;line-height:1.45}
#groupDialog #receiveCodeOpen{min-height:44px;width:100%;padding:9px 12px;margin:0 0 16px;display:flex;align-items:center;gap:9px;border:1px solid #b89ad8;border-radius:14px;background:#efe5fb;color:#55317b;font-size:13px}
#groupDialog #receiveCodeOpen>span:first-child{font-size:20px}
#groupDialog #receiveCodeOpen>span:nth-child(2){flex:1;font-size:13px;font-weight:700;text-align:left}
#groupDialog #receiveCodeOpen small{display:none}
#groupsList{display:grid;gap:10px}
#groupsList .group-card{--group-paper:#f1e8fb;--group-accent:#ab78e8;display:grid;grid-template-columns:44px minmax(0,1fr) 72px 32px;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;height:104px;min-height:104px;padding:10px 8px 10px 10px;margin:0;border:0;border-left:5px solid var(--group-accent);border-radius:17px;background:linear-gradient(110deg,var(--group-paper),#fff8);box-shadow:0 3px 12px #49315c08}
#groupsList .group-card[data-tone="1"]{--group-paper:#e5f3ec;--group-accent:#78bc9a}
#groupsList .group-card[data-tone="2"]{--group-paper:#fff0e4;--group-accent:#ffac70}
#groupsList .group-card h3{grid-column:2;grid-row:1;align-self:end;font-size:15px;line-height:1.3;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
#groupsList .group-card .fineprint{grid-column:2;grid-row:2;align-self:start;margin:0;line-height:1.4;font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#groupsList .group-actions{display:contents}
#groupsList .group-actions .primary{grid-column:3;grid-row:1/3;width:72px;min-height:40px;margin:0;padding:8px 5px;border-radius:20px;font-size:12px;line-height:1.3;box-shadow:none}
#groupsList .group-actions .primary:disabled{background:#4d9d72;color:white}
#groupsList .group-actions .danger{grid-column:4;grid-row:1/3;width:32px;min-height:44px;padding:0;margin:0;border:0;background:transparent;font-size:0;color:#897497;box-shadow:none}
#groupsList .group-actions .danger::before{content:'';display:block;width:20px;height:23px;margin:auto;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
#groupsList .group-organizer{grid-column:1;grid-row:1/3;position:relative;width:44px;height:80px;pointer-events:none}
#groupsList .group-organizer .person-marker{position:absolute;left:50%;bottom:3px;transform:translateX(-50%) scale(.56);transform-origin:bottom center;filter:drop-shadow(0 3px 3px #482b5f22)}
#groupsList .group-organizer .head{border-color:#dac2ef}
#groupsList .group-organizer .energy-halo{display:none}
#groupSharingHint{text-align:center;font-size:10px;line-height:1.5;margin:12px 0 18px}
#groupDialog #createForm{padding-top:6px;border-top:1px solid #ebe2f0}
#groupDialog #createForm .field{font-size:17px;font-weight:750;margin:14px 0 10px}
#groupDialog #createForm input{font-size:14px;min-height:44px}
#groupDialog #createForm .primary{font-size:14px;min-height:46px;margin:10px 0}
@media(max-width:380px){#groupDialog{padding:16px 12px}#groupsList .group-card{grid-template-columns:36px minmax(0,1fr) 64px 28px;column-gap:5px;padding-left:7px}#groupsList .group-organizer{width:36px}#groupsList .group-actions .primary{width:64px;font-size:11px}#groupsList .group-card h3{font-size:14px}#groupsList .group-actions .danger{width:28px}}