/* Główny plik stylów dla aplikacji Gadax Prawko */

body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    /* Zapobiega "gumowaniu" (overscroll) strony na mobilkach */
    overscroll-behavior-y: none;
    /* Blokuje zaznaczanie tekstu jak w appce (oprócz inputów) */
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

input, textarea, select { 
    -webkit-user-select: text; 
    user-select: text; 
}

/* Animacje */
.fade-in { animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.modal-enter { animation: modalIn 0.2s ease-out forwards; }
@keyframes modalIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }

.toast-enter { animation: toastIn 0.3s ease-out forwards; }
@keyframes toastIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

#main-sidebar { transition: width 0.3s ease-in-out; }

/* Scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* --- TŁA --- */
.bg-app-image {
    /* Wysokiej jakości zdjęcie symbolizujące jazdę (Unsplash) */
    background-image: url('https://images.unsplash.com/photo-1449965408869-eaa3f722e40d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Delikatna nakładka wewnątrz aplikacji - przepuszcza trochę tła */
.content-overlay {
    background-color: rgba(241, 245, 249, 0.94); /* Slate-100 z przezroczystością */
    backdrop-filter: blur(2px); /* Lekkie rozmycie tła pod spodem */
}

/* Style do druku */
@media print {
    body * { visibility: hidden; }
    #student-report-results, #student-report-results * { visibility: visible; }
    #student-report-results { position: absolute; left: 0; top: 0; width: 100%; background: white; padding: 20px; }
    .no-print { display: none !important; }
}