:root{
  --team-cream:#fffbf6;
  --team-white:#ffffff;
  --team-navy:#102d6c;
  --team-cobalt:#1c46a5;
  --team-blue-soft:#aecbff;
  --team-blue-soft-2:#eef3ff;
  --team-lime:#dcf465;
  --team-ink:#111827;
  --team-muted:#6b7280;
  --team-border:#ece7de;
  --team-border-blue:#dbe6fb;
  --team-radius:18px;
  --team-radius-lg:20px;
  --team-shadow:0 12px 30px rgba(16,45,108,.075);
}

/* =========================
   Page shell
   ========================= */

.teamPage{
  background:var(--team-cream);
  color:var(--team-ink);
  min-height:100vh;
  overflow:visible;
  padding:clamp(24px,4vw,44px) 18px;
}

.teamPage__inner{
  margin:0 auto;
  max-width:1120px;
  width:100%;
}

/* =========================
   Top hero
   ========================= */

.teamHero{
  align-items:stretch;
  display:grid;
  gap:18px;
  grid-template-columns:minmax(0,1.5fr) minmax(320px,.95fr);
  margin-bottom:18px;
}

.teamHero__main,
.teamHero__plan,
.teamCard,
.teamPanel{
  border-radius:var(--team-radius-lg);
  box-shadow:var(--team-shadow);
}

.teamHero__main{
  background:var(--team-white);
  border:1px solid var(--team-border);
  min-height:330px;
  padding:34px 34px 24px;
}

.teamHero h1{
  color:var(--team-ink);
  font-size:clamp(2.35rem,4.7vw,3.85rem);
  font-weight:1000;
  letter-spacing:-.045em;
  line-height:.98;
  margin:18px 0 14px;
  max-width:660px;
}

.teamHero h1 span{
  color:var(--team-cobalt);
  display:block;
  position:relative;
  width:fit-content;
  z-index:1;
}

.teamHero h1 span::after{
  background:var(--team-lime);
  bottom:2px;
  content:"";
  height:.34em;
  left:0;
  position:absolute;
  right:0;
  z-index:-1;
}

.teamHero__main > p{
  color:#344054;
  font-size:1rem;
  font-weight:650;
  line-height:1.25;
  margin:0 0 18px;
  max-width:520px;
}

.teamFeatureGrid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:18px;
}

.teamFeatureCard{
  align-items:center;
  background:var(--team-white);
  border:1px solid var(--team-border);
  border-radius:16px;
  box-shadow:0 8px 18px rgba(16,45,108,.065);
  display:grid;
  justify-items:center;
  min-height:110px;
  padding:16px 12px;
  text-align:center;
}

.teamFeatureCard span{
  align-items:center;
  background:var(--team-blue-soft);
  border-radius:12px;
  color:var(--team-cobalt);
  display:grid;
  font-size:1rem;
  height:40px;
  justify-items:center;
  margin-bottom:10px;
  width:40px;
}

.teamFeatureCard strong{
  color:var(--team-ink);
  display:block;
  font-size:.84rem;
  font-weight:1000;
  line-height:1.15;
}

.teamFeatureCard small{
  color:var(--team-muted);
  display:block;
  font-size:.76rem;
  font-weight:650;
  line-height:1.2;
  margin-top:4px;
}

/* =========================
   Hero plan card
   ========================= */

.teamHero__plan{
  align-items:center;
  background:var(--team-navy);
  border:1px solid rgba(255,255,255,.12);
  color:var(--team-white);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:330px;
  padding:32px 28px;
  text-align:center;
}

.teamPlanPill{
  background:var(--team-lime);
  border-radius:999px;
  color:var(--team-navy);
  display:inline-flex;
  font-size:.72rem;
  font-weight:1000;
  line-height:1;
  margin-bottom:42px;
  padding:8px 13px;
  text-transform:uppercase;
}

.teamPlanIcon{
  color:var(--team-lime);
  font-size:1.05rem;
  margin-bottom:20px;
}

