/* MEBBİS Aktar CSS */



.pending-lessons-count {

    font-size: 24px;

    font-weight: 600;

    color: #007bff;

    background: #e3f2fd;

    border-radius: 2px;

    padding: 8px 16px;

    display: inline-block;

    margin: 4px 0;

}



.mebbis-students-list {

    border: 1px solid #e0e0e0;

    border-radius: 2px;

    background: #fafafa;

    overflow-y: auto !important;

    overflow-x: hidden !important;

}



/* MEBBİS listesi scroll bar stilleri */

.mebbis-students-list::-webkit-scrollbar {

    width: 6px;

}



.mebbis-students-list::-webkit-scrollbar-track {

    background: #f1f1f1;

    border-radius: 10px;

}



.mebbis-students-list::-webkit-scrollbar-thumb {

    background: #c1c1c1;

    border-radius: 10px;

}



.mebbis-students-list::-webkit-scrollbar-thumb:hover {

    background: #a8a8a8;

}



.today-lessons-list {

    border: 1px solid #e0e0e0;

    border-radius: 2px;

    background: #fafafa;

}



.today-lesson-item {

    display: flex;

    align-items: center;

    padding: 8px 12px;

    background: white;

    border-bottom: 1px solid #e9ecef;

    margin: 1px 0;

    cursor: pointer;

    transition: all 0.15s ease;

}



.today-lesson-item:hover {

    background: #f8f9fa;

    border-left: 3px solid #007bff;

}



.today-lesson-item:last-child {

    border-bottom: none;

}



.lesson-time {

    font-size: 11px;

    font-weight: 600;

    color: #007bff;

    background: #e3f2fd;

    padding: 2px 6px;

    border-radius: 2px;

    margin-right: 8px;

    min-width: 50px;

    text-align: center;

    flex-shrink: 0;

}



.lesson-details {

    flex: 1;

    min-width: 0;

}



.lesson-student {

    font-size: 12px;

    font-weight: 500;

    color: #333;

    margin-bottom: 2px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.lesson-teacher {

    font-size: 10px;

    color: #666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.lesson-status {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    flex-shrink: 0;

    margin-left: 8px;

}



.lesson-status.completed {

    background: #28a745;

}



.lesson-status.ongoing {

    background: #ffc107;

}



.lesson-status.upcoming {

    background: #6c757d;

}



.lesson-status.cancelled {

    background: #dc3545;

}



/* Boş durum */

.today-lessons-empty {

    text-align: center;

    padding: 20px;

    color: #666;

    font-size: 12px;

}



.today-lessons-empty .uk-icon {

    font-size: 24px;

    color: #ccc;

    margin-bottom: 8px;

}



/* MEBBİS Aktarma Butonları */

#startMebbisTransfer {

    font-size: 12px;

    font-weight: 500;

    border-radius: 2px;

    padding: 8px 16px;

}



#startMebbisTransfer:hover {

    background: #0056b3;

    transform: translateY(-1px);

    box-shadow: 0 2px 8px rgba(0,123,255,0.3);

}



/* Export butonu */

#exportTodayLessons {

    font-size: 12px;

    font-weight: 500;

    border-radius: 2px;

}



#exportTodayLessons:hover {

    background: #0056b3;

    transform: translateY(-1px);

    box-shadow: 0 2px 8px rgba(0,123,255,0.3);

}



/* MEBBİS ders kartları (her ders ayrı satır) */

.mebbis-lesson-item {

    display: flex;

    align-items: center;

    padding: 8px 12px;

    background: white;

    border-bottom: 1px solid #e9ecef;

    margin: 1px 0;

    cursor: pointer;

    transition: all 0.15s ease;

}



.mebbis-lesson-item:hover {

    background: #f8f9fa;

    border-left: 3px solid #007bff;

}



.mebbis-lesson-item:last-child {

    border-bottom: none;

}



.mebbis-lesson-time {

    font-size: 11px;

    font-weight: 600;

    color: #007bff;

    background: #e3f2fd;

    padding: 2px 6px;

    border-radius: 2px;

    margin-right: 8px;

    min-width: 40px;

    text-align: center;

    flex-shrink: 0;

}



.mebbis-student-avatar {

    width: 28px;

    height: 28px;

    border-radius: 50%;

    background: #007bff;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 11px;

    font-weight: 600;

    margin-right: 10px;

    flex-shrink: 0;

}



.mebbis-lesson-info {

    flex: 1;

    min-width: 0;

}



