/* Suffah — X-style search page (Phase 45) */
.basic-shell:has(.xsearch) { max-width: none; padding: 0; }
.basic-shell:has(.xsearch) > .basic-shell__back { display: none; }
.xsearch { background: var(--bg-primary); min-height: 100vh; }
.xsearch__bar { display: flex; align-items: center; gap: 12px; padding: 10px 14px; position: sticky; top: 0; z-index: 20; background: var(--bg-primary); }
.xsearch__back, .xsearch__filter { color: var(--text-primary); display: inline-flex; background: none; border: 0; padding: 6px; cursor: pointer; }
.xsearch__form { flex: 1; display: flex; align-items: center; gap: 10px; padding: 0 16px; height: 46px; border-radius: 999px; background: var(--bg-tertiary, #eff3f4); color: var(--text-tertiary); min-width: 0; }
.xsearch__form input[type="search"] { flex: 1; min-width: 0; border: 0; background: none; outline: none; font: inherit; font-size: 1.1rem; color: var(--text-primary); }
.xsearch__tabs { display: flex; overflow-x: auto; border-bottom: 1px solid var(--border-color); scrollbar-width: none; position: sticky; top: 66px; z-index: 19; background: var(--bg-primary); }
.xsearch__tabs::-webkit-scrollbar { display: none; }
.xsearch__tab { position: relative; flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 14px 18px; color: var(--text-tertiary); font-weight: 700; font-size: 1.1rem; text-decoration: none; white-space: nowrap; }
.xsearch__tab.is-active { color: var(--text-primary); font-weight: 800; }
.xsearch__tab.is-active::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 4px; border-radius: 3px; background: var(--color-accent); }
.xsearch__person { display: flex; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--border-color); color: inherit; text-decoration: none; align-items: center; }
.xsearch__person .avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.xsearch__person-info { display: flex; flex-direction: column; min-width: 0; }
.xsearch__person-name { font-weight: 800; display: inline-flex; align-items: center; gap: 4px; }
.xsearch__person-handle { color: var(--text-tertiary); }
.xsearch__person-bio { margin-top: 2px; overflow-wrap: anywhere; }