.search-input-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.clear-search {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--uupm-border);
  border-radius: 10px;
  background: var(--uupm-surface);
  color: var(--uupm-text-secondary);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.clear-search:hover {
  border-color: var(--uupm-border-strong);
  background: var(--uupm-surface-muted);
  color: var(--uupm-text);
}

.clear-search[hidden] {
  display: none;
}

.inline-accent-link {
  color: var(--uupm-primary);
}

.error-hero {
  min-height: 300px;
  grid-template-columns: 1fr;
}

.error-suggestions {
  margin-top: 30px;
}

.card-link {
  color: inherit;
  text-decoration: none;
}

/* Signup/account prerequisites are not network blocks. */
.access-badge[data-status="signup_blocked"],
.access-badge[data-status="account_activation_blocked"] {
  color: var(--uupm-info);
  background: var(--uupm-info-soft);
  border-color: color-mix(in srgb, var(--uupm-info) 24%, transparent);
}

.account-requirement-label[data-tone="warning"] {
  color: var(--uupm-warning);
}

.account-requirement-label[data-tone="positive"] {
  color: var(--uupm-success);
}

.account-requirement-label[data-tone="neutral"] {
  color: var(--uupm-text-secondary);
}

@media (max-width: 520px) {
  .search-input-shell {
    grid-template-columns: 1fr;
  }

  .clear-search {
    width: 100%;
  }
}