/* =========================================================================
   wettbewerber.css - Modul-eigenes CSS (additiv zu _shared).
   Erlaubt laut §7: grid-template-columns und das Layout der eigenen Zellen.
   Listen-Mechanik und -Optik, Pillen (status-pille, pill-colors,
   flag-check), Link-Zelle, Karten und Leer-Zustand kommen aus _shared.
   ========================================================================= */

/* ---- Einstieg (index.php): nur das Seiten-Padding des Rasters ------------ */
@media (max-width: 1100px) {
  }

/* ---- Liste (liste.php): Spaltenraster ------------------------------------ */
/* Status · Firma · Unterkategorie und Kategorie · Leistungen am Markt · Ort
   und Entfernung · Google · Stellen · Preissegment · Bedrohung · Optionen
   (Kopieren, Loeschen: 2 x 28 px + 4 px + 16 px, Issue 1993).
   Breiten aus der CSS-Variable des col-resize-Bausteins; die Liste hier ist
   der Fallback vor dem ersten Zug und muss zu `colResizeColumns` in
   wettbewerber-list.js passen (zehn Zellen). Keine eigene Breakpoint-Regel:
   col-resize schaltet auf Dokument-Scroll, wenn die Mindestbreiten nicht
   mehr passen. */
.wb-grid {
  display: grid;
  grid-template-columns: var(--wb-cols, 44px minmax(200px, 1fr) 200px 240px 160px 130px 100px 96px 64px 76px);
}

/* ---- Katalog (katalog.php): Spaltenraster -------------------------------- */
/* Name (Baum) · Gruppe · Relevanz · Wettbewerber · Optionen (Kopieren,
   Loeschen, Issue 1993). Muss zu `colResizeColumns` in
   wettbewerber-katalog.js passen (fuenf Zellen). Die Baum-Linien kommen aus
   functions/list-view/tree. */
.wbk-grid {
  display: grid;
  grid-template-columns: var(--wbk-cols, minmax(220px, 1fr) 200px 110px 120px 76px);
}

/* ---- Bewertung (bewertung.php): Seite der Formel, Issue 1687 ------------- */
/* Kennzahlen (blocks/stat-card) oben, darunter die Formel als Formular
   (blocks/forms, blocks/form-cell) auf einer weissen Flaeche. Hier nur der
   Rahmen der Seite und der Fliesstext der Erklaerungen. Volle Breite mit
   demselben Rand wie Liste, Katalog und Einstieg: bis v0.6.3 stand hier
   ein Deckel von 960 px, und die Seite sprang beim Reiterwechsel schmaler
   (Joerg, 07.10.2026: „Die Seitenbreite ist bei Bewertung nicht im
   Standard“). */
.wb-bewertung {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-8) var(--space-10);
}
.wb-bewertung-karte {
  background: var(--white);
  border: 1px solid var(--ink-10);
  border-radius: var(--radius-lg);
  padding: var(--space-4) var(--space-6) var(--space-6);
}
.wb-bewertung-text {
  margin: 0;
  color: var(--ink-75);
  font-size: var(--font-base);
}
@media (max-width: 1100px) {
  .wb-bewertung { padding-left: var(--space-4); padding-right: var(--space-4); }
}