/* ============================================================ */
/* ===== ÖĞRENCİ PANELİ (DASHBOARD) STİLLERİ ===== */
/* ============================================================ */

/* Karşılama animasyonu */
#karsilamaKart {
    animation: karsilamaGel 0.6s ease-out;
}

@keyframes karsilamaGel {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* İstatistik kartları */
#dashboardIcerik > div > .kart {
    animation: kartGel 0.5s ease-out backwards;
}

#dashboardIcerik > div > .kart:nth-child(1) { animation-delay: 0.1s; }
#dashboardIcerik > div > .kart:nth-child(2) { animation-delay: 0.15s; }
#dashboardIcerik > div > .kart:nth-child(3) { animation-delay: 0.2s; }
#dashboardIcerik > div > .kart:nth-child(4) { animation-delay: 0.25s; }

@keyframes kartGel {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Hızlı işlem butonları */
#dashboardIcerik button[onclick^="hizliIslem"] {
    transition: all 0.3s;
    font-weight: 600;
}

#dashboardIcerik button[onclick^="hizliIslem"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

/* Bildirimler */
#bildirimlerListesi > div:hover {
    transform: translateX(5px);
    transition: transform 0.3s;
}

/* Chart container */
canvas {
    max-height: 250px;
}

/* Rozet grid */
#rozetlerGrid > div {
    transition: all 0.3s;
}

#rozetlerGrid > div:hover {
    transform: translateY(-3px) scale(1.05);
}

/* Mobil */
@media (max-width: 768px) {
    #karsilamaKart h2 { font-size: 20px !important; }
    #karsilamaKart > div > div > div:last-child { font-size: 40px !important; }
    
    #dashboardIcerik > div[style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
    
    #istatistikOzet {
        grid-template-columns: 1fr 1fr !important;
    }
}