/*== Captcha Dark Mode ==*/

html[data-theme="dark"] .cap-overlay,
html[data-theme="dark"] .cap-help-overlay {
    background: rgba(2, 6, 23, 0.72);
}

html[data-theme="dark"] .cap-modal,
html[data-theme="dark"] .cap-help-modal {
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--text);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.62);
}

html[data-theme="dark"] .cap-header,
html[data-theme="dark"] .cap-help-header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background:
            linear-gradient(135deg, rgba(229, 57, 53, 0.14), rgba(255, 122, 24, 0.10)),
            rgba(15, 23, 42, 0.88);
}

html[data-theme="dark"] .cap-title,
html[data-theme="dark"] .cap-help-title,
html[data-theme="dark"] .cap-prompt,
html[data-theme="dark"] .cap-help-text {
    color: var(--text);
}

html[data-theme="dark"] .cap-close,
html[data-theme="dark"] .cap-help-close {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--text);
}

html[data-theme="dark"] .cap-close:hover,
html[data-theme="dark"] .cap-help-close:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 122, 24, 0.32);
    color: #fff;
}

html[data-theme="dark"] .captcha-help-link {
    background: rgba(255, 122, 24, 0.12);
    border-color: rgba(255, 122, 24, 0.22);
    color: #ffb088;
}

html[data-theme="dark"] .captcha-help-link:hover {
    background: rgba(255, 122, 24, 0.18);
    color: #ffd1bc;
}

html[data-theme="dark"] .cap-image-wrap {
    background:
            linear-gradient(135deg, rgba(229, 57, 53, 0.06), rgba(255, 122, 24, 0.06)),
            #111827;
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .cap-error {
    color: #fca5a5;
}

html[data-theme="dark"] .cap-help-text strong {
    color: #ffb088;
}

html[data-theme="dark"] .cap-help-svg {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .cap-help-footnote {
    color: var(--muted);
}