.mebbis-lesson-student {

    font-size: 12px;

    font-weight: 500;

    color: #333;

    margin-bottom: 2px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.mebbis-lesson-teacher {

    font-size: 10px;

    color: #666;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



/* Eski öğrenci kartları da kalsın */

.mebbis-student-item {

    display: flex;

    align-items: center;

    padding: 8px 12px;

    background: white;

    border-bottom: 1px solid #e9ecef;

    margin: 1px 0;

    transition: all 0.15s ease;

}



.mebbis-student-item:hover {

    background: #f8f9fa;

}



.mebbis-student-item:last-child {

    border-bottom: none;

}



.mebbis-student-info {

    flex: 1;

    min-width: 0;

}



.mebbis-student-name {

    font-size: 12px;

    font-weight: 500;

    color: #333;

    margin-bottom: 2px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.mebbis-student-lessons {

    font-size: 10px;

    color: #666;

}



.mebbis-transfer-status {

    width: 12px;

    height: 12px;

    border-radius: 50%;

    flex-shrink: 0;

    margin-left: 8px;

}



.mebbis-transfer-status.transferred {

    background: #28a745; /* Aktarıldı - Yeşil */

}



.mebbis-transfer-status.failed {

    background: #dc3545; /* Aktarılamadı - Kırmızı */

}



.mebbis-transfer-status.pending {

    background: #ffc107; /* Bekliyor - Sarı */

}



/* Ders sayısı badge */

#todayLessonsCount {

    font-weight: 600;

    color: #007bff;

}



/* MEBBİS Accordion stilleri */

.mebbis-students-list ul[uk-accordion] {

    margin: 0;

    padding: 0;

    list-style: none;

}



.mebbis-students-list .uk-accordion > li {

    margin: 0;

    padding: 0;

    border-bottom: 1px solid #e0e0e0;

}



.mebbis-students-list .uk-accordion > li:last-child {

    border-bottom: none;

}



/* Tarih başlıkları - Accordion title */

.mebbis-date-header {

    font-size: 13px;

    font-weight: 700;

    color: white !important;

    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

    padding: 10px 12px;

    margin: 0;

    border-radius: 0;

    position: sticky;

    top: 0;

    z-index: 10;

    box-shadow: 0 2px 4px rgba(0,0,0,0.1);

    display: flex;

    align-items: center;

    justify-content: space-between;

    text-decoration: none !important;

    cursor: pointer;

    transition: all 0.2s ease;

}



.mebbis-date-header:hover {

    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);

    transform: translateX(2px);

}



.mebbis-date-count {

    font-size: 11px;

    background: rgba(255,255,255,0.2);

    padding: 2px 8px;

    border-radius: 10px;

    font-weight: 600;

}



.uk-accordion-content {

    margin: 0;

    padding: 0;

}



/* Kategori başlıkları */

.mebbis-category-header {

    font-size: 11px;

    font-weight: 600;

    color: #666;

    background: #f5f5f5;

    padding: 6px 12px;

    margin: 4px 0 0 0;

    border-left: 3px solid #007bff;

}



.mebbis-category-header:first-of-type {

    border-left-color: #dc3545; /* Silinecek kayıtlar kırmızı */

}



.mebbis-category-header + .mebbis-category-header {

    border-left-color: #ffc107; /* Bekliyor kayıtlar sarı */

}



/* Silinecek kayıtlar için özel stil */

.mebbis-lesson-item.silinecek {

    background: #fff5f5;

    border-left: 3px solid #dc3545;

}



.mebbis-lesson-item.silinecek:hover {

    background: #ffe5e5;

}



/* Silinecek durumu ikonu */

.mebbis-transfer-status.delete {

    background: #dc3545; /* Silinecek - Kırmızı */

}



/* Hatalı kayıtlar için kırmızı kart */

.mebbis-lesson-item.hatali {

    background: #ffe5e5;

    border-left: 3px solid #dc3545;

}



.mebbis-lesson-item.hatali:hover {

    background: #ffd5d5;

    border-left: 3px solid #dc3545;

}



/* Hatalı kayıtlar için ünlem ikonu */

.mebbis-error-icon {

    font-size: 18px;

    color: #dc3545;

    flex-shrink: 0;

    margin-left: 8px;

    cursor: help;

    animation: pulse-error 2s ease-in-out infinite;

}



@keyframes pulse-error {

    0%, 100% {

        opacity: 1;

    }

    50% {

        opacity: 0.6;

    }

}