/* =============================================================
   MCT – css/mod_registrierungen.css
   SuperAdmin-Registrierungsübersicht. Kein Editierbereich (siehe
   CLAUDE.md "Meldungsbereiche") - Kopfzeile analog #erg-titel-zeile/
   #as-titel-zeile. Klassenbasierte Regeln (.lul-aktion-spalte,
   .lul-filter-anzahl, .data-tabelle, .form-tabelle-kompakt) werden
   unverändert aus mod_lul.css bzw. style.css übernommen (immer
   global geladen) - hier nur die ID-spezifischen Regeln.
   ============================================================= */

#mod-registrierungen {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Kartenoptik vereinheitlicht nach dem Muster von #themen-titel-zeile
   (mod_themen.css), siehe Auftrag "Titelzeilen vereinheitlichen". Kein
   eigenes margin-bottom nötig - der Abstand zur nächsten Karte kommt
   bereits vom gap:16px auf #mod-registrierungen. */
#reg-titel-zeile {
	display: flex;
	align-items: center;
	gap: .75rem;
	background: var(--bg-panel);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: .8rem 1rem;
}

#reg-titel-zeile h2 {
	margin: 0;
	flex: 0 0 auto;
}

#reg-meldung {
	flex: 1 1 auto;
	justify-content: center;
	text-align: center;
	min-width: 0;
}

#reg-aktionsbereich {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	background: var(--bg-panel);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: .8rem 1rem;
}

#reg-aktionsbereich label {
	font-size: .85rem;
	color: var(--text-muted);
}

#reg-aktionsbereich-meta {
	flex: 1 1 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .6rem;
}

/* Sortierbare Spaltenköpfe (gleiches Muster wie #superadmin-tabelle) */
#reg-tabelle .sortierbar {
	cursor: pointer;
	user-select: none;
}

#reg-tabelle .sortierbar:hover {
	background: var(--bg-hover);
	color: var(--text-nav-hover);
}

#reg-tabelle .sort-asc::after  { content: ' ▲'; font-size: .75em; }
#reg-tabelle .sort-desc::after { content: ' ▼'; font-size: .75em; }

/* E-Mail unter dem Antragsteller-Namen (Auftrag "UI-Aufräumaktion Tabelle
   Registrierungen") - optisch untergeordnet, gleiches --text-muted wie
   z.B. #reg-aktionsbereich label oben. */
#reg-tabelle .reg-nebenzeile {
	font-size: .85rem;
	color: var(--text-muted);
}

/* ✔ "LuL bestätigen" - grün über die bestehende Erfolgsfarbe
   (dieselben Tokens wie .mod-meldung.erfolg/.pf-status-erledigt),
   statt ein farbiges Emoji zu verwenden. */
button.btn-icon-erfolg {
	color: var(--msg-ok-text);
	border-color: var(--msg-ok-text);
}

button.btn-icon-erfolg:hover {
	background: var(--msg-ok-bg);
	border-color: var(--msg-ok-text);
}

/* ✘ "Registrierung ablehnen" - rot über dieselben Fehler-Tokens wie
   .mod-meldung.fehler, analog zu .btn-icon-erfolg oben. */
button.btn-icon-gefahr {
	color: var(--msg-err-text);
	border-color: var(--msg-err-text);
}

button.btn-icon-gefahr:hover {
	background: var(--msg-err-bg);
	border-color: var(--msg-err-text);
}

/* Nachweis-Zustand "abgerufen" (grünes Häkchen, kein Link mehr) -
   gleiche Erfolgsfarbe wie oben, hier als reiner Statustext statt
   Button (siehe reg_nachweis_aktionen_html() in mod_registrierungen.php,
   gleiches Muster wie .pf-status-erledigt in mod_problemfragen.css). */
.reg-nachweis-abgerufen {
	color: var(--msg-ok-text);
	font-size: 1.1em;
}

/* Nachweis-Zustand "fehlt" (Dateiname vorhanden, physische Datei nicht
   mehr auffindbar) - Warnfarbe statt totem Link. */
.reg-nachweis-fehlt {
	color: var(--msg-warn-text);
}

/* -------------------------------------------------------------
   Detail-Overlay (lesend) - gleiches Grundmuster wie
   #erg-filter-overlay-hintergrund/-box (mod_ergebnisse.css)
   ------------------------------------------------------------- */
#reg-detail-overlay-hintergrund {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 16px;
}

#reg-detail-overlay-box {
	background-color: var(--bg-panel);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow-md);
	padding: 20px;
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	max-height: 85vh;
	overflow-y: auto;
}

#reg-detail-overlay-kopf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	border-bottom: 1px solid var(--border);
	padding-bottom: .6rem;
	margin-bottom: .8rem;
}

#reg-detail-overlay-kopf h3 {
	margin: 0;
}

#reg-detail-overlay-schliessen {
	background: transparent;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: .2rem .5rem;
	cursor: pointer;
	line-height: 1;
}

#reg-detail-overlay-schliessen:hover {
	background: var(--bg-hover);
}

#reg-detail-overlay-inhalt h4 {
	margin: 1rem 0 .4rem;
	font-size: .9rem;
	color: var(--text-muted);
}

#reg-detail-overlay-inhalt h4:first-child {
	margin-top: 0;
}

#reg-detail-overlay-inhalt table.form-tabelle-kompakt td {
	word-break: break-word;
}

#reg-detail-aktionen {
	margin-top: 1.2rem;
	padding-top: 1rem;
	border-top: 1px solid var(--border);
	display: flex;
	gap: .5rem;
}