/* Explicit pairs prevent theme/button rules from washing out review messages. */
html .vocab-feedback-entry .btn.vocab-feedback-btn,
html[data-theme] .vocab-feedback-entry .btn.vocab-feedback-btn {
    background: #fff4e5;
    color: #713b12;
    border: 1px solid #9b5724;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
}
html[data-theme] .vocab-feedback-entry .btn.vocab-feedback-btn:hover {
    background: #ffe6c2;
    color: #713b12;
}
html .vocab-feedback-entry .vocab-feedback-btn:focus-visible,
html .vocab-feedback-dialog button:focus-visible,
html .vocab-feedback-dialog input:focus-visible,
html .vocab-feedback-dialog textarea:focus-visible,
html .shengdiao-pinyin-action:focus-visible {
    outline: 3px solid #713b12;
    outline-offset: 3px;
}
html .vocab-feedback-dialog {
    background: #fffdf9;
    color: #17324d;
}
html .vocab-feedback-dialog .vocab-feedback-options input { accent-color: #713b12; }
html .vocab-feedback-dialog .vocab-feedback-message:not(:empty),
html .review-error,
html .sis-error:not(:empty),
html[data-theme] .feedback-message.incorrect,
html .shengdiao-row-correct-answer {
    background: #fff4e5;
    color: #713b12;
    border: 1px solid #9b5724;
    border-radius: 10px;
    padding: 10px 12px;
    overflow-wrap: anywhere;
    white-space: normal;
}
html .review-error:not(:empty)::before {
    content: "! ";
    font-weight: 800;
}
html .vocab-feedback-message:not(:empty):not(.success)::before,
html .sis-error:not(:empty)::before { content: "! "; font-weight: 800; }
html .vocab-feedback-dialog .vocab-feedback-message.success {
    background: #e7f3ed;
    color: #205b40;
    border-color: #2f7d5a;
}
html[data-theme] .vocab-feedback-dialog .btn.primary-btn {
    background: #713b12;
    color: #ffffff;
}
html[data-theme] .vocab-feedback-dialog .btn.primary-btn:hover {
    background: #542b0c;
    color: #ffffff;
}
html[data-theme] .vocab-feedback-dialog .btn.secondary-btn {
    background: #fff4e5;
    color: #713b12;
    border-color: #9b5724;
}
html[data-theme] .vocab-feedback-dialog .btn.secondary-btn:hover {
    background: #ffe6c2;
}
html .feedback-message { flex-wrap: wrap; }
html .shengdiao-row-correct-answer { padding: 4px; }