.invite-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 26px}.invite-intro>div{display:flex;flex-direction:column;gap:7px;padding:20px;background:#fff;border:1px solid var(--line,#e9e2ee);border-radius:18px;box-shadow:0 5px 18px #30244208}.invite-intro strong{font-size:16px}.invite-intro span{font-size:14px;line-height:1.55;color:var(--muted,#70647d)}
.invite-form{display:grid;gap:16px}.invite-form .field{min-width:0}.invite-form input,.invite-form select{max-width:100%;width:100%}.invite-form .actions{flex-wrap:wrap}.invite-access-note p{margin:.5rem 0 0;font-size:14px;line-height:1.5}#tap-invitation-link{font-size:14px}.invite-form .form-check small{font-weight:400;line-height:1.5;margin-top:6px}.invite-form [hidden]{display:none}
.invite-outlook-note{display:grid;gap:7px;margin:12px 0;padding:16px 18px;border:1px solid #d9e5fa;border-radius:14px;background:linear-gradient(135deg,#f7faff,#f1f6ff);color:#233c65}.invite-outlook-note strong{font-size:14px}.invite-outlook-note p{margin:0;color:#536984;font-size:13px;line-height:1.55}.invite-outlook-note .btn{justify-self:start;margin-top:5px}.invite-outlook-ready{border-color:#c9ead9;background:linear-gradient(135deg,#f4fbf7,#eff9f3);color:#17573e}.invite-email-success{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #c9ead9;border-radius:14px;background:linear-gradient(135deg,#f4fbf7,#eff9f3)}.invite-email-success-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#dcf3e6;color:#167447;font-size:20px;font-weight:750}.invite-email-success>div{display:grid;gap:4px;min-width:0}.invite-email-success strong{color:#174c37;font-size:14px;overflow-wrap:anywhere}.invite-email-success span:not(.invite-email-success-mark){color:#557363;font-size:12px;overflow-wrap:anywhere}.invite-email-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #e7edf5}.invite-email-brand img{width:108px;height:auto}.invite-email-brand span{color:#47638d;font-size:11px;font-weight:750;letter-spacing:.08em;text-align:right;text-transform:uppercase}.invite-email-error{margin:0;padding:15px 17px;border-color:#efc8c5;background:#fff7f6;color:#7d2d2a}.invite-email-error p{margin:6px 0 0;font-size:13px;line-height:1.55}.invite-form button:disabled{cursor:not-allowed;opacity:.5}
.team-seats-panel{margin:22px 0;padding:22px}.team-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.team-panel-heading h2{font-size:21px;margin:0 0 5px}.team-panel-heading p{margin:0;color:var(--muted,#70647d);font-size:14px;line-height:1.5}.team-seat-meter{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(180px,1fr);gap:20px;align-items:center;margin:20px 0;padding:16px;background:#f7f5f9;border-radius:12px}.team-seat-meter>div:first-child{display:grid;gap:4px}.team-seat-meter strong{font-size:15px}.team-seat-meter span{font-size:13px;color:var(--muted,#70647d);line-height:1.45}.team-seat-track{height:10px;background:#e6e1eb;border-radius:99px;overflow:hidden}.team-seat-track span{display:block;height:100%;border-radius:inherit;background:#36b984}.team-table-wrap{overflow:auto}.team-table-wrap table{min-width:600px}.team-table-wrap td,.team-pending td{vertical-align:middle}.team-table-wrap td small,.team-pending td small{display:block;margin-top:4px;color:var(--muted,#70647d);font-size:12px}.team-owner-tag{display:inline-block;padding:5px 9px;border-radius:99px;background:#efebf5;color:#574569;font-size:12px;font-weight:650}.team-capacity-help{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:15px 17px;border:1px solid #e5dff0;border-radius:12px;background:#fcfaff}.team-capacity-help p{margin:0;max-width:650px;color:#675b73;font-size:13px;line-height:1.55}.team-pending{margin-top:22px;padding-top:18px;border-top:1px solid var(--line,#e9e2ee)}.team-pending h3{font-size:16px;margin:0 0 12px}.team-pending .table-wrap{overflow:auto}.team-pending table{min-width:620px}.team-pending .actions{flex-wrap:wrap}.btn.danger{color:#a42d43;border-color:#e7bdc5;background:#fff7f8}
@media(max-width:680px){.invite-intro{grid-template-columns:1fr;gap:10px}.invite-topbar{font-size:14px}.invite-form .form-grid{grid-template-columns:1fr}}
@media(max-width:700px){.team-seats-panel{padding:17px}.team-panel-heading,.team-capacity-help{align-items:stretch;flex-direction:column}.team-seat-meter{grid-template-columns:1fr;gap:12px;padding:13px}.team-seats-panel>.team-panel-heading .btn,.team-capacity-help .btn{width:100%;justify-content:center}}
@media(max-width:520px){.invite-email-brand{align-items:flex-start;flex-direction:column}.invite-email-brand span{text-align:left}.invite-email-success{align-items:flex-start}}