.home-search { position: relative; z-index: 3; min-width: 0; }
.user-search-panel { position: absolute; inset: calc(100% + 6px) 0 auto; max-height: min(360px, 42dvh, max(100px, calc(var(--keyboard-view-height, 100dvh) - 220px))); overflow-y: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.user-search-panel[hidden] { display: none; }
#home-users-status { padding: 12px; margin: 0; color: var(--text-2); font-size: var(--type-caption); }
.user-search-row { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 8px 10px; border: 0; border-radius: 12px; color: var(--text); background: transparent; text-align: left; font: inherit; }
.user-search-row[aria-selected="true"], .user-search-row:active { background: var(--surface-2); }
.user-search-avatar { position: relative; flex: 0 0 40px; height: 40px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--surface-2); color: var(--text-2); }
.user-search-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.user-search-copy { flex: 1; min-width: 0; }
.user-search-copy strong, .user-search-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-search-copy strong { font-size: var(--type-secondary); font-weight: 600; }
.user-search-copy small { color: var(--text-2); font-size: var(--type-caption); margin-top: 2px; }
.user-search-row > .i { width: 16px; height: 16px; color: var(--text-3); }