.relation-picker { display: grid; gap: 8px; margin-top: 8px; }
.relation-selected { font-size: 12px; line-height: 1.5; color: var(--muted); overflow-wrap: anywhere; }
.relation-options { max-height: 180px; overflow: auto; border: 1px solid var(--line); border-radius: 10px; padding: 4px; }
.relation-option { display: flex !important; align-items: center; gap: 8px; padding: 9px 6px; cursor: pointer; }
.relation-option input, .checkbox-label input { flex: 0 0 auto; width: 18px !important; height: 18px; margin: 0; }
.relation-option:focus-within { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: 6px; }
.person-form > div > small { display: block; font-size: 12px; line-height: 1.5; color: var(--muted); margin-top: 4px; }
.privacy-fields { min-width: 0; border: 1px solid var(--line); border-radius: 12px; padding: 14px; display: grid; gap: 12px; }
.checkbox-label { display: flex !important; align-items: center; gap: 8px; }
.person-history-entry { border-bottom: 1px solid var(--line); padding: 12px 0; }
.person-history-entry summary { cursor: pointer; line-height: 1.6; }
.history-snapshot { display: grid; gap: 8px; font-size: 14px; }
.history-snapshot > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 8px; }
.history-snapshot dt { color: var(--muted); }
.history-snapshot dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
#personConflictNotice { border: 1px solid #b06b00; border-radius: 10px; padding: 12px; }
#personConflictNotice[hidden] { display: none; }
.member-review-form .password-reset-action { font-size: 12px; }
@media (max-width: 520px) { .history-snapshot > div { grid-template-columns: 72px minmax(0, 1fr); } }