body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background-color: #f8fafc; 
}
.glass-panel { 
    background: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(10px); 
}
.toast-enter { 
    animation: slideInRight 0.3s ease-out forwards; 
}
.toast-leave { 
    animation: fadeOut 0.3s ease-out forwards; 
}
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@media print {
    /* 1. Verstecke alles, was nicht auf das Prüfungs-PDF gehört (z.B. Navbar, Buttons) */
    #main-nav, header, button, select, input[type="text"], textarea, details, #toast-container {
        display: none !important;
    }

    /* 2. LÖST DIE RECHTSVERSCHIEBUNG: Volle Breite erzwingen und Scrolling deaktivieren */
    body, main, #grade-test-view, .max-w-4xl, .max-w-5xl {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        height: auto !important;
        transform: none !important; 
    }

    /* 3. LÖST DAS ABSCHNEIDEN: Schütze die Prüfungsaufgaben vor dem Durchtrennen */
    .bg-white.p-5.rounded-xl, 
    .bg-white.p-6.rounded-2xl,
    .pdf-avoid-break {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 4. Tabellenzeilen schützen (für das Kriterienraster) */
    table { page-break-inside: auto !important; }
    tr { page-break-inside: avoid !important; break-inside: avoid !important; }
}