/**
 * Exam Schedule Styles (Updated)
 * 시험 일정 관련 CSS 스타일 - kaice-oes 클래스명 체계
 * common-card-styles.css를 참조하여 기본 카드/헤더 스타일 사용
 */

/* ===========================================
   시험 일정 페이지 전용 스타일
   (common-card-styles.css에서 기본 스타일 상속)
   =========================================== */

.kaice-oes.card-content {
    display: block;
}

/* 시험 정보 섹션 스타일 개선 */
.kaice-oes.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.kaice-oes.info-row {
    padding: 0.25rem 0;
    margin-bottom: 0;
}

.kaice-oes.info-row:last-child {
    margin-bottom: 0;
}

/* 시험 상태별 스타일 개선 */
.kaice-oes.card[data-status="upcoming"] .kaice-oes.card-title,
.kaice-oes.card[data-status="completed"] .kaice-oes.card-title {
    color: #6b7280;
}

.kaice-oes.card[data-status="upcoming"] p,
.kaice-oes.card[data-status="completed"] p {
    color: #9ca3af;
}

/* ===========================================
   상태 뱃지 스타일
   =========================================== */

.kaice-oes.badge.status-upcoming {
    background: #fef3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.kaice-oes.badge.status-available {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.kaice-oes.badge.status-completed {
    background: #e2e3e5;
    color: #383d41;
    border: 1px solid #d6d8db;
}

.kaice-oes.badge.status-expired {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ===========================================
   빈 상태 메시지 개선
   =========================================== */

.kaice-oes.empty-state .kaice-icon {
    width: 64px;
    height: 64px;
    color: #d1d5db;
    margin: 0 auto 1.5rem;
    display: block;
}

.kaice-oes.empty-state h3 {
    font-family: 'S-CoreDream-4', 'Noto Sans KR', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 0.75rem 0;
}

.oes-route-exam-schedule .kaice-oes.card-content .loading-spinner::after {
    display: none;
}