/* exam.css */
body { background: #0f172a; color: #f1f5f9; font-family: sans-serif; -webkit-tap-highlight-color: transparent; overflow-x: hidden; }

.word-span { 
    cursor: pointer; transition: all 0.2s; padding: 2px 4px; border-radius: 4px; 
    display: inline-block; user-select: none; -webkit-user-select: none;
}
.word-span:active { background: #3b82f6; color: white; }

.option-card { 
    width: 100%; text-align: left; padding: 1.2rem; margin-bottom: 0.75rem; 
    background: #1e293b; border: 2px solid #334155; border-radius: 0.75rem; 
    font-size: 1.1rem; color: #f1f5f9; 
}

.correct { background: #064e3b !important; border-color: #10b981 !important; }
.wrong { background: #7f1d1d !important; border-color: #ef4444 !important; }

.loader { 
    border: 4px solid #334155; border-top: 4px solid #3b82f6; border-radius: 50%; 
    width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto; 
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

#dictPopup { 
    position: fixed; bottom: 120px; left: 50%; transform: translateX(-50%); 
    background: #2563eb; color: white; padding: 12px 20px; border-radius: 12px; 
    display: none; z-index: 1000; font-weight: bold; box-shadow: 0 4px 15px rgba(0,0,0,0.3); 
}

#adminPanel { 
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
    background: #0f172a; z-index: 99999; display: none; padding: 15px; flex-direction: column; 
}

#codeEditor {
    width: 100%; 
    flex-grow: 1; 
    background: #1e293b; 
    color: #10b981; 
    font-family: monospace; 
    padding: 15px; 
    border: 1px solid #334155; 
    border-radius: 10px; 
    font-size: 12px; 
    outline: none; 
    overflow: auto; 
    margin-bottom: 10px;
    white-space: pre-wrap; /* JSON promptu alt alta görmeni sağlar */
    word-wrap: break-word;
}

.edit-tool-btn { 
    background: #334155; color: white; padding: 10px; border-radius: 8px; 
    font-size: 11px; font-weight: bold; flex: 1; text-align: center; border: 1px solid #475569; 
}

#codeEditor {
    white-space: pre-wrap; /* Uzun satırları otomatik alt satıra kaydırır */
    word-wrap: break-word;
}