/* FILE: static/find.css: 🔍 Find someone (package 50, app/find.py). It opens like 📣 (design.css .upd-peek). */
.find-q { width: 100%; box-sizing: border-box; margin: 2px 0 8px; font-size: 16px; }
.find-results:empty { display: none; }
.find-list { list-style: none; margin: 0 0 8px; padding: 0; }
.find-row { display: flex; align-items: center; gap: 10px; padding: 6px 4px; border-bottom: 1px solid var(--border-hairline); list-style: none; }
.find-row:last-child { border-bottom: 0; }
.find-av { flex: none; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; display: grid; place-items: center;
  border: 1px solid var(--accent); color: var(--accent); font-size: 12px; font-weight: 700; }
.find-who { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.find-name { font-weight: 700; overflow-wrap: anywhere; color: inherit; }
a.find-name:hover { color: var(--accent); }
.find-by { font-size: 12px; }
.find-act { flex: none; }
.find-state { font-size: 13px; color: var(--good, #4ade80); white-space: nowrap; }
.find-note { margin: 4px 0 8px; }
.find-help { font-size: 12px; margin: 6px 0 10px; }
.find-code { border-top: 1px solid var(--border-hairline); padding-top: 10px; }
.find-code-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.find-code-label { font-size: 13px; color: var(--text-muted); }
.find-code-val { font-family: var(--font-mono, ui-monospace, monospace); font-size: 18px; letter-spacing: .08em; color: var(--accent); }
.find-code .muted-note { font-size: 12px; margin: 6px 0; }
.find-fresh { color: var(--good, #4ade80) !important; }

/* Admin -> Users: find, sort and pages (package 50) */
.au-find { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0 10px; }
.au-find #au-q { flex: 1 1 240px; min-width: 0; }
.au-lab { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-muted); }
.au-pages { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0; }
.au-pages .pub-pg { font: inherit; font-size: 14px; cursor: pointer; background: transparent; }