/* =========================================================================
   facility.css — Modul-eigenes CSS (additiv zu _shared).
   Erlaubt laut §7: grid-template-columns + Status-Pillen-Farben.
   Listen-Mechanik/Optik kommt aus _shared (list-grid, forms, …).
   ========================================================================= */

/* ---- Übersicht / Hub ---------------------------------------------------- */
/* Karten-Optik (inkl. is-disabled) kommt aus dem Shared-Block
   blocks/hub-card ($useHubCard in index.php, Audit L4/#199 + L-D10).
   Der fruehere lokale Nachbau (token-freie Werte, Hover-Lift +
   hartkodierter Schatten, schwaches is-disabled) entfaellt bewusst -
   es gelten Hover-Standard "kein Lift" und der Dashboard-Disabled-Look
   des Bausteins (siehe Block-README). Spurraster/Gap = Block-Default
   (.idf-hub); hier nur noch das Seiten-Padding des Hub-Containers. */
.fac-hub { padding: var(--space-6); }

/* ---- Listen-Spaltenraster (pro Entität) --------------------------------- */
/* Gebäude: Titelbild · Name · Kürzel · Adresse · Nutzungsart · Status · Trash */
/* Breiten aus der CSS-Variable (col-resize-Baustein); Fallback = Defaults.
   Die Variable wird erst nach dem ersten Zug gesetzt -> davor gilt der
   Fallback mit den fr-Gewichten (mehrere Flex-Spalten). */
.fac-gebaeude-grid {
  display: grid;
  grid-template-columns: var(--fac-gebaeude-cols, 56px minmax(200px, 1.4fr) 90px minmax(180px, 1fr) 150px 130px 44px);
}
/* Räume: Name · Raumnummer (komponiert) · Gebäude · Nutzungsart · Status · Trash */
.fac-raeume-grid {
  display: grid;
  grid-template-columns: var(--fac-raeume-cols, minmax(180px, 1.3fr) 170px minmax(160px, 1fr) 150px 130px 44px);
}
/* Zähler: Nummer · Medium · Gebäude · Raum · Versorger · Status · Trash */
.fac-zaehler-grid {
  display: grid;
  grid-template-columns: var(--fac-zaehler-cols, minmax(150px, 1fr) 130px minmax(160px, 1fr) minmax(140px, 1fr) minmax(150px, 1fr) 130px 44px);
}
/* Adressen: Bezeichnung · Straße · PLZ/Ort · Land · Trash */
.fac-adressen-grid {
  display: grid;
  grid-template-columns: var(--fac-adressen-cols, minmax(200px, 1.3fr) minmax(180px, 1fr) minmax(160px, 1fr) 120px 44px);
}

/* ---- Listen-Titelbild-Thumbnail ------------------------------------------
   Kommt aus dem Shared-Primitive primitives/cells/idf-bild-cell.css
   (Variante `.idf-cell-bild.is-40`, laedt automatisch mit $useListEngine),
   Audit L4/#198 - Markup rendert gebaeude-list.js. */

/* ---- Status-Pillen (idf-pill-tag + getönte Tokens wie übrige Module) ----- */
/* idf-pill-tag liefert die Badge-Geometrie (Shared); hier nur die
   data-status-Farben über die zentralen --tint-*/Basisfarben-Tokens. */
.fac-status-pill[data-status="aktiv"]        { background: var(--tint-confirm); color: var(--confirm); }
.fac-status-pill[data-status="geplant"]      { background: var(--tint-indigo);  color: var(--indigo); }
.fac-status-pill[data-status="stillgelegt"]  { background: var(--tint-neutral);  color: var(--mid); }
.fac-status-pill[data-status="gesperrt"]     { background: var(--tint-red);      color: var(--red); }
.fac-status-pill[data-status="in Umbau"]     { background: var(--tint-orange);   color: var(--orange); }
.fac-status-pill[data-status="ausgetauscht"] { background: var(--tint-indigo);   color: var(--indigo); }

/* ---- Gebäude-Modal: Basics + Titelbild ---------------------------------- */
.fac-basics { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; }
.fac-basics-fields { flex: 1; min-width: 280px; }
/* Bild-Block-Container; das Bild-Feld selbst liefert der Shared-Baustein
   (.idf-image-field aus idf-file-upload). Nur „aus Unterlagen"-Picker ist lokal. */
.fac-bild-block { flex: 0 0 200px; }
.fac-bild-picker { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.fac-bild-picker.is-hidden { display: none; }
.fac-bild-pick { border: none; padding: 0; background: none; cursor: pointer; border-radius: 6px; line-height: 0; }
.fac-bild-pick img { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; border: 2px solid transparent; }
/* Phantom-Token --tint-1 aufgeloest (Audit L5/#201): rendertes #888 ->
   var(--neutral-mid) #6b7280, dokumentierte Mini-Abweichung. */
.fac-bild-pick:hover img { border-color: var(--neutral-mid); }

/* ---- Gebäude-Modal: Beteiligte (Inline-Edit-Tabelle) -------------------- */
.fac-bet-grid {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) 150px 110px 110px 44px;
  gap: 8px;
  align-items: center;
}
.fac-bet-head { font-size: var(--font-xs2); color: var(--mid, #555); padding-bottom: 6px; border-bottom: 1px solid var(--line, #e5e5e5); }
.fac-bet-rows { display: flex; flex-direction: column; margin-top: 4px; }
.fac-bet-row { padding: 2px 0; border-bottom: 1px solid var(--line, #e5e5e5); }
.fac-bet-empty { margin-top: 8px; }