/* /issuers route styles.
   ------------------------------------------------------------------------------------------------
   Deliberately small, and smaller now: the page shell and the subscription aside moved into the
   shared Structure layer (css/structure-record.css) when /chains began using them too, leaving
   only the one affordance that is genuinely specific to a route with a large universe. This
   replaces the former coupling to css/index.css (218 KB, shared with the homepage and loaded only
   for historical reasons).

   As with the shared layer, every colour resolves through a --theme-* role. */

/* Directory filter. Progressive enhancement only: the complete table is already in the document,
   and this input is inserted by js/structure-series.js when scripting is available, so a reader
   without JavaScript still gets every issuer. */
.sr-directory-filter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.4rem 0 0.9rem;
}

.sr-directory-filter label {
  font-size: 0.76rem;
  color: var(--theme-ink-muted);
}

.sr-directory-filter input {
  flex: 0 1 16rem;
  min-width: 0;
  padding: 0.35rem 0.55rem;
  border: 1px solid var(--theme-rule-interactive);
  border-radius: 3px;
  background: var(--theme-surface-raised);
  color: var(--theme-ink-primary);
  font: inherit;
  font-size: 0.84rem;
}

.sr-directory-filter input:focus-visible {
  outline: 2px solid var(--theme-focus-ring);
  outline-offset: 2px;
}

.sr-directory-count {
  font-family: var(--font-mono, 'IBM Plex Mono', ui-monospace, monospace);
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  color: var(--theme-ink-muted);
}