/* CEMS Exam System Styles */
.question-nav { display: flex; flex-wrap: wrap; gap: 6px; }
.question-nav .qn-btn {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid #dee2e6; background: #fff;
    font-size: 13px; cursor: pointer; transition: all 0.15s;
}
.question-nav .qn-btn:hover { border-color: #0d6efd; }
.question-nav .qn-btn.answered { background: #0d6efd; color: #fff; border-color: #0d6efd; }
.question-nav .qn-btn.marked { border-color: #ffc107; box-shadow: 0 0 0 2px #ffc107; }
.question-nav .qn-btn.current { border: 2px solid #0d6efd; font-weight: bold; }

.timer-normal { color: #198754; }
.timer-warning { color: #ffc107; animation: pulse 1s infinite; }
.timer-danger { color: #dc3545; animation: pulse 0.5s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

.option-card {
    display: block; padding: 10px 14px; margin-bottom: 6px;
    border: 1px solid #dee2e6; border-radius: 6px; cursor: pointer; transition: all 0.15s;
}
.option-card:hover { background: #f8f9fa; border-color: #0d6efd; }
.option-card.selected { background: #e7f1ff; border-color: #0d6efd; color: #0d6efd; }
.option-card input[type="radio"], .option-card input[type="checkbox"] { display: none; }

.result-score { font-size: 4rem; font-weight: 700; }
.result-pass { color: #198754; } .result-fail { color: #dc3545; }

.admin-sidebar {
    min-height: calc(100vh - 56px); background: #f8f9fa; border-right: 1px solid #dee2e6;
}
.admin-sidebar .nav-link { color: #495057; border-radius: 6px; margin-bottom: 2px; }
.admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { background: #0d6efd; color: #fff; }

.dist-bar {
    display: inline-block; height: 20px; background: #0d6efd;
    border-radius: 3px; min-width: 2px; transition: width 0.3s;
}