/* A_055_05r_69_5 · Modulare Regel – Vertikaler Abstand.
   Seite „Besatz anlegen“: ausschließlich die bestätigten Punkte 1–8.
   Nicht ausdrücklich definierte Übergänge bleiben unverändert.
   assets/css/style.css bleibt unverändert. */

/* Pkt. 1: H1/H2/H3 behalten ausschließlich die bestehende modulare
   Überschriftenregel. Hier werden keine zusätzlichen 12 px gesetzt. */

/* Pkt. 5: Hinweis-/Fehlertext -> nachfolgende Feldüberschrift = 6 px.
   Die zentrale obere Meldezeile steht unmittelbar vor der Feldüberschrift „Becken“. */
.seite-besatz-anlegen main.container .livestock-create-r69-5
.livestock-entry-status-hint-v010e.zentrale-meldezeile-modular {
    margin-bottom: 6px !important;
}

/* Pkt. 5: Unterkante eines Feldes -> Oberkante der nachfolgenden
   Feldüberschrift = 6 px. Bestehende Feldüberschrift->Feld-Abstände bleiben
   durch die eigene modulare Feldüberschriftenregel bei 5 px. */
.seite-besatz-anlegen main.container .livestock-create-r69-5 .livestock-qbild13-layout,
.seite-besatz-anlegen main.container .livestock-create-r69-5 .livestock-qbild13-name-grid,
.seite-besatz-anlegen main.container .livestock-create-r69-5 .livestock-b41-top-row,
.seite-besatz-anlegen main.container .livestock-create-r69-5 .livestock-b41-date-row,
.seite-besatz-anlegen main.container .livestock-create-r69-5 .livestock-b41-extra-grid {
    row-gap: 6px !important;
}

/* Historische Diagnose-Innenabstände dürfen den gemessenen Abstand zur
   nachfolgenden Feldüberschrift nicht zusätzlich vergrößern. */
.seite-besatz-anlegen main.container .livestock-create-r69-5
.livestock-qbild13-name-grid .livestock-qbild06-german-row {
    padding-top: 0 !important;
}

/* Deutscher Name -> Farbmorphe / Hybride Name: zwei aufeinanderfolgende
   Feldgruppen in getrennten Layout-Containern = 6 px. */
.seite-besatz-anlegen main.container .livestock-create-r69-5
.livestock-qbild13-layout + .livestock-b41-layout {
    margin-top: 6px !important;
}

/* Top-Zeile -> Datum-Zeile sind zwei aufeinanderfolgende Feldzeilen innerhalb
   des Zusatzbereichs. Der unveränderte Grundabstand des Zusatzbereichs beträgt
   5 px; 1 px Zusatzabstand ergibt die modularen 6 px. */
.seite-besatz-anlegen main.container .livestock-create-r69-5
.livestock-b41-top-row + .livestock-b41-date-row {
    margin-top: 1px !important;
}

/* Pkt. 5 innerhalb des Kaufpreis-Blocks: nur der vertikale Abstand zwischen
   den Feldzeilen wird modular geführt; Feldmaße, Rahmen und horizontale
   Anordnung bleiben unverändert. */
.seite-besatz-anlegen main.container .livestock-create-r69-5
#livestock_r69_1_metric_area .livestock-b41-pair-frame-v010b {
    row-gap: 6px !important;
}

/* Pkt. 2: Ergebnisblock unter Ergebnisblock = 12 px. Das betrifft weitere
   sichtbare Kaufpreis-Blöcke in der nächsten Rasterzeile. */
.seite-besatz-anlegen main.container .livestock-create-r69-5
#livestock_r69_1_metric_area.livestock-b41-pair-grid-v010b {
    row-gap: 12px !important;
}

/* Pkt. 3: Unterkante Eingabe-/Textbereich -> Oberkante Button = 12 px.
   Der Zusatzbereich besitzt weiterhin 5 px Grundabstand; 7 px margin-top
   am bestehenden Aktionsblock ergeben zusammen exakt 12 px. */
.seite-besatz-anlegen main.container .livestock-create-r69-5
.livestock-b41-observation-block + .livestock-action-row {
    margin-top: 7px !important;
}

/* Pkt. 6/7: Auf der sichtbaren Oberfläche „Besatz anlegen“ liegt aktuell
   keine passende direkte Feldfehler-/Hinweisfolge vor; daher keine zusätzliche
   seitenbezogene Änderung. */

/* Pkt. 8 bleibt unverändert über die bestehende modulare Kaufpreis-Block-Regel:
   Unterkante Datum-Eingabefeld -> Oberkante blauer Rahmen = 12 px. */

/* A_055_05r_70_1 · Pkt. 9 und Korrektur der tatsächlich sichtbaren Kanten
   im Normalaufbau von „Besatz anlegen“.

   Der Lexikon-Block war bisher als über zwei Rasterzeilen gespanntes Element
   an der Höhenberechnung der beiden Namenszeilen beteiligt. Dadurch waren die
   sichtbaren Abstände größer als die gesetzten row-gap-Werte. Im Normalaufbau
   wird der Block daher innerhalb des bestehenden Namensbereichs layoutneutral
   positioniert. Seine vorhandene Breite, Optik und Inhalte bleiben unverändert. */
