/* ============================================================================
 * M24 — Einzige Formular-Stilquelle (GLOBAL geladen).
 * Eine CI-Feld-Optik für ALLE Modals/Formulare: Fahrzeug-Anfrage, Sammelanfrage,
 * Garage, Interessentenliste, Off-Market. Neue Formulare: einfach diese Klassen
 * verwenden → passen automatisch.
 *
 * Klassen:
 *   .m24-ci-field  Wrapper (Label über Feld, 6px Gap)
 *   .m24-ci-label  Label (13px/600, Pflicht-* in Messing via .req)
 *   .m24-ci-input  text/email/textarea/select (48px, padding 13/16, radius 11,
 *                  border 1.5 #e4e7ec, Fokus-Ring #1f74c4, 16px = iOS-Zoom-Schutz)
 *   Modifier .on-dark  für dunkle Karten (Off-Market): Label weiß, Feld halbtransparent.
 * ========================================================================== */

.m24-ci-field{display:flex;flex-direction:column;gap:6px;margin:0}
.m24-ci-label{font-size:13px;font-weight:600;color:#3a3f47;line-height:1.2}
.m24-ci-label .req,.m24-ci-req{color:#9a6b25}

.m24-ci-input{
	width:100%;
	min-height:48px;
	padding:13px 16px;
	font-family:'Saira',-apple-system,Segoe UI,sans-serif;
	font-size:16px;
	line-height:1.3;
	color:#14161a;
	background:#fff;
	border:1.5px solid #e4e7ec;
	border-radius:11px;
	box-sizing:border-box;
	-webkit-appearance:none;
	appearance:none;
}
/* Theme-input{font-size:12px} würde iOS-Zoom auslösen → erzwingen. */
input.m24-ci-input,select.m24-ci-input,textarea.m24-ci-input{font-size:16px!important}
.m24-ci-input::placeholder{color:#9aa0a8}
.m24-ci-input:focus{outline:0;border-color:#1f74c4;box-shadow:0 0 0 3px rgba(31,116,196,.12)}
textarea.m24-ci-input{min-height:96px;resize:vertical;line-height:1.5}
select.m24-ci-input{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2350575e' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 16px center;
	padding-right:40px;
	cursor:pointer;
}

/* ── Modifier .on-dark — Off-Market-Karte (blauer Verlauf) ───────────────── */
.m24-ci-field.on-dark .m24-ci-label{color:#fff}
.m24-ci-input.on-dark{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
.m24-ci-input.on-dark::placeholder{color:rgba(255,255,255,.7)}
.m24-ci-input.on-dark:focus{border-color:rgba(255,255,255,.6);box-shadow:0 0 0 3px rgba(255,255,255,.18)}