/* Radar UI – Identitaet.
   Diese Datei definiert KEINE Tokens. Alle Werte kommen aus styles.css.
   Siehe DESIGN.md. */

/* ---------- Kopfzeile: weiss, schwarze Wortmarke ---------- */

.app-header { background: var(--paper); backdrop-filter: none; }

/* ---------- Deine Suche: flache Kopfzeile, kein Kasten ---------- */

.search-summary { padding: 0 0 var(--space-4); }
.search-summary .ranking-note { text-align: left; }

/* ---------- Lane-Farbe: genau eine Stelle, die Status-Pill ---------- */

.lead-card { --lane-accent: var(--lane-review); }
.lead-card[data-lane="ready"] { --lane-accent: var(--lane-ready); }
.lead-card[data-lane="review"] { --lane-accent: var(--lane-review); }
.lead-card[data-lane="recheck"] { --lane-accent: var(--lane-recheck); }
.lead-card[data-lane="technical_unknown"] { --lane-accent: var(--lane-technical); }
.lead-card[data-lane="discovery"] { --lane-accent: var(--lane-discovery); }

.detail-decision__state { color: var(--ink); }

/* Geparkte Overview-Kacheln behalten ihre Lane-Zuordnung. */
.overview-metric[data-overview-lane="ready"] { border-top: 2px solid var(--lane-ready); }
.overview-metric[data-overview-lane="review"] { border-top: 2px solid var(--lane-review); }
.overview-metric[data-overview-lane="recheck"] { border-top: 2px solid var(--lane-recheck); }
.overview-metric[data-overview-lane="technical_unknown"] { border-top: 2px solid var(--lane-technical); }
.overview-metric[data-overview-lane="discovery"] { border-top: 2px solid var(--lane-discovery); }

@media (max-width: 680px) {
  .search-summary {
    align-items: center;
    flex-direction: row;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
  }
  .search-summary > div { min-width: 0; }
  .search-summary strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .search-summary .button { width: auto; min-height: 36px; flex: 0 0 auto; }

  .lane-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  .lane-filters::-webkit-scrollbar { display: none; }
  .lane-filter { min-width: max-content; flex: 0 0 auto; white-space: nowrap; }
}