/* ============================================================
   Global search results (turbo-frame dropdown). Token-driven.
   .search-result / .search-result__title base (border + hover)
   live in components.css; this file owns the layout.
   ============================================================ */

.search-results {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.search-results__list {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  max-height: 24rem;
  overflow-y: auto;
}

/* Row: adds layout to the shared .search-result (components.css). */
.search-result {
  display: flex;
  flex-direction: column;
  padding: var(--space-3) var(--space-4);
  transition: background-color 0.15s ease;
  cursor: pointer;
}
.search-result__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.search-result__main {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex: 1;
  min-width: 0;
}
.search-result__icon {
  flex-shrink: 0;
  color: var(--txt-subtle);
}
/* .search-result__title also gets its hover colour from components.css. */
.search-result__title {
  font-weight: var(--weight-medium);
  color: var(--txt);
}
.search-result__amount {
  flex-shrink: 0;
  text-align: right;
}
.search-result__amount-value {
  font-weight: var(--weight-semibold);
  color: var(--txt);
}
.search-result__date {
  margin-left: var(--space-8);
  font-size: var(--txt-sm);
  color: var(--txt-subtle);
}

.search-count {
  padding-inline: var(--space-1);
  font-size: var(--txt-xs);
  color: var(--txt-subtle);
}

/* Empty / no-results states. */
.search-empty {
  padding-block: var(--space-12);
  text-align: center;
  color: var(--txt-subtle);
}
.search-empty--bordered {
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-lg);
}
.search-empty__icon { margin-bottom: var(--space-3); }
.search-empty__query { font-weight: var(--weight-medium); }
.search-empty__hint {
  font-size: var(--txt-sm);
  font-style: italic;
}