/* Académie du Storytelling — correctifs ciblés du mode sombre. */

/* Récapitulatif final des quiz. */
[data-theme="dark"] .quiz-review,
[data-theme="dark"] .quiz-review-list,
[data-theme="dark"] .quiz-review-card,
[data-theme="dark"] .quiz-review-item,
[data-theme="dark"] .quiz-result-card,
[data-theme="dark"] [class*="quiz-review"] {
    color: #f5f7ff;
}

[data-theme="dark"] .quiz-review-card,
[data-theme="dark"] .quiz-review-item,
[data-theme="dark"] .quiz-result-card,
[data-theme="dark"] [class*="quiz-review-card"],
[data-theme="dark"] [class*="quiz-review-item"] {
    background: #151b35 !important;
    border-color: #303a60 !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .2);
}

[data-theme="dark"] .quiz-review h1,
[data-theme="dark"] .quiz-review h2,
[data-theme="dark"] .quiz-review h3,
[data-theme="dark"] .quiz-review h4,
[data-theme="dark"] .quiz-review-card h1,
[data-theme="dark"] .quiz-review-card h2,
[data-theme="dark"] .quiz-review-card h3,
[data-theme="dark"] .quiz-review-card h4,
[data-theme="dark"] .quiz-review-question,
[data-theme="dark"] .review-question,
[data-theme="dark"] [class*="quiz-review"] [class*="question"] {
    color: #f7f8ff !important;
}

[data-theme="dark"] .quiz-review-answer,
[data-theme="dark"] .review-answer,
[data-theme="dark"] .answer-summary,
[data-theme="dark"] [class*="quiz-review"] [class*="answer"] {
    color: #e8edff !important;
    border-color: rgba(118, 136, 196, .34) !important;
}

[data-theme="dark"] .quiz-review .is-correct,
[data-theme="dark"] .quiz-review-card .is-correct,
[data-theme="dark"] [class*="quiz-review"] [class*="correct-answer"],
[data-theme="dark"] [class*="quiz-review"] [class*="answer-correct"] {
    background: rgba(25, 151, 108, .2) !important;
    color: #baf4df !important;
    border-color: rgba(69, 203, 155, .35) !important;
}

[data-theme="dark"] .quiz-review .is-incorrect,
[data-theme="dark"] .quiz-review-card .is-incorrect,
[data-theme="dark"] [class*="quiz-review"] [class*="incorrect-answer"],
[data-theme="dark"] [class*="quiz-review"] [class*="answer-incorrect"] {
    background: rgba(200, 60, 81, .2) !important;
    color: #ffd1d8 !important;
    border-color: rgba(239, 104, 124, .35) !important;
}

[data-theme="dark"] .quiz-review-explanation,
[data-theme="dark"] .review-explanation,
[data-theme="dark"] .quiz-explanation,
[data-theme="dark"] [class*="quiz-review"] [class*="explanation"] {
    background: #20294d !important;
    color: #e9edff !important;
    border-color: #5270ff !important;
}

[data-theme="dark"] .quiz-review-explanation *,
[data-theme="dark"] .review-explanation *,
[data-theme="dark"] .quiz-explanation *,
[data-theme="dark"] [class*="quiz-review"] [class*="explanation"] * {
    color: inherit !important;
}

/* Vérification d'un nouvel appareil. */
[data-theme="dark"] body:has(form[action*="appareil"]) .auth-card,
[data-theme="dark"] body:has(form[action*="device"]) .auth-card,
[data-theme="dark"] body:has(form[action*="appareil"]) .device-verification-card,
[data-theme="dark"] body:has(form[action*="device"]) .device-verification-card {
    background: #151b35 !important;
    color: #f7f8ff !important;
    border-color: #303a60 !important;
}

[data-theme="dark"] form[action*="appareil"] label,
[data-theme="dark"] form[action*="device"] label,
[data-theme="dark"] form[action*="appareil"] p,
[data-theme="dark"] form[action*="device"] p {
    color: #eef1ff !important;
}

[data-theme="dark"] form[action*="appareil"] input,
[data-theme="dark"] form[action*="device"] input {
    background: #0b1128 !important;
    color: #ffffff !important;
    border-color: #405080 !important;
    caret-color: #ffffff;
}

[data-theme="dark"] form[action*="appareil"] input::placeholder,
[data-theme="dark"] form[action*="device"] input::placeholder {
    color: #8996bc !important;
}

[data-theme="dark"] form[action*="appareil"] input:focus,
[data-theme="dark"] form[action*="device"] input:focus {
    border-color: #617cff !important;
    box-shadow: 0 0 0 4px rgba(79, 105, 255, .18) !important;
}

[data-theme="dark"] body:has(form[action*="appareil"]) [role="alert"],
[data-theme="dark"] body:has(form[action*="device"]) [role="alert"],
[data-theme="dark"] body:has(form[action*="appareil"]) .alert,
[data-theme="dark"] body:has(form[action*="device"]) .alert {
    background: rgba(198, 62, 82, .18) !important;
    color: #ffd5dc !important;
    border-color: rgba(239, 104, 124, .38) !important;
}