.st-invite-panel, .st-seat-panel { margin: 1.5rem 0; padding: 1.5rem; border: 1px solid var(--st-ui-border,#e2e8f0); border-radius: 12px; background: #fff; }
.st-invite-panel [hidden], .st-seat-panel [hidden] { display: none !important; }
.st-invite-panel label, .st-seat-panel label { display:block; margin: .8rem 0 .35rem; font-weight:600; }
.st-invite-panel input, .st-invite-panel select, .st-seat-panel input, .st-seat-panel select { max-width:100%; width: min(100%, 28rem); padding:.6rem; }
.st-seat-panel input, .st-seat-panel select { display:block; }
.st-seat-panel button { margin-top:1rem; }
.st-invite-actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }
.st-invite-actions .st-btn { white-space:nowrap; }
.st-invite-table-wrap { overflow-x:auto; }
.st-invite-panel table { width:100%; text-align:left; }
.st-invite-panel td, .st-invite-panel th { padding:.7rem; vertical-align:top; }
.st-invite-status, .st-seat-status { font-weight:600; }
.st-invite-error { color:#a51d25; }
.st-invite-panel[aria-busy=true] .st-invite-status::before { content:'◌ '; }
@media(max-width:600px) { .st-invite-panel,.st-seat-panel { padding:1rem; } .st-invite-actions input { width:100%; } }

.st-invite-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1.25rem 0; }
.st-invite-summary > div { background:#f8fafc; border:1px solid var(--st-ui-border,#e2e8f0); border-radius:8px; padding:1rem; }
.st-invite-summary dt { font-size:.85rem; color:#475569; }
.st-invite-summary dd { margin:.25rem 0 0; font-size:1.7rem; font-weight:700; line-height:1.2; color:#0f172a; }
.st-invite-capacity { font-size:.875rem; color:#475569; }
.st-invite-table-wrap { margin-top:1.25rem; border:1px solid var(--st-ui-border,#e2e8f0); border-radius:8px; }
.st-invite-panel table { border-collapse:collapse; margin:0; font-size:.875rem; }
.st-invite-panel caption { text-align:left; font-weight:700; padding:1rem; color:#0f172a; }
.st-invite-panel th { background:#f1f5f9; font-size:.8rem; color:#475569; white-space:nowrap; }
.st-invite-panel td { border-top:1px solid #e2e8f0; vertical-align:middle; }
.st-invite-panel tbody tr:nth-child(even) { background:#f8fafc; }
.st-invite-email { overflow-wrap:anywhere; min-width:12rem; }
.st-invite-badge { display:inline-block; border-radius:999px; padding:.2rem .6rem; font-size:.78rem; font-weight:600; background:#e2e8f0; color:#334155; white-space:nowrap; }
.st-invite-badge-accepted { background:#dcfce7; color:#166534; }
.st-invite-badge-pending,.st-invite-badge-sending { background:#dbeafe; color:#1e40af; }
.st-invite-badge-expired,.st-invite-badge-delivery_failed { background:#fef3c7; color:#92400e; }
.st-invite-panel td .st-btn { font-size:.8rem; padding:.4rem .65rem; }
.st-invite-status:empty { display:none; }
@media(max-width:700px) { .st-invite-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
