/* ===========================================================================
   Modul-Inhalte mit SVG-Vorschau (Peter, 16.08.2026)

   Markup:    templates/modulinhalte/modulinhalte.html
   Verhalten: src/features/creator/modulInhalte.js

   Diese Regeln lagen als Inline-Stile in `MyModulesPage._renderContents`.
   Farben ausschließlich über die Variablen aus `variables.css`.
   =========================================================================== */

.modulinhalt {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-border);
}

.modulinhalt-kopf {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.modulinhalt-titel {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.modulinhalt-art {
    color: var(--color-text-light);
    white-space: nowrap;
}

.modulinhalt-verschieben {
    max-width: 220px;
    width: auto;
    flex-shrink: 0;
}

/* --- Die Vorschau ------------------------------------------------------- */

/* Nur die EINBETTUNG in die Zeile. Aussehen, weißer Papier-Hintergrund und
   Lupe kommen aus `svg-preview-shared.css` — dieselben Klassen wie in den
   Creatoren. Die erste Fassung hatte hier eigene Regeln mit
   `--color-bg-light`; im Dunkelmodus wurde die Box damit dunkel und die
   schwarzen Striche unsichtbar (Peters Befund, 16.08.2026). */
.modulinhalt-vorschau {
    margin-top: 0.5rem;
    max-width: 420px;
}

.modulinhalt-hinweis {
    color: var(--color-text-light);
    padding: 0.5rem 0;
}