/* =============================================================
   MCT – css/mod_schulen.css
   Layout für mod_schulen: Grundstruktur
   Technische Vorlage: css/mod_sus.css
   Respektiert Variablen/Konventionen aus style.css
   ============================================================= */

#mod-schulen > div {
	background: var(--bg-panel);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: .8rem 1rem;
	margin-bottom: 1rem;
}

#schule-titel-zeile {
	background: none;
	border: none;
	padding: 0;
}

#schule-titel-zeile h2 {
	margin: 0;
}

#edit-schule-titelzeile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
}

#edit-schule-titelzeile h3 {
	margin: 0;
	flex: 0 0 auto;
}

#edit-schule-titelzeile button {
	flex: 0 0 auto;
}

/* Zentrale Meldung (siehe js/mct.js: meldung_ausgeben('schule-meldung', …))
   nimmt den Platz zwischen Titel und Aktionsbutton ein und zentriert
   ihren Inhalt darin, gleiches Muster wie #sus-meldung in mod_sus.css */
#schule-meldung {
	flex: 1 1 auto;
	justify-content: center;
	text-align: center;
	min-width: 0;
}

/* Kopfbereich des Editors optisch vom Inhalt absetzen, nur wenn der
   Editor tatsächlich geöffnet ist (Klasse wird per JS beim Öffnen/
   Schließen gesetzt, siehe schule_editor_oeffnen()/schule_formular_schliessen()) */
#schule-editor-bereich.schule-editor-offen #edit-schule-titelzeile {
	border-bottom: 1px solid var(--border);
	padding-bottom: .6rem;
	margin-bottom: 1rem;
}

/* Zweispaltiges Edit-Layout (Etappe 6 "Datenschutz & Verträge") -
   gleiches 40/60-Grid-Muster wie #edit-lul-inhalt in mod_lul.css und
   den übrigen Edit-Modulen (mod_klassen.css, mod_sus.css, ...):
   links Stammdaten (40%), rechts Datenschutz & Verträge (60%,
   tendenziell mehr Aktionen/Text). minmax(0, …) verhindert Überlauf
   durch die Formulartabellen. Anders als mod_lul.css: hier zusätzlich
   ein Mobile-Breakpoint (Auftrag "Smartphone: untereinander") -
   Achtung beim Erweitern dieser Datei: jede neue Regel mit eigenem
   display-Wert braucht ggf. eine eigene [hidden]-Override-Regel,
   siehe Etappe-5-Bug in mct_web_v1/css/registrieren.css. */
#edit-schule-inhalt {
	display: grid;
	grid-template-columns: minmax(0, 40%) minmax(0, 60%);
	gap: 1rem;
	margin-top: 1rem;
}

@media (max-width: 640px) {
	#edit-schule-inhalt {
		grid-template-columns: 1fr;
	}
}

#edit-schule-inhalt-stammdaten,
#edit-schule-inhalt-datenschutz {
	min-width: 0;
}

#edit-schule-inhalt-datenschutz h4 {
	margin-top: 0;
}

/* -------------------------------------------------------------
   Dokumentzeilen im rechten Bereich (AVV/TOM/Unterauftragsver-
   arbeiter/Datenschutz SuS/LuL) - kompakte Karten statt vollständiger
   Textanzeige im Formular (siehe Auftrag "keine kilometerlange
   Textseite"). Rechtstexte selbst werden nur über "Ansehen"/"Drucken"
   in einem neuen Tab geöffnet (js/mct.js -> ajax.php?action=
   schule_rechtstext_ansicht), nie inline gerendert.
   ------------------------------------------------------------- */
.schule-dok-zeile {
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: .6rem .8rem;
	margin-bottom: .6rem;
}

.schule-dok-zeile:last-child {
	margin-bottom: 0;
}

.schule-dok-titel {
	font-weight: 600;
	overflow-wrap: break-word;
}

.schule-dok-status {
	color: var(--text-muted);
	font-size: .9rem;
	margin-top: .2rem;
}

.schule-dok-aktionen {
	display: flex;
	gap: .5rem;
	margin-top: .5rem;
	flex-wrap: wrap;
}

#edit-schule-action {
	display: flex;
	justify-content: space-between;
	gap: .6rem;
	margin-top: 1rem;
	border-top: 1px solid var(--border);
	padding-top: 1rem;
}

/* Abbrechen linksbündig, Speichern rechtsbündig (DOM-Reihenfolge im
   HTML bleibt unverändert) */
#edit-schule-action #btn-schule-abbrechen { order: 1; }
#edit-schule-action #btn-schule-speichern { order: 2; }