/* =========================================================================
   sichtbarkeit.css - Modul-eigenes CSS (additiv zu _shared, Issue 2163).
   Erlaubt laut §7: grid-template-columns und das Layout der eigenen Zellen
   und Bereiche. Listen-Mechanik und -Optik, Karten, Kennzahlen
   (blocks/stat-card), Diagramm (blocks/bar-chart) und Leer-Zustand kommen
   aus _shared.
   ========================================================================= */

/* ---- Einstieg (index.php): nur das Seiten-Padding des Rasters ------------ */
.sb-dash-grid {
  padding: var(--space-4) var(--space-8) var(--space-10);
}
@media (max-width: 1100px) {
  .sb-dash-grid { padding-left: var(--space-4); padding-right: var(--space-4); }
}

/* ---- Kopf der Seiten SEO und GEO: Kennzahlen und Verlauf ----------------- */
/* Derselbe seitliche Rand wie Leiste und Liste (--idf-list-gutter aus
   grid-css), damit Kennzahlen, Diagramm und Zeilen auf einer Kante stehen. */
.sb-kopf {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-4) var(--idf-list-gutter) var(--space-4);
  border-bottom: 1px solid var(--ink-10);
}

/* ---- Spaltenraster ------------------------------------------------------- */
/* Vorn auf jeder Liste die Pille Relevanz (44px, Issue 2360). */
/* Relevanz · Seite · Klicks · Impressionen · Klickrate · Position (seo.php).
   Muss zu `columns` in sichtbarkeit-seo.js passen (sechs Zellen). */
.sb-grid-seiten {
  grid-template-columns: var(--sb-cols-seiten, 44px minmax(260px, 1fr) 100px 130px 100px 100px);
}
/* Relevanz · Suchbegriff · Klicks · Impressionen · Klickrate · Position (suchbegriffe.php). */
.sb-grid-begriffe {
  grid-template-columns: var(--sb-cols-begriffe, 44px minmax(260px, 1fr) 100px 130px 100px 100px);
}
/* Relevanz · Seite · Nennungen · Antworten (geo.php). */
.sb-grid-quellen {
  grid-template-columns: var(--sb-cols-quellen, 44px minmax(260px, 1fr) 120px 120px);
}
/* Relevanz · Quelle · Ziel · Linktext · Seit (backlinks.php). Muss zu
   `columns` in sichtbarkeit-backlinks.js passen (fuenf Zellen). */
.sb-grid-backlinks {
  grid-template-columns: var(--sb-cols-backlinks, 44px minmax(220px, 1fr) 320px 220px 110px);
}
/* Relevanz · Domain · Art · Nennungen · Prompts · Veraenderung
   (fremdquellen.php). Muss zu `columns` in sichtbarkeit-fremdquellen.js
   passen (sechs Zellen). */
.sb-grid-fremd {
  grid-template-columns: var(--sb-cols-fremd, 44px minmax(220px, 1fr) 220px 120px 110px 130px);
}

/* Relevanz · Beitrag · Thema · Impressionen · Interaktionen · Klicks
   (social.php). Muss zu `columns` in sichtbarkeit-social.js passen (sechs
   Zellen). */
.sb-grid-social {
  grid-template-columns: var(--sb-cols-social, 44px minmax(260px, 1fr) 300px 130px 130px 100px);
}

/* Lange Pfade brechen nicht in die Zahlen-Spalten. */
.sb-cell-seite .idf-list-cell-two-line-text,
.sb-cell-seite .idf-list-cell-two-line-sub,
.sb-cell-beitrag .idf-list-cell-two-line-text,
.sb-cell-begriff .idf-list-cell-two-line-sub,
.sb-cell-linktext {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}