.crew-directory-main{gap:8px}
.crew-directory-intro{display:flex;gap:9px;align-items:flex-start;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--muted);font-size:.78rem;line-height:1.35}
.crew-directory-intro p{margin:0}
.crew-directory-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}
.crew-directory-filters::-webkit-scrollbar{display:none}
.crew-directory-filter{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:36px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:.76rem;font-weight:800}
.crew-directory-filter b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--paper);font-size:.7rem}
.crew-directory-filter[aria-pressed="true"]{border-color:#0369a1;background:#075985;color:#fff}
.crew-directory-filter[aria-pressed="true"] b{background:rgba(255,255,255,.2)}
.crew-directory-result{margin:1px 2px;color:var(--muted);font-size:.72rem;font-weight:750}
.crew-directory-list{display:grid;gap:7px}
.crew-directory-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:inherit;text-decoration:none;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.crew-directory-row:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}
.crew-directory-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e0f2fe;color:#075985;font-size:.75rem;font-weight:900}
.crew-directory-member,.crew-directory-state{display:grid;min-width:0}
.crew-directory-member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.crew-directory-member small{color:var(--muted);font-size:.7rem}
.crew-directory-state{text-align:right}
.crew-directory-state b{font-size:.72rem}
.crew-directory-state small{color:var(--muted);font-size:.65rem}
.crew-directory-state.is-complete b{color:#15803d}
.crew-directory-state.is-confirmation b{color:#a16207}
.crew-directory-state.is-incomplete b{color:#b91c1c}
.crew-directory-arrow{color:var(--muted);font-size:1.35rem;line-height:1}
.crew-directory-missing{grid-column:2 / -1;padding-top:7px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem;line-height:1.35}
.crew-directory-empty{margin:0;padding:18px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.82rem}
@media(max-width:520px){.crew-directory-main{padding:9px}.crew-directory-intro{font-size:.72rem}.crew-directory-row{grid-template-columns:34px minmax(0,1fr) auto 14px;padding:8px;gap:7px}.crew-directory-avatar{width:34px;height:34px}.crew-directory-state small{max-width:110px}.crew-directory-missing{grid-column:1 / -1;padding-left:41px}}
@media(prefers-color-scheme:dark){.crew-directory-avatar{background:#0c4a6e;color:#bae6fd}.crew-directory-filter[aria-pressed="true"]{background:#0ea5e9;color:#082f49}.crew-directory-state.is-complete b{color:#86efac}.crew-directory-state.is-confirmation b{color:#fde047}.crew-directory-state.is-incomplete b{color:#fca5a5}}