.teamHero__plan h2{
  color:var(--team-white);
  font-size:clamp(1.65rem,3vw,2.1rem);
  font-weight:1000;
  letter-spacing:-.035em;
  line-height:1.05;
  margin:0;
}

.teamPlanDivider{
  background:rgba(255,255,255,.22);
  height:2px;
  margin:18px 0 20px;
  width:50px;
}

.teamHero__plan p{
  color:#c6cfec;
  font-size:1rem;
  font-weight:850;
  line-height:1.3;
  margin:0 0 26px;
}

.teamPlanNotice{
  align-items:center;
  background:rgba(28,70,165,.45);
  border-radius:12px;
  color:var(--team-white);
  display:inline-flex;
  font-size:.84rem;
  font-weight:900;
  gap:9px;
  justify-content:center;
  max-width:100%;
  min-height:48px;
  padding:12px 18px;
  text-decoration:none;
  width:100%;
}

.teamPlanNotice i{
  color:#dbe6fb;
}

.teamSeatMeter{
  width:100%;
  margin-bottom:18px;
}

.teamSeatMeter__track{
  background:rgba(255,255,255,.14);
  border-radius:999px;
  height:8px;
  overflow:hidden;
  width:100%;
}

.teamSeatMeter__track span{
  background:var(--team-lime);
  border-radius:inherit;
  display:block;
  height:100%;
}

/* =========================
   Onboarding cards
   ========================= */

