/* Contacts scope control — the Broker Portal / Sales Pipeline / All switch, and the line that
 * reports a search which found nothing here but something elsewhere (ISH-831).
 *
 * The buttons themselves are `.filter-btn` from css/filter-toolbar.css, reused rather than
 * restyled — that file already owns this app's segmented-button look, and ISH-261's header warns
 * that a page linking it *and* declaring its classes locally is how the stage palette drifted.
 * This file adds only what that component has no opinion about: how the group sits in the
 * contacts toolbar, and the cross-scope search note.
 *
 * ⚠️ The note is not decoration. Before ISH-831 a search outside the active scope returned a plain
 * "No contacts match your search query" for a person who is plainly in the database — a false
 * negative that reads as authoritative and is how a duplicate gets created. This element is what
 * replaces that lie, so it must stay visible and legible; if it is ever hidden, the bug is back.
 *
 * Hosts: contacts.html, sales-pipeline-contacts.html.
 * Required custom properties: --border-light, --text-secondary, --page-bg (css/tokens.css owns
 * the last two; every host declares the first).
 */

.scope-control {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

.scope-note {
  margin: 0 0 0.75rem;
  padding: 0.6rem 0.85rem;
  border-left: 3px solid var(--red);
  background: var(--page-bg);
  border-radius: 0 4px 4px 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}

.scope-note strong {
  color: var(--text);
  font-weight: 600;
}