/* Quiz Modal - Force Light Mode with Visible Text */
.modal-overlay .modal.quiz-modal {
    background: #ffffff !important;
    color: #1e293b !important;
    padding: 1.5rem !important;
    max-width: 800px !important;
    width: 95% !important;
    margin: auto !important;
}

.modal-overlay .quiz-modal * {
    color: #1e293b;
}

.modal-overlay .quiz-modal .quiz-header-bar {
    background: #f1f5f9 !important;
}

.modal-overlay .quiz-modal .question-container {
    background: #ffffff !important;
}

.modal-overlay .quiz-modal .question-text {
    color: #1e293b !important;
    font-size: 1.15rem !important;
}

.modal-overlay .quiz-modal .question-number {
    color: #7c3aed !important;
}

.modal-overlay .quiz-modal .option-item {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    cursor: pointer;
}

.modal-overlay .quiz-modal .option-item:hover {
    border-color: #7c3aed !important;
    background: #f5f3ff !important;
}

.modal-overlay .quiz-modal .option-item.selected {
    border-color: #7c3aed !important;
    background: #ede9fe !important;
}

.modal-overlay .quiz-modal .option-text {
    color: #374151 !important;
    font-size: 0.95rem !important;
}

.modal-overlay .quiz-modal .option-letter {
    background: #ffffff !important;
    border: 2px solid #d1d5db !important;
    color: #4b5563 !important;
}

.modal-overlay .quiz-modal .option-item.selected .option-letter {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
}

.modal-overlay .quiz-modal .quiz-timer {
    background: #ffffff !important;
    color: #1e293b !important;
}

.modal-overlay .quiz-modal .quiz-timer i {
    color: #f59e0b !important;
}

.modal-overlay .quiz-modal .quiz-progress-indicator span {
    color: #4b5563 !important;
}

.modal-overlay .quiz-modal .progress-dot {
    background: #cbd5e1 !important;
}

.modal-overlay .quiz-modal .progress-dot.answered {
    background: #10b981 !important;
}

.modal-overlay .quiz-modal .progress-dot.current {
    background: #7c3aed !important;
}

.modal-overlay .quiz-modal .btn {
    color: #ffffff !important;
}

.modal-overlay .quiz-modal .btn-outline {
    color: #4b5563 !important;
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
}

.modal-overlay .quiz-modal .results-title {
    color: #1e293b !important;
}

.modal-overlay .quiz-modal .results-subtitle {
    color: #6b7280 !important;
}

.modal-overlay .quiz-modal .results-stat .stat-value {
    color: #1e293b !important;
}

.modal-overlay .quiz-modal .results-stat .stat-label {
    color: #6b7280 !important;
}

.modal-overlay .quiz-modal .quiz-nav .btn {
    padding: 0.75rem 1.5rem !important;
}

.modal-overlay .quiz-modal .modal-close {
    background: #f1f5f9 !important;
    color: #64748b !important;
    z-index: 10;
}
/* Fix quiz modal full width */
.modal-overlay {
    padding: 1rem !important;
}
.modal-overlay .modal.quiz-modal {
    max-width: 750px !important;
    width: 100% !important;
    margin: 1rem auto !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
}
.modal-overlay .quiz-modal .question-text {
    word-wrap: break-word !important;
}
.modal-overlay .quiz-modal .option-text {
    word-wrap: break-word !important;
}