/* ============================================================
   Projekte — Listen-Layout (Übersicht mit Inline-Edit)
   Generische Listen-Patterns kommen aus
   _shared/functions/list-view/grid-css/idf-list-grid.css. Hier nur
   Modul-spezifische Spaltenbreiten + Status-Pillen-Farben.
   ============================================================ */

.pj-grid {
  /* Erledigt · Titel · Fällig · Verantwortlich · Unternehmen · Löschen */
  display: grid;
  /* Breiten aus der CSS-Variable (col-resize-Baustein); Fallback = Defaults. */
  grid-template-columns: var(--pj-cols,
    44px minmax(240px, 1fr) 160px 200px 200px 44px);
  align-items: stretch;
  gap: 0;
}

/* Löschen-/Erledigt-Spalte mittig, Padding-Reset (28-px-Pille zentriert). */
.pj-rows .pj-row .pj-grid > .idf-list-cell-action {
  justify-content: center;
  padding: 0;
}

/* Erledigte Projekte dezent abgesetzt + Titel durchgestrichen (wie Aufgaben). */
.pj-rows .pj-row.is-erledigt .pj-cell-titel .idf-list-cell-two-line-text {
  text-decoration: line-through;
  color: var(--mid, #555555);
}
.pj-rows .pj-row.is-erledigt:not(:hover) { opacity: 0.7; }

/* `.is-overdue` / `.is-today` (Fällig-Modifier) kommen aus dem Shared
   list-grid (gleiche Datum-Logik wie Aufgaben/Protokolle). */

/* ============================================================
   Responsiv (≤ 1100 px) — horizontaler Scroll
   ============================================================ */
@media (max-width: 1100px) {
  .pj-main { overflow-x: auto; }
  /* min-width = Summe der Grid-Spalten + Padding-Reserve. */
  .pj-thead, .pj-rows, .pj-stats { min-width: 944px; }
}
