/*
 * Zusätzliche CSS-Regeln für die Desktop‑Simulation.
 * Tailwind liefert den Großteil des Layouts; hier können zusätzliche Anpassungen
 * vorgenommen werden oder fehlende Assets neutralisiert werden.
 */
body {
    font-family: system-ui, sans-serif;
    background: url("./img/wallpaper.png") no-repeat center center fixed !important;
    background-size: cover !important;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

/* Stelle sicher, dass iframes und Modale sauber gestylt sind */
.modal iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/*
 * Modal containers cover den gesamten Bildschirm (inset-0). Ohne Eingriff fangen sie alle Klicks
 * ab und verhindern, dass man ein dahinterliegendes Fenster mit der Maus erreicht. Durch
 * pointer-events:none auf dem Container und pointer-events:auto auf dem eigentlichen
 * Fensterelement (autopointer) werden Klicks korrekt an hinterliegende Fenster weitergereicht.
 */
.modal {
    pointer-events: none;
}

.modal .autopointer {
    pointer-events: auto;
}