/* Account management extends the shared Papers palette and square controls. */
.personal-invitation { border-top: 2px solid var(--accent); border-bottom: 1px solid var(--line); padding: 23px 0 22px; margin: 0 0 30px; }
.invitation-recipient { margin: 10px 0 18px; font: 21px/1.4 var(--serif); overflow-wrap: anywhere; }
.invitation-access { display: flex; gap: 10px 20px; flex-wrap: wrap; color: var(--accent); font-size: 11px; }
.invitation-expiry { color: var(--muted); font-size: 10px; margin-top: 18px; }
.section-intro { margin-bottom: 25px; }
.section-intro h2 { font: 26px/1.2 var(--serif); font-weight: 400; margin: 0 0 9px; }
.section-intro p { font-size: 11px; color: var(--muted); }
.invite-result .invite-access-line { margin: 0 0 14px; color: var(--accent); }
.invite-result h3 { overflow-wrap: anywhere; }
.member-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border-block: 1px solid var(--line); margin-bottom: 27px; }
.member-stats > div { padding: 19px 12px 18px 0; display: flex; flex-direction: column; gap: 4px; }
.member-stats strong { font: 30px/1.1 var(--serif); font-variant-numeric: tabular-nums; font-weight: 400; }
.member-stats span { color: var(--muted); font-size: 10px; }
.people-tools { display: grid; grid-template-columns: minmax(0,1fr) 160px; gap: 16px; }
.people-tools .field { margin-bottom: 14px; }
.people-tools input, .people-tools select { height: 42px; }
.self-label { font-size: 10px; color: var(--muted); }
.member-projects { color: var(--accent); }
.user-row > .text-button { min-width: 55px; flex-shrink: 0; }
.user-editor { margin-bottom: 20px; padding: 24px; }
.editor-title-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 18px; }
.editor-title-row h3 { font: 22px/1.25 var(--serif); font-weight: 400; overflow-wrap: anywhere; }
.editor-title-row .text-button { flex-shrink: 0; }
.member-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin: 0 0 24px; border-bottom: 1px solid var(--line); padding-bottom: 22px; }
.member-facts dt { font-size: 9px; color: var(--muted); margin-bottom: 6px; }
.member-facts dd { font-size: 11px; margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.editor-note, .owner-note { font-size: 10px; color: var(--muted); }
.owner-note { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 24px; }
.member-controls { display: flex; gap: 24px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 12px; margin-top: 24px; }
.member-controls button:disabled { cursor: default; }
.member-confirmation { border: 1px solid var(--line); background: var(--surface); margin-top: 15px; padding: 18px; }
.member-confirmation h4 { margin: 0 0 8px; font-size: 12px; font-weight: 500; }
.member-confirmation p { color: var(--muted); font-size: 11px; margin-bottom: 16px; line-height: 1.7; }
.activity-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; padding: 19px 0; border-bottom: 1px solid var(--line); }
.activity-row:first-child { border-top: 1px solid var(--line); }
.activity-target { font-size: 11px; margin-top: 5px; overflow-wrap: anywhere; }
.activity-row time { flex-shrink: 0; font-size: 10px; color: var(--muted); font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
  .tabs { gap: 0; justify-content: space-between; }
  .member-stats > div { padding-top: 16px; padding-bottom: 15px; }
  .member-stats strong { font-size: 27px; }
  .member-stats span { font-size: 9px; }
  .people-tools { grid-template-columns: minmax(0,1fr) 125px; gap: 10px; }
  .people-tools select { padding-inline: 8px; }
  .user-editor { padding: 18px 15px; }
  .member-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  .editor-note { width: 100%; }
  .member-controls { gap: 5px 24px; }
  .activity-row { flex-direction: column; gap: 10px; }
  .member-confirmation { padding: 14px; }
}
@media (max-width: 360px) {
  .people-tools { grid-template-columns: minmax(0,1fr); gap: 0; }
  .copy-row { flex-direction: column; }
  .member-stats span { max-width: 50px; }
}