@media (min-width: 721px) {
    .seite-besatz-anlegen main.container .livestock-create-r70-1 .livestock-qbild13-name-grid {
        position: relative !important;
        grid-template-rows: auto auto !important;
    }

    /* Pkt. 9: Tiergruppe-Unterkante -> schwarzer Lexikon-Rahmen = 12 px.
       Der Namensbereich beginnt gemäß Pkt. 5 bereits 6 px unter der
       Tiergruppen-Auswahlliste; weitere 6 px innerhalb des Namensbereichs
       ergeben den tatsächlich sichtbaren 12-px-Abstand. */
    .seite-besatz-anlegen main.container .livestock-create-r70-1
    .livestock-qbild13-name-grid .livestock-qbild13-lexicon-panel {
        position: absolute !important;
        top: 6px !important;
        right: 0 !important;
        margin-top: 0 !important;
        align-self: start !important;
    }

    /* Pkt. 5: Die deutsche Namenszeile bleibt die zweite linke Feldzeile.
       Da der Lexikon-Block die Rasterhöhen nicht mehr vergrößert, entspricht
       der 6-px-row-gap jetzt auch dem tatsächlich sichtbaren Kantenabstand. */
    .seite-besatz-anlegen main.container .livestock-create-r70-1
    .livestock-qbild13-name-grid .livestock-qbild06-german-row {
        grid-column: 1 / 2 !important;
        grid-row: 2 !important;
    }
}


/* Zusage-Seiten: die bisherige seitenbezogene
   18-px-Master-Abstandsregel ist entfernt. Die vorhandene modulare
   12-px-Regel wird für die Ergebnisblöcke und den Button-Übergang verwendet. */
.seite-zusage-becken .zusage-area-form,
.seite-zusage-besatz .zusage-area-form,
.seite-zusage-futter .zusage-area-form,
.seite-zusage-wasserwerte .zusage-area-form,
.seite-zusage-technik .zusage-area-form,
.seite-zusage-kosten .zusage-area-form {
    row-gap: 12px !important;
}

/* Innerhalb des ersten Ergebnisblocks: Radio-Bereich -> Datumszeile = 12 px. */
.seite-zusage-becken .zusage-area-date-row,
.seite-zusage-besatz .zusage-area-date-row,
.seite-zusage-futter .zusage-area-date-row,
.seite-zusage-wasserwerte .zusage-area-date-row,
.seite-zusage-technik .zusage-area-date-row,
.seite-zusage-kosten .zusage-area-date-row {
    margin-top: 12px !important;
}

/* Der Formular-Grid-Abstand liefert bereits 12 px zum Buttonbereich;
   daher kein zusätzlicher seitenbezogener Außenabstand. */
.seite-zusage-becken .zusage-area-actions,
.seite-zusage-besatz .zusage-area-actions,
.seite-zusage-futter .zusage-area-actions,
.seite-zusage-wasserwerte .zusage-area-actions,
.seite-zusage-technik .zusage-area-actions,
.seite-zusage-kosten .zusage-area-actions {
    margin-top: 0 !important;
}

/* A_055_05r_72_2 · Besatz ändern: vertikale Abstände nach tatsächlichen sichtbaren Kanten. */
.seite-besatz-aendern main.container .livestock-edit-r72-2 .livestock-edit-qbild05-layout,
.seite-besatz-aendern main.container .livestock-edit-r72-2 .livestock-edit-r72-fields {
    row-gap: 6px !important;
}

/* A_056_01a_10 · Besatz ändern übernimmt den oberen Abstand der Vorlage Besatz anlegen.
   Unterkante feste Meldezeile -> Oberkante erste Feldüberschrift = 6 px. */
.seite-besatz-aendern main.container .livestock-edit-r72-2 .livestock-edit-entry-status-hint-v010e.zentrale-meldezeile-modular {
    margin-bottom: 6px !important;
}
.seite-besatz-aendern main.container .livestock-edit-r72-2 .livestock-edit-entry-status-hint-v010e.zentrale-meldezeile-modular + .livestock-edit-inline-errors-v0301[hidden] + .livestock-edit-qbild05-layout,
.seite-besatz-aendern main.container .livestock-edit-r72-2 .livestock-edit-entry-status-hint-v010e.zentrale-meldezeile-modular + .livestock-edit-qbild05-layout {
    margin-top: 0 !important;
}

/* Letztes sichtbares Element vor dem Speichern-Button -> Buttonoberkante = 12 px.
   Das Elternraster liefert 6 px; weitere 6 px kommen ausschließlich am Buttonbereich hinzu. */
.seite-besatz-aendern main.container .livestock-edit-r72-2 .livestock-edit-action-row.livestock-edit-b44-visible-action-row {
    margin-top: 6px !important;
}

/* Unterkante des letzten sichtbaren Inhalts/Buttons -> Ergebnisblock-Unterkante = 12 px. */
.seite-besatz-aendern main.container > .card.livestock-edit-r72-2 {
    padding-bottom: 12px !important;
}


/* A_056_01a_8 · Besatz anlegen - Informationen:
   Letztes sichtbares Textelement -> Button = 12 px wird seitenbezogen über
   besatz-anlegen-informationen.css geführt. Button -> Ergebnisblock-Unterkante = 12 px. */
.seite-besatz-anlegen-informationen main.container > .card.livestock-info-page {
    padding-bottom: 12px !important;
}


/* Unterkante letzter Button -> Ergebnisblock-Unterkante = 12 px auf allen Zusage-Seiten. */
:is(.seite-zusage-becken, .seite-zusage-besatz, .seite-zusage-futter, .seite-zusage-wasserwerte, .seite-zusage-technik, .seite-zusage-kosten)
main.container > .card.zusage-area-page {
    padding-bottom: 12px !important;
}