/* ============================================================================
 * COMPONENT · tc-wunschzeilen (#1137, 15.10.2026)
 * ----------------------------------------------------------------------------
 * Meisterin Grubbs Wünsche auf der Bühne des Dashboards:
 *
 *   .tc-wunschzeilen / .tc-wunschzeile   ein Wunsch mit Goldbalken
 *                                        (tc-xp-bar --rundenziel darin)
 *   .tc-wunschzeilen--szene              auf dem Bild der Bühne
 *
 * Zeichnet TC.Wunschbrett.zeilenHtml (js/ui/wunschbrett.js). Library:
 * library-community.html#szene-wunschbrett.
 *
 * ⚠️ HIER STAND BIS #1139 AUCH GRUBBS BRETT (.tc-wunschbrett: Türbild neben
 * einem Holzbrett mit Papierzetteln). Seit Tims „mit Krenk harmonisieren"
 * ist es ein Stand wie Krenks Werkbank: tc-stand und tc-notiz in
 * stand.css, mit Material und gerechneten Kontrasten dort.
 * ========================================================================== */

/* --- Die Zeilen ------------------------------------------------------------ */
.tc-wunschzeilen {
  display: grid;
  gap: var(--tc-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.tc-wunschzeile { min-width: 0; }
.tc-wunschzeile__weg {
  display: grid;
  gap: 4px;
  min-height: var(--tc-touch-min);
  color: inherit;
  text-decoration: none;
}
/* Die Zeile ist ein Link, also stehen darin <span>s statt <div>s
   (tc-xp-bar zeigt sonst <div>): Bahn und Füllung brauchen ihre Blockform. */
.tc-wunschzeile .tc-xp-bar,
.tc-wunschzeile .tc-xp-bar__bahn,
.tc-wunschzeile .tc-xp-bar__fuellung { display: block; }
.tc-wunschzeile__titel {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.tc-wunschzeile__platz {
  flex: none;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}
.tc-wunschzeile__gold {
  flex: none;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.tc-wunschzeile__gold b { font-size: var(--tc-text-base); }
.tc-wunschzeile__fuss {
  font-size: var(--tc-text-xs);
  line-height: 1.45;
}
.tc-wunschzeile__fuss b { font-weight: 600; }
/* Ein gebautes Ding misst sich an nichts mehr: kein Balken, der Haken davor
   und „150 SG verbaut" im Fuß. */
.tc-wunschzeile.is-gebaut .tc-xp-bar__bahn { display: none; }
.tc-wunschzeile.is-gebaut .tc-wunschzeile__platz { color: var(--tc-success); opacity: 1; }

/* --- Auf der Bühne ----------------------------------------------------------
   Wie die Rundenziele (rundenziel.css): am Schreibtisch nebeneinander auf dem
   Bild, am Telefon untereinander; ohne Papier, mit Schatten unter der Schrift. */
.tc-wunschzeilen--szene {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: var(--tc-space-3) var(--tc-space-4);
  align-items: start;
}
.tc-wunschzeilen--szene .tc-xp-bar__kopf { color: var(--tc-text-default); }
.tc-wunschzeilen--szene .tc-wunschzeile__gold b { color: var(--tc-highlight); }
.tc-wunschzeilen--szene .tc-wunschzeile__fuss { color: var(--tc-text-muted); }
.tc-wunschzeilen--szene .tc-wunschzeile__fuss b { color: var(--tc-text-default); }
.tc-wunschzeilen--szene .tc-wunschzeile__titel,
.tc-wunschzeilen--szene .tc-wunschzeile__gold,
.tc-wunschzeilen--szene .tc-wunschzeile__fuss { text-shadow: 0 1px 6px var(--tc-stein-ritze); }
.tc-wunschzeilen--szene .tc-wunschzeile__weg:hover .tc-wunschzeile__titel,
.tc-wunschzeilen--szene .tc-wunschzeile__weg:focus-visible .tc-wunschzeile__titel { text-decoration: underline; }