.teamOnboarding{
  display:grid;
  gap:18px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

.teamCard{
  background:var(--team-white);
  border:1px solid var(--team-border);
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:290px;
  padding:28px 22px 22px;
}

.teamCard--wide{
  grid-column:auto;
}

.teamCard__icon{
  align-items:center;
  border-radius:999px;
  display:grid;
  font-size:1rem;
  height:48px;
  justify-items:center;
  width:48px;
}

.teamCard__icon--lime{
  background:var(--team-lime);
  color:var(--team-navy);
}

.teamCard__icon--blue{
  background:var(--team-blue-soft);
  color:var(--team-cobalt);
}

.teamCard__head h2,
.teamPanel__head h2{
  color:var(--team-ink);
  font-size:1.25rem;
  font-weight:1000;
  letter-spacing:-.03em;
  line-height:1.1;
  margin:0;
}

.teamCard__head p,
.teamPanel__head p{
  color:var(--team-muted);
  font-size:.97rem;
  font-weight:650;
  line-height:1.35;
  margin:7px 0 0;
}

.teamPlanStrip{
  align-items:center;
  background:var(--team-lime);
  border-radius:11px;
  color:var(--team-navy);
  display:flex;
  gap:12px;
  justify-content:space-between;
  margin-top:auto;
  min-height:48px;
  padding:12px 16px;
}

.teamPlanStrip span{
  align-items:center;
  display:inline-flex;
  font-size:.9rem;
  font-weight:950;
  gap:8px;
}

.teamPlanStrip strong{
  font-size:.82rem;
  font-weight:1000;
  white-space:nowrap;
}

/* =========================
   Forms and buttons
   ========================= */

.teamForm{
  display:grid;
  gap:14px;
  margin-top:auto;
}

.teamField{
  display:grid;
  gap:8px;
}

.teamField > span{
  color:#4b5563;
  font-size:.76rem;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.teamField input,
.teamInput{
  background:var(--team-white);
  border:1px solid var(--team-border);
  border-radius:12px;
  color:var(--team-ink);
  min-height:46px;
  outline:0;
  padding:12px 14px;
  transition:border-color .18s ease, box-shadow .18s ease;
  width:100%;
}

.teamField input:focus,
.teamInput:focus{
  border-color:var(--team-cobalt);
  box-shadow:0 0 0 4px rgba(28,70,165,.10);
}

.teamBtn,
.teamMiniBtn,
.teamCopyMini,
.teamIconBtn{
  align-items:center;
  border:0;
  cursor:pointer;
  display:inline-flex;
  font-weight:1000;
  gap:8px;
  justify-content:center;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.teamBtn:hover,
.teamMiniBtn:hover,
.teamCopyMini:hover,
.teamIconBtn:hover{
  transform:translateY(-1px);
}

.teamBtn{
  border-radius:11px;
  font-size:.9rem;
  min-height:48px;
  padding:12px 16px;
  width:100%;
}

.teamBtn--lime{
  background:var(--team-lime);
  color:var(--team-navy);
}

.teamBtn--blue{
  background:var(--team-cobalt);
  color:var(--team-white);
}

.teamBtn--blue:hover{
  box-shadow:0 10px 22px rgba(28,70,165,.18);
}

.teamBtn--lime:hover{
  box-shadow:0 10px 22px rgba(177,205,40,.18);
}

/* =========================
   Existing team dashboard
   ========================= */

.teamDashboardGrid{
  align-items:start;
  display:grid;
  gap:18px;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
}

.teamPanel{
  background:var(--team-white);
  border:1px solid var(--team-border);
  padding:24px;
}

.teamPanel__head{
  align-items:flex-start;
  border-bottom:1px solid var(--team-border);
  display:flex;
  gap:16px;
  justify-content:space-between;
  margin-bottom:16px;
  padding-bottom:16px;
}

.teamCountPill,
.teamRolePill{
  align-items:center;
  border-radius:999px;
  display:inline-flex;
  font-size:.76rem;
  font-weight:1000;
  justify-content:center;
  white-space:nowrap;
}

.teamCountPill{
  background:var(--team-lime);
  color:var(--team-navy);
  padding:8px 11px;
}

.teamMembers,
.teamInviteRows{
  display:grid;
  gap:10px;
}

.teamMember{
  align-items:center;
  background:#fbfcff;
  border:1px solid var(--team-border-blue);
  border-radius:15px;
  display:grid;
  gap:12px;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  padding:12px;
  transition:border-color .15s ease, transform .15s ease;
}

.teamMember:hover{
  border-color:var(--team-cobalt);
  transform:translateY(-1px);
}

.teamMember.is-muted{
  opacity:.62;
}

.teamMember__avatar{
  background:var(--team-cobalt);
  border-radius:12px;
  color:var(--team-white);
  display:grid;
  font-weight:1000;
  height:42px;
  overflow:hidden;
  place-items:center;
  width:42px;
}

.teamMember__avatar img{
  display:block;
  height:100%;
  object-fit:cover;
  width:100%;
}

.teamMember__body{
  min-width:0;
}

.teamMember__body strong{
  color:var(--team-ink);
  display:block;
  font-size:.94rem;
  font-weight:1000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.teamMember__body small{
  color:var(--team-muted);
  display:block;
  font-size:.8rem;
  font-weight:650;
  margin-top:2px;
}

.teamRolePill{
  background:var(--team-lime);
  color:var(--team-navy);
  padding:7px 10px;
}

.teamRolePill--muted{
  background:#eef1f6;
  color:#64748b;
}

.teamMember__action{
  margin:0;
}

.teamIconBtn{
  background:var(--team-blue-soft-2);
  border-radius:999px;
  color:var(--team-cobalt);
  font-size:.78rem;
  min-height:36px;
  padding:0 12px;
}

/* =========================
   Team cards / paid plans
   ========================= */

.teamPlanGrid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  margin-top:4px;
}

.teamPlanCard{
  background:#fbfcff;
  border:1px solid var(--team-border-blue);
  border-radius:15px;
  color:var(--team-ink);
  display:grid;
  gap:7px;
  padding:14px;
  text-decoration:none;
  transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.teamPlanCard:hover{
  border-color:var(--team-cobalt);
  box-shadow:0 10px 24px rgba(16,45,108,.07);
  transform:translateY(-1px);
}

.teamPlanCard span{
  background:var(--team-lime);
  border-radius:999px;
  color:var(--team-navy);
  font-size:.68rem;
  font-weight:1000;
  padding:6px 9px;
  width:fit-content;
}

.teamPlanCard strong{
  color:var(--team-ink);
  font-size:.98rem;
  font-weight:1000;
}

.teamPlanCard small{
  color:var(--team-muted);
  font-size:.8rem;
  font-weight:650;
}

.teamMiniMeter{
  background:#e8eefb;
  border-radius:999px;
  height:7px;
  overflow:hidden;
}

.teamMiniMeter span{
  background:var(--team-cobalt);
  border-radius:inherit;
  display:block;
  height:100%;
}

/* =========================
   Invites
   ========================= */

.teamInviteEmailForm{
  background:#fbfcff;
  border:1px solid var(--team-border-blue);
  border-radius:15px;
  margin-bottom:14px;
  padding:14px;
}

.teamInviteRow{
  align-items:center;
  background:#fbfcff;
  border:1px solid var(--team-border-blue);
  border-radius:15px;
  display:grid;
  gap:12px;
  grid-template-columns:minmax(0,1fr) auto;
  padding:12px;
}

.teamInviteRow strong{
  color:var(--team-ink);
  display:block;
  font-size:.94rem;
  font-weight:1000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.teamInviteRow small{
  color:var(--team-muted);
  display:block;
  font-size:.78rem;
  font-weight:650;
  margin-top:2px;
}

.teamInviteRow__actions{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end;
}

.teamInviteRow__actions form{
  margin:0;
}

.teamMiniBtn,
.teamCopyMini{
  border-radius:999px;
  font-size:.74rem;
  min-height:34px;
  padding:0 12px;
}

.teamCopyMini{
  background:var(--team-blue-soft-2);
  color:var(--team-cobalt);
}

.teamMiniBtn{
  background:#eef1f6;
  color:#26345a;
}

.teamMiniBtn--danger{
  background:#fee2e2;
  color:#dc2626;
}

/* =========================
   Empty state
   ========================= */

.teamEmptyState{
  align-items:center;
  border:1px dashed var(--team-border-blue);
  border-radius:15px;
  color:var(--team-muted);
  display:grid;
  gap:8px;
  justify-items:center;
  min-height:132px;
  padding:18px;
  text-align:center;
}

.teamEmptyState i{
  color:var(--team-cobalt);
  font-size:1.15rem;
}

.teamEmptyState p{
  margin:0;
}

/* =========================
   Invite landing compatibility
   ========================= */

.teamPage--invite{
  display:grid;
  place-items:center;
}

.teamInviteLanding{
  max-width:920px;
  position:relative;
  width:100%;
  z-index:2;
}

.teamBackLink{
  align-items:center;
  color:var(--team-muted);
  display:inline-flex;
  font-size:.9rem;
  font-weight:850;
  gap:7px;
  margin-bottom:12px;
  text-decoration:none;
}

.teamInviteCard{
  background:var(--team-white);
  border:1px solid var(--team-border);
  border-radius:22px;
  box-shadow:var(--team-shadow);
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  min-height:470px;
  overflow:hidden;
}

.teamInviteCard__visual{
  background:var(--team-navy);
  display:grid;
  place-items:center;
  position:relative;
}

.teamInviteCard__badge{
  background:var(--team-lime);
  border-radius:24px;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
  color:var(--team-navy);
  display:grid;
  font-size:1.9rem;
  height:86px;
  place-items:center;
  position:relative;
  width:86px;
  z-index:2;
}

.teamInviteCard__rings span{
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  height:8rem;
  inset:50%;
  position:absolute;
  transform:translate(-50%,-50%);
  width:8rem;
}

.teamInviteCard__rings span:nth-child(2){
  height:13rem;
  width:13rem;
}

.teamInviteCard__rings span:nth-child(3){
  height:18rem;
  width:18rem;
}

.teamInviteCard__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(22px,3vw,38px);
}

.teamInviteCard h1{
  color:var(--team-ink);
  font-size:clamp(1.9rem,4vw,3.1rem);
  font-weight:1000;
  letter-spacing:-.045em;
  line-height:1;
  margin:14px 0 0;
}

.teamInviteCard p{
  color:var(--team-muted);
  font-weight:650;
  line-height:1.5;
  margin:14px 0 0;
}

.teamInviteSummary{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:16px;
}

.teamInviteSummary div,
.teamNotice{
  background:#fbfcff;
  border:1px solid var(--team-border-blue);
  border-radius:15px;
  padding:12px;
}

.teamInviteSummary span,
.teamNotice span{
  color:var(--team-muted);
  display:block;
  font-size:.78rem;
}

.teamInviteSummary strong,
.teamNotice strong{
  color:var(--team-ink);
  display:block;
  font-size:.94rem;
  margin-top:2px;
}

.teamNotice{
  align-items:flex-start;
  display:flex;
  gap:10px;
  margin:16px 0;
}

.teamNotice i{
  color:var(--team-cobalt);
  margin-top:3px;
}

.teamNotice--warning{
  background:#fff7ed;
  border-color:#fed7aa;
}

/* =========================
   Dark mode
   ========================= */

html[data-theme="dark"] .teamPage{
  background:#0b1428;
  color:#ffffff;
}

html[data-theme="dark"] .teamHero__main,
html[data-theme="dark"] .teamCard,
html[data-theme="dark"] .teamPanel,
html[data-theme="dark"] .teamInviteCard{
  background:#132244;
  border-color:rgba(219,230,251,.15);
  box-shadow:none;
}

html[data-theme="dark"] .teamHero h1,
html[data-theme="dark"] .teamCard__head h2,
html[data-theme="dark"] .teamPanel__head h2,
html[data-theme="dark"] .teamInviteCard h1,
html[data-theme="dark"] .teamMember__body strong,
html[data-theme="dark"] .teamInviteRow strong,
html[data-theme="dark"] .teamPlanCard strong{
  color:#ffffff;
}

html[data-theme="dark"] .teamHero__main > p,
html[data-theme="dark"] .teamCard__head p,
html[data-theme="dark"] .teamPanel__head p,
html[data-theme="dark"] .teamInviteCard p,
html[data-theme="dark"] .teamMember__body small,
html[data-theme="dark"] .teamInviteRow small,
html[data-theme="dark"] .teamPlanCard small{
  color:#c6cfec;
}

html[data-theme="dark"] .teamFeatureCard,
html[data-theme="dark"] .teamPlanCard,
html[data-theme="dark"] .teamInviteEmailForm,
html[data-theme="dark"] .teamInviteRow,
html[data-theme="dark"] .teamMember,
html[data-theme="dark"] .teamInviteSummary div,
html[data-theme="dark"] .teamNotice{
  background:#0f1e3d;
  border-color:rgba(219,230,251,.14);
}

html[data-theme="dark"] .teamFeatureCard strong{
  color:#ffffff;
}

html[data-theme="dark"] .teamFeatureCard small,
html[data-theme="dark"] .teamField > span{
  color:#c6cfec;
}

html[data-theme="dark"] .teamField input,
html[data-theme="dark"] .teamInput{
  background:#0f1e3d;
  border-color:rgba(219,230,251,.14);
  color:#ffffff;
}

html[data-theme="dark"] .teamPanel__head{
  border-bottom-color:rgba(219,230,251,.14);
}

html[data-theme="dark"] .teamHero__plan{
  background:#08152f;
}

html[data-theme="dark"] .teamMiniBtn{
  background:rgba(219,230,251,.12);
  color:#e8eefb;
}

/* =========================
   Responsive
   ========================= */

@media (max-width:980px){
  .teamHero,
  .teamOnboarding,
  .teamDashboardGrid,
  .teamInviteCard{
    grid-template-columns:1fr;
  }

  .teamHero__main,
  .teamHero__plan{
    min-height:auto;
  }

  .teamPlanPill{
    margin-bottom:26px;
  }
}

@media (max-width:720px){
  .teamPage{
    padding:18px 12px 34px;
  }

  .teamHero{
    gap:14px;
  }

  .teamHero__main{
    padding:24px 20px 20px;
  }

  .teamHero h1{
    font-size:clamp(2.1rem,12vw,3.2rem);
  }

  .teamFeatureGrid{
    grid-template-columns:1fr;
  }

  .teamFeatureCard{
    align-items:center;
    grid-template-columns:auto minmax(0,1fr);
    justify-items:start;
    min-height:auto;
    padding:14px;
    text-align:left;
  }

  .teamFeatureCard span{
    grid-row:1 / span 2;
    margin:0;
  }

  .teamCard,
  .teamPanel{
    padding:20px;
  }

  .teamMember{
    grid-template-columns:auto minmax(0,1fr);
  }

  .teamRolePill,
  .teamMember__action{
    grid-column:2;
    justify-self:start;
  }

  .teamInviteRow{
    grid-template-columns:1fr;
  }

  .teamInviteRow__actions{
    justify-content:stretch;
  }

  .teamInviteRow__actions form,
  .teamMiniBtn,
  .teamCopyMini{
    width:100%;
  }
}

@media (max-width:460px){
  .teamHero__main,
  .teamHero__plan,
  .teamCard,
  .teamPanel{
    border-radius:16px;
  }

  .teamPlanStrip{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .teamInviteSummary{
    grid-template-columns:1fr;
  }

  .teamRolePill,
  .teamMember__action{
    grid-column:1 / -1;
    width:100%;
  }

  .teamIconBtn{
    width:100%;
  }
}
/* =========================
   Public login gate
   ========================= */
.teamLoginGateModal{
  display:none;
  inset:0;
  position:fixed;
  z-index:12000;
}

.teamLoginGateModal.is-open{
  display:block;
}

.teamLoginGateModal__backdrop{
  backdrop-filter:blur(7px);
  background:rgba(9,20,38,.5);
  inset:0;
  position:absolute;
}

.teamLoginGateModal__panel{
  background:var(--team-white);
  border:1px solid var(--team-border);
  border-radius:22px;
  box-shadow:0 28px 90px rgba(16,45,108,.22);
  left:50%;
  max-width:410px;
  padding:26px;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(410px,calc(100vw - 28px));
}

.teamLoginGateModal__close{
  align-items:center;
  background:#f4f6fa;
  border:0;
  border-radius:999px;
  color:var(--team-muted);
  cursor:pointer;
  display:flex;
  height:34px;
  justify-content:center;
  position:absolute;
  right:14px;
  top:14px;
  width:34px;
}

.teamLoginGateModal__icon{
  align-items:center;
  background:var(--team-blue-soft-2);
  border-radius:16px;
  color:var(--team-cobalt);
  display:flex;
  font-size:1.15rem;
  height:52px;
  justify-content:center;
  margin:0 auto 14px;
  width:52px;
}

.teamLoginGateModal h3{
  color:var(--team-ink);
  font-size:1.18rem;
  font-weight:1000;
  letter-spacing:-.025em;
  margin:0;
}

.teamLoginGateModal p{
  color:var(--team-muted);
  font-size:.92rem;
  font-weight:650;
  line-height:1.45;
  margin:8px auto 0;
  max-width:320px;
}

.teamLoginGateModal__countdown{
  color:var(--team-muted);
  font-size:.78rem;
  font-weight:750;
  margin-top:14px;
}

.teamLoginGateModal__actions{
  display:grid;
  gap:9px;
  grid-template-columns:1fr 1.45fr;
  margin-top:18px;
}

.teamLoginGateModal__btn{
  align-items:center;
  border:0;
  border-radius:11px;
  cursor:pointer;
  display:flex;
  font-size:.84rem;
  font-weight:1000;
  justify-content:center;
  min-height:45px;
  padding:10px 13px;
  text-decoration:none;
}

.teamLoginGateModal__btn--cancel{
  background:#f4f6fa;
  color:var(--team-ink);
}

.teamLoginGateModal__btn--continue{
  background:var(--team-cobalt);
  color:#fff;
}

@media (max-width:520px){
  .teamLoginGateModal__panel{
    border-radius:18px;
    padding:24px 18px 18px;
  }

  .teamLoginGateModal__actions{
    grid-template-columns:1fr;
  }

  .teamLoginGateModal__btn--continue{
    grid-row:1;
  }
}