/* =========================================================
   Sınav Yapay Zeka Analiz Modülü Stilleri
   v1.0 - Deneme Sonuçları Analiz Paneli
   
   Bölüm Sıralaması:
   1. 📌 Deneme Özeti (Exam Summary)
   2. 📈 Denemeler Arası Trend (Exam Trend)
   3. 📚 Ders Bazlı Performans (Subject-Based Performance)
   ========================================================= */

/* =========================================================
   1. 📌 DENEME ÖZETİ (EXAM SUMMARY)
   ========================================================= */

/* Deneme Özeti - Değişim Göstergesi */
.exam-summary-change {
    font-weight: 600;
}

.exam-summary-change.positive {
    color: var(--trend-positive);
}

.exam-summary-change.negative {
    color: var(--trend-negative);
}

/* =========================================================
   2. 📈 DENEMELER ARASI TREND (EXAM TREND)
   ========================================================= */

/* Trend Kartı */
.exam-trend-card {
    gap: 16px;
}

/* Trend Başlığı Container */
.exam-trend-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}

.exam-trend-heading h4 {
    margin: 0;
    width: 100%;
}

/* Chip Grubu - Sınıflar arası karşılaştırma */
.exam-trend-chip-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

/* Bireysel Chip Stili */
.exam-trend-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: rgba(15, 23, 42, 0.05);
    color: #0f172a;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.exam-trend-chip:hover {
    background: rgba(15, 23, 42, 0.08);
    border-color: rgba(15, 23, 42, 0.2);
}

/* Yukarı Trend (Başarılı) */
.exam-trend-chip.up {
    border-color: rgba(34, 197, 94, 0.4);
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.exam-trend-chip.up:hover {
    background: rgba(34, 197, 94, 0.18);
    border-color: rgba(34, 197, 94, 0.6);
}

/* Aşağı Trend (Başarısız) */
.exam-trend-chip.down {
    border-color: rgba(239, 68, 68, 0.4);
    background: rgba(248, 113, 113, 0.15);
    color: #b91c1c;
}

.exam-trend-chip.down:hover {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.6);
}

/* Trend Özet Metni - SILINMIŞTIR: buildTrendSection'da kullanılmıyor */

/* Trend Tablosu - Ders Bazlı Karşılaştırma */
.exam-trend-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.exam-trend-table {
    width: 100%;
    min-width: 320px;
    border-collapse: collapse;
    border: 1.5px solid #94a3b8;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
}

/* Tablo Başlığı */
.exam-trend-table-head th {
    padding: 10px 12px;
    background: #f1f5f9;
    font-size: 0.85rem;
    color: #0f172a;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #cbd5f5;
}

/* Başlık arası dikey çizgi */
.exam-trend-table-head th + th {
    border-left: 1px solid #d1d9f0;
    text-align: center;
}

/* Tablo Gövdesi - Sıra renkleri */
.exam-trend-table-body tr:nth-child(even) {
    background: #f9fafb;
}

/* Tablo Hücresi - Ortak Stiller */
.exam-trend-cell {
    padding: 10px 12px;
    border-bottom: 1px solid #cbd5f5;
    font-size: 0.95rem;
    text-align: left;
}

/* Hücreler arası dikey çizgi */
.exam-trend-cell + .exam-trend-cell {
    border-left: 1px solid #d1d9f0;
    text-align: center;
}

/* Ders Adı Hücresi */
.exam-trend-subject {
    font-weight: 600;
    color: #0f172a;
    text-align: left !important;
}

/* Değer Hücresi - Ortak */
.exam-trend-value {
    font-weight: 700;
    text-align: center;
}

/* Yukarı Yönlü Değişim (Pozitif) */
.exam-trend-value.up {
    color: var(--trend-positive);
}

/* Aşağı Yönlü Değişim (Negatif) */
.exam-trend-value.down {
    color: var(--trend-negative);
}

/* Nötr Değişim (Değişim Yok) */
.exam-trend-value.neutral {
    color: var(--trend-neutral);
}

/* Tablo Boş Durumu */
.exam-trend-empty {
    margin: 0;
    padding: 12px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px dashed #cbd5f5;
    font-size: 0.9rem;
    color: #475569;
    text-align: center;
}

/* =========================================================
   3. 📚 DERS BAZLI PERFORMANS (SUBJECT-BASED PERFORMANCE)
   ========================================================= */

.subject-performance-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
}

.subject-performance-table thead {
    background: #f8fafc;
}

.subject-performance-table thead tr {
    background: #f8fafc;
}

.subject-performance-table th {
    text-align: left;
    padding: 8px;
    font-weight: 600;
    color: #1f2937;
    font-size: 0.9rem;
}

.subject-performance-table th:nth-child(2),
.subject-performance-table th:nth-child(3),
.subject-performance-table th:nth-child(4) {
    text-align: center;
}

.subject-performance-table td {
    padding: 8px;
    border-bottom: 1px solid #e5e7eb;
}

.subject-performance-table tbody tr:nth-child(even) {
    background: #f9fafb;
}

/* Ders adı hücresi */
.subject-performance-table td:first-child {
    text-align: left;
    font-weight: 500;
    color: #1f2937;
}

/* Sınıf Net, Seviye Net, Fark hücreleri */
.subject-performance-table td:nth-child(2),
.subject-performance-table td:nth-child(3),
.subject-performance-table td:nth-child(4) {
    text-align: center;
    font-size: 0.95rem;
}

/* Fark sütunu - dinamik renklendirme */
.subject-delta-cell {
    font-weight: 600;
}

.subject-delta-cell.positive {
    color: var(--trend-positive);
}

.subject-delta-cell.negative {
    color: var(--trend-negative);
}

.subject-delta-cell.neutral {
    color: var(--trend-neutral);
}

/* Konu Tablo Hücresi - Merkezi Hizalama */
.subject-performance-table-cell {
    text-align: center;
    font-size: 0.95rem;
}