/* Projektmaske — Feldanordnung wie Screenshot 16.33.23, nur breiter
   aufgezogen, weil der Browser mehr Platz hat als das Tkinter-Fenster. */

.projektmaske {
  display: grid;
  /* Kopf · Felder (waechst) · Leistungsuebersicht · Fusszeile */
  grid-template-rows: auto 1fr auto auto;
  gap: 6px;
  padding: 6px;
  height: 100%;
  min-height: 0;
}
.projektmaske > * { min-height: 0; }

.maskenkopf, .maskenfuss { display: flex; align-items: center; gap: 8px; }
.maskenkopf h2 { margin: 0; font-size: 14px; color: var(--gruen); }
.maskenkopf .luecke, .maskenfuss .luecke { flex: 1; }

.maskenraster {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 6px;
  align-content: start;
  overflow: auto;
}
.maskenraster .spanne { grid-column: 1 / -1; }

.projektmaske .feldzeile { grid-template-columns: 145px 1fr; margin-bottom: 3px; }
.feldinhalt { display: flex; align-items: center; gap: 5px; min-width: 0; }
.feldinhalt input[type="number"] { max-width: 92px; }
.feldinhalt input[type="date"] { max-width: 150px; }
.einheit { color: var(--text-leise); font-size: 11px; white-space: nowrap; }

.hakenzeile { display: flex; align-items: center; gap: 4px; margin-top: 4px; }
.radioreihe { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 5px; }
.radioreihe label { display: flex; align-items: center; gap: 3px; }
.radioreihe input { width: auto; }

.fussnote { margin: 2px 0 6px; font-size: 10.5px; line-height: 1.3; }
.projektmaske textarea { min-height: 70px; }
.projektmaske .gruppe.wachsend .tabellenrahmen { max-height: 170px; }