/* Invite Flow 2026-09-16 */
.share-social-hints{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:5px;
  color:var(--orange);
  font-weight:800;
  letter-spacing:.02em;
}

#challengeInviteDialog{
  width:min(720px,calc(100vw - 20px));
  max-width:720px;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}
#challengeInviteDialog::backdrop{
  background:rgba(15,18,24,.64);
  backdrop-filter:blur(4px);
}
.challenge-invite-dialog{
  width:100%;
  max-height:calc(100dvh - 20px);
  overflow:auto;
}
.challenge-invite-dialog__challenge,
.challenge-invite-dialog__challenge > div,
.challenge-invite-kind,
.challenge-invite-share-actions,
.challenge-invite-privacy,
.invite-create-notice,
.challenge-card__invite-origin,
.challenge-invite-card__inviter,
.dashboard-invite-welcome{
  min-width:0;
}
.challenge-invite-dialog__challenge{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  margin:10px 0 16px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface-2);
}
.challenge-invite-dialog__challenge p{margin:3px 0 0;font-size:12px;line-height:1.45}
.challenge-invite-dialog__icon{
  width:70px;
  height:70px;
  flex:0 0 70px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.challenge-invite-dialog__icon img{max-width:70px;max-height:70px;object-fit:contain}
.challenge-invite-kind{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.challenge-invite-kind__choice{
  min-height:126px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  color:var(--text);
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.challenge-invite-kind__choice b,
.challenge-invite-kind__choice span{display:block}
.challenge-invite-kind__choice b{font-size:15px;margin-bottom:7px}
.challenge-invite-kind__choice span{font-size:12px;line-height:1.5;color:var(--muted)}
.challenge-invite-kind__choice.is-active{
  border-color:var(--orange);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 15%,transparent);
  background:color-mix(in srgb,var(--orange) 7%,var(--surface));
}
.challenge-invite-custom-note{margin:12px 0}
.challenge-invite-custom-note p{margin:5px 0 0}
.challenge-invite-privacy{
  display:grid;
  gap:4px;
  margin:12px 0;
  padding:12px 14px;
  border-radius:16px;
  background:var(--surface-2);
  border:1px solid var(--border);
}
.challenge-invite-privacy span{font-size:12px;line-height:1.45}
.challenge-invite-privacy small{color:var(--muted);line-height:1.45}
.challenge-invite-share-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}

/* Dashboard: oczekujące zaproszenia */
.dashboard-invite-welcome{
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 17px;
  margin:0 0 12px;
  border:1px solid color-mix(in srgb,var(--orange) 45%,var(--border));
  border-radius:20px;
  background:color-mix(in srgb,var(--orange) 8%,var(--surface));
}
.dashboard-invite-welcome__avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
}
.dashboard-invite-welcome b,
.dashboard-invite-welcome p,
.dashboard-invite-welcome small{display:block}
.dashboard-invite-welcome p{margin:2px 0;font-weight:800}
.dashboard-invite-welcome small{color:var(--muted);line-height:1.4}
.challenge-card--invite{
  display:block;
  border-color:color-mix(in srgb,var(--orange) 45%,var(--border));
  background:color-mix(in srgb,var(--orange) 5%,var(--surface));
}
.challenge-invite-card__inviter{
  display:flex;
  align-items:center;
  gap:12px;
}
.challenge-invite-card__avatar{
  width:54px;
  height:54px;
  flex:0 0 54px;
}
.challenge-invite-card__kicker{
  display:block;
  margin-bottom:3px;
  color:var(--orange);
  font-size:11px;
  font-weight:800;
}
.challenge-invite-card__inviter h3{margin:0}
.challenge-invite-card__copy{
  margin:10px 0 12px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.challenge-invite-card__action{pointer-events:none}
.challenge-card__invite-origin{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  color:var(--orange);
  font-size:10px;
  font-weight:800;
  line-height:1.35;
}
.challenge-card__invite-avatar{
  width:23px;
  height:23px;
  flex:0 0 23px;
}
.challenge-card__invite-avatar img,
.challenge-invite-card__avatar img,
.dashboard-invite-welcome__avatar img,
.invite-create-notice__avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Start: zaproszenie używa zwykłego kreatora */
.invite-create-notice{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0 14px;
  padding:11px 13px;
  border:1px solid color-mix(in srgb,var(--orange) 42%,var(--border));
  border-radius:17px;
  background:color-mix(in srgb,var(--orange) 7%,var(--surface));
}
.invite-create-notice__avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
}
.invite-create-notice b{display:block;font-size:12px;color:var(--orange)}
.invite-create-notice p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.c3-custom-locked{
  padding:14px;
  border:1px solid color-mix(in srgb,var(--orange) 35%,var(--border));
  border-radius:18px;
  background:var(--surface-2);
}
.c3-custom-locked h3{margin:3px 0 5px}
.c3-custom-locked > p{margin:0 0 12px}
.c3-custom-locked__rows{display:grid;gap:8px}
.c3-custom-locked__rows > div{
  display:grid;
  grid-template-columns:minmax(95px,.5fr) minmax(0,1.5fr);
  gap:10px;
  padding:9px 10px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
}
.c3-custom-locked__rows span{color:var(--muted);line-height:1.45}
.c3-custom-locked a{color:var(--orange);font-weight:800}

@media (max-width:620px){
  .challenge-invite-kind{grid-template-columns:1fr}
  .challenge-invite-kind__choice{min-height:0}
  .challenge-invite-share-actions .btn{flex:1 1 calc(50% - 8px)}
  .dashboard-invite-welcome{align-items:flex-start}
  .c3-custom-locked__rows > div{grid-template-columns:1fr;gap:3px}
}