@import url("staff-modern.css");
:root { color-scheme: dark; --bg:#0f172a; --surface:#111827; --text:#e5e7eb; --muted:#9ca3af; --line:#334155; --primary:#38bdf8; --primary-strong:#0284c7; --accent:#a78bfa; --danger:#f87171; }
body { background: linear-gradient(180deg,#0f172a,#111827 320px); color:var(--text); }
a { color:#7dd3fc; }
.topbar { background:#111827; border-bottom:1px solid #334155; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.brand { color:#e5e7eb; text-shadow:none; }
.brand::before { background:linear-gradient(135deg,#38bdf8,#a78bfa); }
.topbar nav a { color:#e5e7eb; background:#1f2937; border-color:#334155; }
.hero,.admin-hero,.auth-panel,.quiz-panel,.result-panel,.card,figure,.table-wrap { background:#111827; border-color:#334155; box-shadow:0 16px 32px rgba(0,0,0,.28); }
.checkbox-list,.choices label,th { background:#1f2937; }
input,select,textarea,.checkbox-list .subject-chip { background:#0f172a; border-color:#334155; color:#e5e7eb; }
.notice { background:#0c4a6e; border-color:#38bdf8; }
.error { background:#7f1d1d; border-color:#f87171; }
.subject-icon,.hero-badge { background:#1e293b; border-color:#334155; }

/* Quiz answer feedback, repeated per theme so later theme rules cannot hide it. */
.quiz-panel .choices.show-feedback label { opacity: .9; }
.quiz-panel .choices label.choice-correct,
.quiz-panel .text-answer-correct input {
    border: 2px solid #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .18) !important;
}
.quiz-panel .choices label.choice-wrong,
.quiz-panel .text-answer-wrong input {
    border: 2px solid #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .18) !important;
}
.quiz-panel .answer-feedback { margin: 12px 0; padding: 12px 14px; border-radius: 8px; font-weight: 800; }
.quiz-panel .answer-feedback.is-correct { color: #1d4ed8; background: rgba(37, 99, 235, .12); border: 1px solid #2563eb; }
.quiz-panel .answer-feedback.is-wrong { color: #b91c1c; background: rgba(220, 38, 38, .12); border: 1px solid #dc2626; }
.quiz-panel .correct-answer { margin-top: 8px; font-weight: 700; color: var(--text); }