.company-invitations { display:grid;gap:16px;min-width:0; }
.company-invitations .invitation-row { border:1px solid var(--line,#d9e3ed);border-radius:16px;padding:18px;min-width:0;background:var(--surface,#fff); }
.company-invitations .invitation-identity { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.company-invitations .invitation-avatar { width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--surface-soft,#eef4fa);font-weight:700; }
.company-invitations .invitation-identity > div { flex:1 1 180px;min-width:0; }
.company-invitations .invitation-identity strong { display:block;overflow-wrap:anywhere; }
.company-invitations .invitation-role { display:block;margin-top:4px;font-size:.85rem; }
.company-invitations .invitation-state { border:1px solid var(--line,#d9e3ed);border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:700; }
.company-invitations .state-sent { color:#166534;background:#ecfdf3; }
.company-invitations .state-failed,.company-invitations .state-unconfirmed,.company-invitations .state-unavailable { color:#854d0e;background:#fff9eb; }
.company-invitations .invitation-guidance { font-size:.85rem;line-height:1.5;margin:12px 0; }
.company-invitations .invitation-dates { display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 14px;font-size:.8rem; }
.company-invitations .invitation-dates dt { opacity:.7; }.company-invitations .invitation-dates dd { margin:3px 0 0; }
.company-invitations .invitation-actions { display:flex;flex-wrap:wrap;align-items:center;gap:10px; }
.company-invitations .invitation-actions form { margin:0; }.company-invitations .invitation-actions button,.company-invitations .invitation-actions summary { min-height:44px; }
.company-invitations .invitation-actions summary { cursor:pointer;display:flex;align-items:center;padding:0 10px;text-decoration:underline; }
.company-invitations .invitation-actions code { display:block;padding:8px;overflow-wrap:anywhere; }
@media(max-width:600px) { .company-invitations .invitation-row { padding:14px; }.company-invitations .invitation-actions form { flex:1 1 140px; }.company-invitations .invitation-actions button { width:100%; } }