/* Personnel-only composition; controls retain the shared admin component styles. */
#event-person-directory { display: grid; gap: 16px; }
#event-person-directory > button { justify-self: start; }
#event-person-search-results { display: grid; gap: 12px; }
#event-person-search-results > div { padding: 12px 0; border-bottom: 1px solid var(--adm-border, #d8e0ec); }
#event-person-search-results p, #event-person-selected { margin: 8px 0; overflow-wrap: anywhere; }
#event-person-login-result { margin-top: 20px; }
#event-person-login-result pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
#event-person-login-result button + button { margin-left: 8px; }
#page-role-preview { overflow-wrap: anywhere; }
#event-person-drawer { width: min(560px, calc(100vw - 32px)); }
#event-person-drawer .form-submit { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; position: sticky; bottom: -20px; z-index: 1; padding: 16px 0; background: white; border-top: 1px solid var(--adm-border, #d8e0ec); }