/*
|--------------------------------------------------------------------------
| VisionThinks UI / Components / Modal
| 2026-09-01 | Autor: Claude
|
| VisionThinks-spezifische Gestaltung des portablen Basismoduls
| global_functions/05-atomar-modules/005-ui-modal.
|
| Das Basismodul bleibt unveraendert und projektneutral. Es bringt mit
| background: #fff einen bewussten Standalone-Fallback mit, damit ein
| Dialog auch ohne Themeschicht lesbar bleibt. Diese Datei ist der
| vorgesehene Owner der VisionThinks-Ausprägung und ersetzt den Fallback.
|
| Ladeweg, zwingend:
| Diese Datei wird in vt-liveconfig.php als eigenes Style-Handle mit
| Abhaengigkeit von 'vt-ui-modal' eingebunden. Nur dadurch steht sie im
| Dokument NACH dem Basismodul. Beide Regeln besitzen die Spezifitaet
| (0,1,0); die Ueberschreibung erfolgt allein ueber die Quellreihenfolge -
| ohne !important und ohne Spezifitaetserhoehung.
|
| Ein @import in vt-ui.css waere ungeeignet: vt-ui.css wird vor dem
| Basismodul geladen und wuerde bei gleicher Spezifitaet verlieren.
|
| Keine Feature-Kopplung: die Regel haengt an der Komponentenklasse und
| gilt damit fuer alle Verwender des Moduls - derzeit Domainsuche und
| Domainpreisliste.
|--------------------------------------------------------------------------
*/

/*
| Foundation-Werte verfuegbar machen. Dasselbe Muster verwenden bereits
| 03-components/vt-card-group-domainauswahl.css (Zeile 1) und
| 03-components/vt-form-inputfield.css (Zeile 24). Ueber diese beiden ist
| vt-colors.css auf den heutigen Verwenderseiten bereits erreichbar; der
| Import macht diese Komponente unabhaengig davon selbsttragend.
*/
@import url("../01-foundation/vt-colors.css");

/*
| Ausschliesslich Flaeche und Textfarbe.
|
| Die Variante "minimal" wird hier bewusst NICHT erneut geregelt: das
| Basismodul setzt fuer sie background: transparent mit der Spezifitaet
| (0,2,0) und gewinnt damit unabhaengig von der Quellreihenfolge. Der
| Ladezustand aus Deploy 1910 bleibt dadurch unveraendert transparent.
|
| Nicht veraendert werden Rahmen, Radius, Schatten, Innenabstand, Breite,
| Typografie, Schliessknopf, Backdrop, Aktionen, Animation und Loader.
*/
.custom-modal__dialog {
    background: var(--vt-modal-surface);
    color: var(--vt-modal-text);
}