.authenticated .invitations { background: #fff; border: 1px solid #dce5ee; border-radius: 14px; margin-block: 18px; overflow: hidden; }
.authenticated .invitations > summary { padding: 18px 22px; cursor: pointer; color: #23455e; font-size: 15px; font-weight: 650; }
.authenticated .invitations > summary > span { font-size: 11px; font-weight: 400; color: #718496; margin-left: 10px; }
.authenticated .invitations-panel { padding: 0 22px 20px; font-size: 12px; line-height: 1.5; }
.authenticated .invitations-note { margin: 0 0 14px; font-size: 11px; color: #738596; }
.authenticated .invitations-list { list-style: none; padding: 0; margin: 0; }
.authenticated .invitations-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr) minmax(180px, .7fr); gap: 12px 22px; padding: 16px 0; border-top: 1px solid #e7edf3; }
.authenticated .invitations-person { min-width: 0; display: grid; align-content: start; gap: 3px; }
.authenticated .invitations-person strong { font-size: 13px; color: #243e53; overflow-wrap: anywhere; }
.authenticated .invitations-person > span { color: #5c7488; font-size: 12px; overflow-wrap: anywhere; }
.authenticated .invitations-person small { font-size: 11px; color: #758798; }
.authenticated .invitations-dates { display: grid; align-content: start; gap: 8px; }
.authenticated .invitations-dates > span { color: #7a8b9a; font-size: 10px; }
.authenticated .invitations-dates b { display: block; font-size: 11px; font-weight: 400; font-variant-numeric: tabular-nums; color: #4c657a; }
.authenticated .invitations-state { min-width: 0; }
.authenticated .invitations-status { display: inline-block; border-radius: 5px; padding: 3px 7px; font-size: 10px; color: #738394; background: #f0f3f6; }
.authenticated .invitations-status--pending { color: #286798; background: #eef6ff; }
.authenticated .invitations-status--accepted { color: #397c64; background: #edf7f1; }
.authenticated .invitations-status--expired { color: #8d714c; background: #faf5ec; }
.authenticated .invitations-revoke { margin-top: 10px; }
.authenticated .invitations-revoke > summary { color: #a04c48; font-size: 11px; cursor: pointer; }
.authenticated .invitations-revoke form { padding: 0; margin: 10px 0 0; display: grid; gap: 12px; }
.authenticated .invitations-revoke form > p { margin: 0; color: #718291; font-size: 11px; }
.authenticated .invitations-revoke form label { display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; font-size: 11px; color: #516a7e; overflow-wrap: anywhere; }
.authenticated .invitations-revoke input { flex: 0 0 17px; width: 17px; height: 17px; min-height: 17px; margin: 1px 0 0; }
.authenticated .invitations button { width: auto; justify-self: start; min-height: 36px; padding: 7px 12px; font-size: 11px; }
.authenticated .invitations-revoke button { color: #a04c48; border-color: #ecd8d5; background: #fff; box-shadow: none; }
.authenticated .invitations-count { color: #738596; font-size: 11px; margin: 14px 0; }
.authenticated .invitations-message { color: #536f83; font-size: 12px; }
.authenticated .invitations :focus-visible { outline: 2px solid #1674cd; outline-offset: 3px; }
@media (max-width: 600px) {
  .authenticated .invitations > summary { padding: 16px; }
  .authenticated .invitations > summary > span { display: block; margin: 4px 0 0; }
  .authenticated .invitations-panel { padding: 0 16px 18px; }
  .authenticated .invitations-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .authenticated .invitations-dates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .authenticated .invitations button { min-height: 40px; }
  .authenticated .invitations-revoke form { max-width: 100%; }
}