.invitation-panel{padding:clamp(20px,3vw,30px);max-width:880px}
.invitation-panel h3{margin:0 0 10px;font-size:23px;line-height:1.3}
.invitation-intro{color:var(--muted);margin-bottom:22px}
.invitation-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
.invitation-field label{display:block;margin-bottom:7px;font-size:15px;font-weight:700;color:var(--text)}
.invitation-field input{display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid #cbd5e1;border-radius:10px;background:var(--bg);color:var(--text);font:inherit}
.invitation-field input:focus{outline:3px solid #0ea5e926;border-color:var(--brand)}
.invitation-field input[aria-invalid=true]{border-color:#b91c1c}
.invitation-hint{display:block;margin-top:7px;font-size:13px;color:var(--muted);line-height:1.5}
.invitation-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.invitation-panel .btn{height:auto;min-height:44px;padding:10px 18px;white-space:normal;text-align:center}
.invitation-panel .btn:disabled{opacity:.65;cursor:wait}
.invitation-message{margin:20px 0 0;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#f8fafc;overflow-wrap:anywhere}
.invitation-message[data-state=error]{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.invitation-message[data-state=loading]{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}
.invitation-result{margin-top:20px;padding:20px;border:1px solid #bae6fd;border-radius:var(--radius-sm);background:#f0f9ff}
.invitation-result h3{margin:0 0 14px;color:#0369a1;font-size:20px}
.invitation-result dl{margin:0 0 18px}
.invitation-result dl>div{display:flex;gap:12px;margin:6px 0;flex-wrap:wrap}
.invitation-result dt{font-weight:700}
.invitation-result dd{margin:0;overflow-wrap:anywhere}
.invitation-download-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.invitation-download-actions>[data-invitation-bundle]{flex-basis:100%;width:fit-content;max-width:350px}
.invitation-support{margin:18px 0 0;font-size:14px;color:var(--muted)}
.invitation-support a{color:#0369a1;text-underline-offset:3px}
.invitation-panel [hidden]{display:none!important}
@media(max-width:768px){.invitation-fields{grid-template-columns:1fr;gap:18px}.invitation-actions,.invitation-download-actions{flex-direction:column}.invitation-result{padding:16px}.invitation-download-actions>[data-invitation-bundle]{width:100%;max-width:none}}