/* ============================================================================
   Finalize-Seite — Breite und Raster (F.1/F.2, 12.08.2026)
   ============================================================================

   VORHER: `container.style.maxWidth = '800px'`, inline im JavaScript, in BEIDEN Finalize-Seiten
   dieselbe Zeile. Die Auswahlseite davor ist 1800 px breit — man kam also von 1800 auf 800,
   weniger als die Haelfte. Peter, 12.08.2026: *„sehr schmal … breit wie das fenster es hergibt."*
   Entschieden: 1800 px, dieselbe Breite wie die Seite davor.

   Warum ein eigenes Raster und nicht `.grid-3` aus `layout.css`: Das allgemeine Raster bricht
   schon bei 1024 px auf zwei Spalten und kennt keine 1800er Huelle. Es wird von neun anderen
   Seiten benutzt; es fuer diese eine zu veraendern waere eine Aenderung mit unbekannter
   Reichweite.
   ============================================================================ */

.finalize-page {
    width: 100%;
    max-width: 1800px;
    margin: 2rem auto;
    padding: 2rem;
}

.finalize-kopf {
    margin-bottom: 2rem;
}

/* ===== Die drei Spalten =====
   Metadaten | Kopfzeile | Dokumentenkopf */
.finalize-spalten {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg);
    align-items: start;
}

.finalize-spalte:empty {
    display: none;
}

/* Ohne eigene Kopftabelle — Uebung und Einfuehrungen. Der NORMALFALL, nicht die Ausnahme:
   Von sechs Dokumentarten haben zwei keine. */
.finalize-page--ohne-kopftabelle .finalize-spalten {
    grid-template-columns: repeat(2, 1fr);
}

/* ===== Umbruchpunkte =====
   Aus dem Bestand (640 · 768 · 968 · 1024 · 1280 · 1366) — keine neuen erfunden. */
@media (max-width: 1366px) {
    .finalize-spalten,
    .finalize-page--ohne-kopftabelle .finalize-spalten {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 968px) {
    .finalize-spalten,
    .finalize-page--ohne-kopftabelle .finalize-spalten {
        grid-template-columns: 1fr;
    }

    .finalize-page {
        padding: 1rem;
    }
}

/* ===== Export-Optionen: zwei Reihen ueber die volle Breite =====
   Peter, 12.08.2026: *„2 zwei reihen geht klar."* `auto-fit` statt fester Spaltenzahl, damit
   die Reihen sich selbst finden — bei 1800 px sind das drei bis vier Bloecke je Reihe. */
.finalize-export {
    margin-top: 2rem;
}

.finalize-export-felder {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-md) var(--space-lg);
    align-items: start;
}

.finalize-vorschau {
    margin-top: 2rem;
}

.finalize-aktionen {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}