/* D 2026-11-08 (Dashboard als Kachelraster · Yield Control › Auswertung · Desktop v365): nur Anordnung, Werte nur aus G0 (var(--g-…), Klassen g-…). Wirkt nur mit
   :root.d-an (js/dash.js) bzw. #p-deckungsbeitrag.d-aw-an; ?dash=alt → dash.js tut nichts, diese Regeln greifen nicht. */

/* ── Raster: 4 × 2 Kacheln fester Höhe (Höhe setzt dash.js ab 1280 px), lange Listen scrollen in der Kachel ── */
:root.d-an.a3-an .a3-dash-alt > #a3-dash { display: none !important; }
:root.d-an.a3-an .a3-dash-alt > #d-dash { display: grid !important; }
.d-dash { box-sizing: border-box; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 14px;
  padding: 14px var(--g-rand) 16px; min-width: 0; min-height: 560px; }
.d-kachel { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; margin: 0; }
.d-kachel.d-breit { grid-column: span 2; }
.d-kopf { flex: 0 0 auto; display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.d-kopf > small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-inhalt { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; }
.d-fuss { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.d-fuss-links { display: inline-flex; align-items: center; gap: 12px; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.d-alle { flex: 0 0 auto; white-space: nowrap; }
.d-leer { margin: 0; padding: 14px 16px; color: var(--g-text-3); font-size: var(--g-gr-neben); }
.d-kachel.d-blitz { box-shadow: 0 0 0 3px var(--g-akzent-s); transition: box-shadow .2s; }

/* Zeilen (Fehler, Fristen): Text ganz, ohne Silbentrennung; Kulturnamen werden hier nicht gezeigt */
.d-liste { display: flex; flex-direction: column; }
.d-zeile { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 16px; border-bottom: 1px solid var(--g-linie); }
.d-zeile:last-child { border-bottom: 0; }
.d-zt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; hyphens: manual; overflow-wrap: normal; word-break: normal; }
.d-zt > b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-zt > small { color: var(--g-text-3); font-size: var(--g-gr-klein); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-fehler-zeile.g-klickbar { cursor: pointer; }
.d-fehler-zeile:hover, .d-fehler-zeile:focus-visible { background: var(--g-flaeche-2); }
.d-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; min-width: 0; max-width: 55%; }
.d-ber { cursor: pointer; border: 0; font: inherit; }
.d-zahl { min-width: 2.2ch; text-align: right; font-size: 26px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.d-zahl.g-ok { color: var(--g-ok); } .d-zahl.g-alert { color: var(--g-alert); }
.d-datum { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 56px; padding: 4px 0; border: 1px solid var(--g-linie); border-radius: 8px; line-height: 1.15; }
.d-datum b { font-size: 15px; font-variant-numeric: tabular-nums; } .d-datum small { color: var(--g-text-3); font-size: 11px; }
.d-frist.d-bald .d-datum { background: var(--g-warn-s); border-color: var(--g-warn-r); }
.d-frist-erste { background: var(--g-flaeche-2); }
.d-frist-erste .d-zt > b { white-space: normal; }

/* umgezogene A3-Teile: kompakt in der Kachel */
#d-i-wetter > #a3-wetter-inhalt, #d-i-ndvi > #a3-ndvi-inhalt { padding: 12px 16px; }
#d-i-wetter .a3-wetter-tage { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#d-i-auftraege > #a3-aufgaben-liste { border: 0; }
.d-fotos { padding: 8px 16px 12px; border-top: 1px solid var(--g-linie); display: flex; flex-direction: column; gap: 6px; }
#d-i-bw > .g-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px; margin: 0; }
#d-i-bw .g-kpi { min-width: 0; padding: 10px 12px; }
#d-i-bw .g-kpi-verlauf { display: none; }
#d-i-bw .g-kpi { display: flex; align-items: flex-start; gap: 8px; }
#d-i-bw .g-kpi-symbol { width: 28px; height: 28px; }
#d-i-bw .g-kpi-wert { font-size: 19px; }
#d-i-bw .g-kpi-zusatz { overflow-wrap: normal; word-break: normal; hyphens: manual; }
/* Listen in den Kacheln: Text darf umbrechen statt abgeschnitten zu werden (Kulturnamen ganz, ohne Silbentrennung) */
#d-dash .g-lz-text b, #d-dash .g-lz-text small { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: normal; word-break: normal; hyphens: manual; }
.d-frist .d-zt > b { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.d-ls-team { margin: 0; padding: 10px 16px 12px; font-size: var(--g-gr-klein); color: var(--g-text-3); }
.d-ls-teil { padding: 10px 16px; border-bottom: 1px solid var(--g-linie); }
.d-ls-teil:last-child { border-bottom: 0; }
.d-abschnitt { margin: 0 0 6px; font-size: var(--g-gr-klein); font-weight: 650; color: var(--g-text-2); }
.d-abschnitt small { font-weight: 400; color: var(--g-text-3); }

/* schmaler als 1280 px: Kacheln untereinander (zwei Spalten), die Seite darf senkrecht rollen, nie waagrecht */
@media (max-width: 1279.98px) {
  .d-dash { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 360px; height: auto !important; min-height: 0; }
}

/* ── Leistungen › Einsätze · Auswertung (Runde 3; vorher Yield Control › Auswertung bzw. Dashboard-Ansicht „Einsätze“) ── */
#d-leist { display: none; }
#p-abrechnung.d-leist-an > :not(#d-leist) { display: none !important; }
#p-abrechnung.d-leist-an > #d-leist { display: flex; }
.d-leist { box-sizing: border-box; flex-direction: column; padding: 14px var(--g-rand) 16px; min-height: 480px; min-width: 0; }
.d-l-ansicht { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 10px; }
.d-l-ansicht[hidden] { display: none; }
.d-l-hinweis { flex: 0 0 auto; margin: 0; color: var(--g-text-3); font-size: var(--g-gr-neben); }
.d-ein-platz { flex: 1 1 auto; min-height: 0; display: flex; }
#d-ein-platz > #a3-einsaetze-karte { flex: 1 1 auto; min-height: 0; min-width: 0; display: flex; flex-direction: column; margin: 0; overflow: hidden; }
#d-ein-platz > #a3-einsaetze-karte > .g-tabelle-rahmen { flex: 1 1 auto; min-height: 0; overflow: auto; }
#d-leist thead th { position: sticky; top: 0; z-index: 1; background: var(--g-flaeche); }
.d-aw-raster { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.d-aw-raster > .d-aw-karte { min-height: 0; min-width: 0; display: flex; flex-direction: column; overflow: hidden; margin: 0; }
.d-aw-raster > #a3-top { grid-column: span 2; }
.d-aw-raster > .d-aw-karte > .g-karte-inhalt { flex: 1 1 auto; min-height: 0; overflow: auto; }
.d-aw-raster .a3-chart-flaeche { height: 100%; min-height: 160px; position: relative; }
@media (max-width: 1279.98px) {
  .d-leist { height: auto !important; }
  .d-aw-raster { grid-template-rows: none; grid-auto-rows: 320px; }
  #d-ein-platz > #a3-einsaetze-karte > .g-tabelle-rahmen { max-height: 70vh; }
}
#d-i-wetter .g-mini { min-width: 0; padding: 6px 2px; }
#d-i-wetter .g-mini b { font-size: var(--g-gr-klein); white-space: nowrap; }
#d-i-wetter .g-mini .g-chip { display: none; }   /* Frost steht schon in der Tiefsttemperatur (unter 0°) */
