.invite-review{color:var(--ci-color-text);font:14px/1.6 var(--ci-font-ui);box-shadow:var(--ci-shadow-md)}.invite-review :where(h1,h2,p,dl,dd,ol){margin:0}.invite-flow-content{padding:28px;display:flex;flex-direction:column;gap:24px}.invite-title{display:flex;flex-direction:column;gap:12px}.invite-title-icon{display:grid;place-items:center;align-self:start;width:42px;height:42px;border:1px solid var(--ci-color-border);border-radius:var(--ci-radius-control);background:var(--ci-color-accent);color:var(--ci-color-accent-foreground);margin-bottom:2px}.invite-title h1{font:400 32px/1.1 var(--ci-font-display);letter-spacing:-.02em;outline:none}.invite-title p{color:var(--ci-color-text-muted);line-height:1.65;max-width:510px}.invite-body{display:flex;flex-direction:column;gap:20px;min-width:0}.invite-workspace-summary{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--ci-color-border);border-radius:var(--ci-radius-surface);background:var(--ci-color-surface-subtle);min-width:0}.invite-workspace-icon{display:grid;place-items:center;flex-shrink:0}.invite-workspace-summary>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.invite-workspace-summary strong{font-weight:600}.invite-workspace-summary>div>span{font-size:12px;color:var(--ci-color-text-muted)}.invite-role{font-size:12px;border:1px solid var(--ci-color-border);border-radius:var(--ci-radius-pill);padding:2px 9px;white-space:nowrap;background:var(--ci-color-surface)}.invite-details{display:flex;flex-direction:column;gap:12px;font-size:13px}.invite-details>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.invite-details dt{color:var(--ci-color-text-muted);flex-shrink:0}.invite-details dd{text-align:right;overflow-wrap:anywhere;min-width:0}.invite-action-stack,.invite-form{display:flex;flex-direction:column;gap:12px}.invite-provider-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.invite-provider-row>.ci-button{min-height:44px}.invite-email-row{display:flex;align-items:flex-end;gap:10px}.invite-email-row>.ci-field{flex:1;min-width:0}.invite-email-row>.ci-button{flex-shrink:0}.invite-note{color:var(--ci-color-text-muted);font-size:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.65}.invite-note svg{flex-shrink:0;margin-top:2px}.invite-provider-mark{width:16px;height:16px;flex-shrink:0}.invite-or{display:flex;align-items:center;gap:14px;color:var(--ci-color-text-muted);font-size:12px}.invite-or:after,.invite-or:before{content:"";height:1px;background:var(--ci-color-border-subtle);flex:1}.invite-secondary-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.invite-error{font-size:13px;color:var(--ci-color-danger)}.invite-success{display:flex;align-items:center;gap:8px;color:var(--ci-color-success);font-size:13px}.invite-destination{border-top:1px solid var(--ci-color-border-subtle);padding-top:20px;display:flex;flex-direction:column;gap:16px}.invite-destination h2{font-size:15px;font-weight:600}.invite-person{display:flex;justify-content:space-between;gap:16px;font-size:13px}.invite-person>span{min-width:0;overflow-wrap:anywhere}.invite-person>span:last-child{color:var(--ci-color-text-muted)}@media (max-width:640px){.invite-review-toolbar{padding:12px;margin-bottom:20px}.invite-review-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:10px}.invite-review-controls>.ci-field,.invite-review-controls>.ci-field:nth-child(2){width:auto}.invite-review-controls>.ci-button{grid-column:1/-1;margin-left:0;width:100%}.invite-flow-content{padding:20px;gap:20px}.invite-title h1{font-size:28px}.invite-workspace-summary{padding:12px;gap:10px;flex-wrap:wrap}.invite-workspace-summary>div{flex-basis:120px}.invite-review .ci-input{font-size:16px}.invite-provider-row{grid-template-columns:1fr}.invite-email-row{flex-direction:column;align-items:stretch}.invite-action-stack>.ci-button,.invite-body>.ci-button,.invite-email-row>.ci-button,.invite-form>.ci-button{width:100%;white-space:normal;min-height:44px;height:auto;padding-block:10px;text-align:center}.invite-details>div{flex-wrap:wrap;gap:4px 12px}.invite-details dd{text-align:left}}