/* v1024 Groups screen module. */
html[data-design-authority="v1024"] :where(.communities-card,.community-chat-card,.group-call-card){background:var(--surface-primary)!important;border-color:var(--border-subtle)!important;box-shadow:var(--shadow-3)!important}
html[data-design-authority="v1024"] .community-card{background:var(--surface-elevated)!important;border-color:var(--border-subtle)!important;box-shadow:var(--shadow-1)!important}

/* v1036 Group Atelier — one premium language for group discovery,
   creation and quick calling. */
html[data-design-authority="v1024"] :is(#communities-modal,#group-call-modal){
  padding:16px!important;background:rgba(5,10,20,.76)!important;
  backdrop-filter:blur(14px) saturate(.92);-webkit-backdrop-filter:blur(14px) saturate(.92);
}
html[data-design-authority="v1024"] .group-atelier-card{
  width:min(620px,calc(100vw - 32px))!important;max-width:620px!important;
  max-height:min(90dvh,820px)!important;margin:auto!important;padding:22px!important;
  overflow:hidden!important;border:1px solid color-mix(in srgb,var(--border-strong) 65%,var(--border-subtle))!important;
  border-radius:32px!important;background:var(--surface-primary)!important;
  box-shadow:0 32px 96px rgba(2,6,23,.46),inset 0 1px 0 rgba(255,255,255,.82)!important;
  text-align:left!important;
}
html[data-design-authority="v1024"] .group-atelier-header{
  display:grid!important;grid-template-columns:56px minmax(0,1fr) 48px!important;
  align-items:center!important;gap:13px!important;width:100%;margin:0 0 16px!important;
}
html[data-design-authority="v1024"] .group-atelier-header>span:nth-child(2){display:grid;gap:3px;min-width:0}
html[data-design-authority="v1024"] .group-atelier-header .eyebrow{margin:0!important;font-size:.7rem!important;letter-spacing:.14em!important}
html[data-design-authority="v1024"] .group-atelier-header h2{margin:0!important;color:var(--text-primary)!important;font-size:1.42rem!important;line-height:1.08!important;letter-spacing:-.035em}
html[data-design-authority="v1024"] .group-atelier-header small{color:var(--text-secondary)!important;font-size:.76rem!important;font-weight:720;line-height:1.35}
html[data-design-authority="v1024"] .group-atelier-emblem{
  display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(212,175,55,.55);border-radius:19px;
  background:linear-gradient(145deg,#0f172a,#263650 68%,#a76d19);color:#f8d879;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 26px rgba(15,23,42,.24);
}
html[data-design-authority="v1024"] .group-atelier-emblem .premium-glyph{width:27px!important;height:27px!important;color:inherit!important}
html[data-design-authority="v1024"] .group-atelier-close{
  position:static!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;
  min-width:48px!important;min-height:48px!important;padding:0!important;border:1px solid var(--border-subtle)!important;
  border-radius:17px!important;background:var(--surface-elevated)!important;color:var(--text-primary)!important;
  box-shadow:var(--shadow-1)!important;
}
html[data-design-authority="v1024"] .group-atelier-close .ui-icon{width:21px!important;height:21px!important}
html[data-design-authority="v1024"] .group-atelier-close:active{transform:scale(.94)}

html[data-design-authority="v1024"] .group-mode-picker{gap:10px!important;margin:4px 0 12px!important}
html[data-design-authority="v1024"] .group-mode-picker button{
  grid-template-columns:52px minmax(0,1fr)!important;min-height:104px!important;padding:13px!important;
  border:1px solid var(--border-subtle)!important;border-radius:21px!important;background:var(--surface-elevated)!important;
  box-shadow:var(--shadow-1)!important;
}
html[data-design-authority="v1024"] .group-mode-picker button>span{
  width:52px!important;height:52px!important;border-radius:18px!important;background:var(--surface-subtle)!important;color:var(--action-secondary)!important;
}
html[data-design-authority="v1024"] .group-mode-picker button>span .premium-glyph{width:25px!important;height:25px!important;color:inherit!important}
html[data-design-authority="v1024"] .group-mode-picker button>b{font-size:.95rem!important;color:var(--text-primary)!important}
html[data-design-authority="v1024"] .group-mode-picker button>small{font-size:.74rem!important;color:var(--text-secondary)!important}
html[data-design-authority="v1024"] .group-mode-picker button.active{
  border-color:rgba(198,95,20,.52)!important;background:color-mix(in srgb,var(--surface-elevated) 86%,#fff1da)!important;
  box-shadow:0 0 0 3px rgba(198,95,20,.1),0 12px 28px rgba(140,85,20,.12)!important;
}
html[data-design-authority="v1024"] .group-mode-picker button.active>span{background:linear-gradient(145deg,#c85e12,#e8a72f)!important;color:#fff!important}
html[data-design-authority="v1024"] .group-picker-summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px;color:var(--text-secondary);
  font-size:.74rem;font-weight:800;
}
html[data-design-authority="v1024"] .group-picker-summary span{display:flex;align-items:center;gap:5px}
html[data-design-authority="v1024"] .group-picker-summary b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:9px;background:#172033;color:#fde68a}
html[data-design-authority="v1024"] .group-contact-list{
  min-height:0;max-height:min(42dvh,390px)!important;margin:0!important;padding:2px!important;gap:8px!important;
  overflow-y:auto!important;scrollbar-width:none!important;overscroll-behavior:contain;
}
html[data-design-authority="v1024"] .group-contact-list::-webkit-scrollbar{display:none!important}
html[data-design-authority="v1024"] .group-contact-option{
  grid-template-columns:28px 50px minmax(0,1fr) auto!important;min-height:72px!important;padding:10px 12px!important;
  border:1px solid var(--border-subtle)!important;border-radius:19px!important;background:var(--surface-elevated)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
}
html[data-design-authority="v1024"] .group-contact-option input,
html[data-design-authority="v1024"] .community-member-picker input{
  width:25px!important;height:25px!important;min-height:25px!important;margin:0!important;accent-color:var(--action-primary)!important;
}
html[data-design-authority="v1024"] .group-contact-option .mini-avatar,
html[data-design-authority="v1024"] .community-member-picker .mini-avatar{width:48px!important;height:48px!important;border-radius:16px!important}
html[data-design-authority="v1024"] .group-contact-option>span:last-of-type{font-size:.92rem!important;font-weight:900!important;color:var(--text-primary)!important}
html[data-design-authority="v1024"] .group-contact-option:has(input:checked){border-color:rgba(22,131,95,.5)!important;background:color-mix(in srgb,var(--surface-elevated) 88%,#dcfce7)!important}
html[data-design-authority="v1024"] .group-atelier-footer{position:sticky;bottom:0;padding-top:12px;background:linear-gradient(transparent,var(--surface-primary) 24%)}
html[data-design-authority="v1024"] .group-atelier-footer .primary{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;border-radius:18px!important;
  font-size:.88rem!important;box-shadow:0 12px 28px rgba(198,95,20,.22)!important;
}
html[data-design-authority="v1024"] .group-atelier-footer .ui-icon{width:20px;height:20px}

html[data-design-authority="v1024"] .group-create-action{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;margin:0 0 14px;
  border-radius:18px!important;font-size:.86rem!important;
}
html[data-design-authority="v1024"] .group-create-action .ui-icon{width:20px;height:20px}
html[data-design-authority="v1024"] .communities-card{display:flex!important;flex-direction:column!important}
html[data-design-authority="v1024"] .communities-card .community-form,
html[data-design-authority="v1024"] .communities-card .communities-list{min-height:0;overflow-y:auto;scrollbar-width:none}
html[data-design-authority="v1024"] .communities-card.form-active>.group-create-action,
html[data-design-authority="v1024"] .communities-card.form-active>.community-directory-bar,
html[data-design-authority="v1024"] .communities-card.form-active>.communities-list{display:none!important}
html[data-design-authority="v1024"] .communities-card.form-active>.community-form{display:grid!important;flex:1}
html[data-design-authority="v1024"] .communities-card :is(.community-form,.communities-list)::-webkit-scrollbar{display:none}
html[data-design-authority="v1024"] .community-form{padding:15px!important;border-radius:22px!important;background:var(--surface-elevated)!important}
html[data-design-authority="v1024"] .community-member-picker{grid-template-columns:1fr!important;max-height:260px!important;gap:8px!important}
html[data-design-authority="v1024"] .community-member-picker label{
  grid-template-columns:25px 48px minmax(0,1fr)!important;min-height:70px;padding:9px 11px!important;
  border-color:var(--border-subtle)!important;border-radius:18px!important;background:var(--surface-elevated)!important;
}
html[data-design-authority="v1024"] .community-member-picker label:has(input:checked){border-color:rgba(22,131,95,.5)!important;background:color-mix(in srgb,var(--surface-elevated) 88%,#dcfce7)!important}
html[data-design-authority="v1024"] .community-member-picker label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:900}
html[data-design-authority="v1024"] .community-directory-bar{margin:0 0 12px!important;background:var(--surface-elevated)!important;box-shadow:var(--shadow-1)!important}
html[data-design-authority="v1024"] .community-card{border-radius:20px!important}

html[data-design-authority="v1024"][data-theme="dark"] .group-mode-picker button.active,
html[data-design-authority="v1024"][data-theme="dark"] :is(.group-contact-option,.community-member-picker label):has(input:checked){background:#123c2d!important}

@media(max-width:560px){
  html[data-design-authority="v1024"] :is(#communities-modal,#group-call-modal){align-items:end!important;padding:0!important}
  html[data-design-authority="v1024"] .group-atelier-card{
    width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;padding:16px 14px max(14px,env(safe-area-inset-bottom))!important;
    border-width:1px 0 0!important;border-radius:28px 28px 0 0!important;
  }
  html[data-design-authority="v1024"] .group-atelier-header{grid-template-columns:50px minmax(0,1fr) 46px!important;gap:10px!important;margin-bottom:13px!important}
  html[data-design-authority="v1024"] .group-atelier-emblem{width:50px;height:50px;border-radius:17px}
  html[data-design-authority="v1024"] .group-atelier-header h2{font-size:1.2rem!important}
  html[data-design-authority="v1024"] .group-atelier-header small{font-size:.72rem!important}
  html[data-design-authority="v1024"] .group-mode-picker button{grid-template-columns:46px minmax(0,1fr)!important;min-height:94px!important;padding:10px!important}
  html[data-design-authority="v1024"] .group-mode-picker button>span{width:46px!important;height:46px!important;border-radius:16px!important}
  html[data-design-authority="v1024"] .group-contact-list{max-height:43dvh!important}
  html[data-design-authority="v1024"] .group-contact-option{grid-template-columns:26px 46px minmax(0,1fr) auto!important;min-height:68px!important;padding:8px 10px!important;border-radius:17px!important}
  html[data-design-authority="v1024"] .group-contact-option .mini-avatar,html[data-design-authority="v1024"] .community-member-picker .mini-avatar{width:44px!important;height:44px!important;border-radius:15px!important}
  html[data-design-authority="v1024"] .community-directory-bar{grid-template-columns:1fr!important;padding:11px!important;border-radius:17px!important}
}
html[data-design-authority="v1024"] .community-chat-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain}
html[data-design-authority="v1024"] .community-action:not(.chat){background:var(--surface-elevated)!important;border-color:var(--border-subtle)!important;box-shadow:none!important}

/* v1086: the group composer now follows the same keyboard-safe authority as
   direct chat while keeping its group identity styling. */
.community-chat-form{position:sticky!important;bottom:0!important;z-index:8!important}
.community-composer-shell textarea{font-size:16px!important;resize:none!important;overflow-x:hidden!important;transition:height .1s ease!important}
.community-chat-form.send-gesture-active .voice-button{display:none!important;pointer-events:none!important}
.community-chat-form.send-gesture-active .community-send-button{display:grid!important;pointer-events:none!important}
.community-chat-form:focus-within{box-shadow:0 -10px 28px rgba(82,49,15,.07)}
/* v1087 — consent-first group invitations */
.community-card.community-invitation-pending {
  border-color: color-mix(in srgb, var(--action-primary, #c97818) 45%, transparent);
  background: linear-gradient(145deg, color-mix(in srgb, var(--surface-elevated, #fff) 94%, #f3c86d 6%), var(--surface-elevated, #fff));
}
.community-invitation-card {
  width: min(92vw, 430px);
  text-align: center;
  padding: 1.5rem;
  border: 1px solid color-mix(in srgb, var(--action-primary, #c97818) 30%, transparent);
}
.community-invitation-avatar {
  width: 76px;
  height: 76px;
  margin: 0 auto .8rem;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .14);
}
.community-invitation-card h3 { margin: .15rem 0 .55rem; }
.community-invitation-actions {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: .75rem;
  margin-top: 1.2rem;
}
.community-invitation-actions button { min-height: 48px; }