/* ==========================================================================
   SCANNER
   Segmented switch (shared .segmented, components.css) between four
   read-only lookup tabs. Search results reuse .fin-list-row (finance-shared.css)
   turned into full-row buttons (.scan-list-row); detail cards are built from
   small reusable pieces (.scan-detail-*, .scan-entity-row) plus already-global
   components (.fin-tag via coloredIconTag, .fin-seal-chip, .fin-product-warning,
   .caps-label, price-history).
   ========================================================================== */

.scan-result-card {
  margin-top: var(--space-16);
}

/* ---------- Search-result rows (Marken / Konzerne / Siegel lists) ---------- */
/* Turns .fin-list-row into a full-width clickable button, same reset pattern
   as .fin-article-row-head (settings.css). */
.scan-list-row {
  width: 100%;
  background: none;
  border: none;
  border-bottom: var(--bw) solid var(--line);
  padding: var(--space-10) var(--space-4);
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.scan-list-row:last-child {
  border-bottom: none;
}

.scan-list-row:hover {
  background: var(--panel-alt);
}

/* ---------- Detail card ---------- */

.scan-detail {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}

.scan-detail-header {
  display: flex;
  align-items: center;
  gap: var(--space-12);
}

.scan-detail-header h3 {
  margin: 0;
}

.scan-detail-sub {
  font-size: var(--fs-m);
  color: var(--ink-dim);
}

.scan-detail-meta {
  font-size: var(--fs-s);
  color: var(--ink-dim);
}

.scan-detail-note {
  font-size: var(--fs-m);
  color: var(--ink);
  background: var(--panel-alt);
  border-radius: var(--radius);
  padding: var(--space-10) var(--space-12);
}

.scan-entity-logo-lg {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex: 0 0 auto;
}

.scan-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
}

/* Cross-link row (Marke → Konzern, Konzern → Marken, Produkt → Alternativen). */
.scan-entity-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  width: 100%;
  background: none;
  border: var(--bw) solid var(--line);
  border-radius: var(--radius);
  padding: var(--space-8) var(--space-10);
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.scan-entity-row:hover {
  background: var(--panel-alt);
}

.scan-entity-row svg {
  flex: 0 0 auto;
  width: var(--icon-sm);
  height: var(--icon-sm);
  color: var(--ink-dim);
}

.scan-entity-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}

.scan-entity-name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scan-entity-sub {
  font-size: var(--fs-s);
  color: var(--ink-dim);
}