/* Carregado diretamente: usar as cores PHP resolvidas no CSS compartilhado. */
:root, [data-theme="light"] {
    --exit-contact-popup-var_font_color: var(--common-site-font-color);
    --exit-contact-popup-var_others: var(--common-site-others);
    --exit-contact-popup-var_others_dark: var(--common-site-others-dark);
    --exit-contact-popup-bg-color: #ffffff;
    --exit-contact-popup-site-others: var(--exit-contact-popup-var_others);
    --exit-contact-popup-site-others-dark: var(--exit-contact-popup-var_others_dark);
    --exit-contact-popup-site-font-color: var(--exit-contact-popup-var_font_color);
    --exit-contact-popup-color-border-333333: #333333;
    --exit-contact-popup-color-border-999999: #999999;
    --exit-contact-popup-color-border-cccccc: #cccccc;
    --exit-contact-popup-color-shadow-rgba-0-0-0--25: rgba(0,0,0,.25);
    --exit-contact-popup-color-surface-999999: #999999;
    --exit-contact-popup-color-surface-cccccc: #cccccc;
    --exit-contact-popup-color-surface-ffffff: var(--exit-contact-popup-bg-color);
    --exit-contact-popup-color-surface-rgba-0-0-0--6: rgba(0,0,0,.6);
    --exit-contact-popup-color-surface-transparent: transparent;
    --exit-contact-popup-color-text-333333: #333333;
    --exit-contact-popup-color-text-b00020: #b00020;
    --exit-contact-popup-color-text-ffffff: #ffffff;
}

[data-theme="dark"] {
    --exit-contact-popup-var_font_color: var(--common-site-font-color);
    --exit-contact-popup-var_others: var(--common-site-others);
    --exit-contact-popup-var_others_dark: var(--common-site-others-dark);
    --exit-contact-popup-bg-color: #151a23;
    --exit-contact-popup-color-border-999999: #465369;
    --exit-contact-popup-color-border-cccccc: #465369;
    --exit-contact-popup-color-surface-999999: #303b4c;
    --exit-contact-popup-color-surface-cccccc: #303b4c;
    --exit-contact-popup-color-surface-ffffff: var(--exit-contact-popup-bg-color);
    --exit-contact-popup-color-text-333333: #e7eaf0;
}

.exit-contact-popup[hidden], .exit-contact-popup [hidden] { display: none !important; }
.exit-contact-popup { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; background: var(--exit-contact-popup-color-surface-rgba-0-0-0--6); }
.exit-contact-panel { position: relative; box-sizing: border-box; width: min(460px, 100%); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 24px; border-radius: 8px; background: var(--exit-contact-popup-color-surface-ffffff); color: var(--exit-contact-popup-site-font-color, var(--exit-contact-popup-color-text-333333)); box-shadow: 0 12px 35px var(--exit-contact-popup-color-shadow-rgba-0-0-0--25); }
.exit-contact-panel h3 { margin: 0 52px 8px 0; font-size: 22px; line-height: 1.3; }
.exit-contact-panel p { margin: 0 0 18px; font-size: 15px; line-height: 1.4; }
.exit-contact-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: var(--exit-contact-popup-color-surface-transparent);
    color: var(--exit-contact-popup-site-others);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: color 200ms, background-color 200ms;
}

.exit-contact-close:hover {
    background-color: var(--exit-contact-popup-site-others);
    color: var(--exit-contact-popup-color-text-ffffff);
}
#exit-contact-form { display: flex; flex-direction: column; gap: 8px; }
#exit-contact-form label { font-size: 14px; }
#exit-contact-form > input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; margin: 0 0 8px; padding: 10px 12px; border: 1px solid var(--exit-contact-popup-color-border-cccccc); border-radius: 4px; background: var(--exit-contact-popup-color-surface-ffffff); color: inherit; font: inherit; }
.exit-contact-confirm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--exit-contact-popup-site-others);
    border-radius: 8px;
    background: var(--exit-contact-popup-site-others);
    color: var(--exit-contact-popup-color-text-ffffff);
    font: inherit;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color 200ms, border-color 200ms;
}
.exit-contact-confirm:hover:not(:disabled) {
    background-color: var(--exit-contact-popup-site-others-dark);
    border-color: var(--exit-contact-popup-site-others-dark);
}
.exit-contact-confirm:disabled {
    opacity: .6;
    cursor: default;
}
.exit-contact-popup :focus-visible { outline: 2px solid var(--exit-contact-popup-site-others, var(--exit-contact-popup-color-border-333333)); outline-offset: 3px; }
.exit-contact-feedback { margin: 16px 0 0 !important; }
.exit-contact-feedback[data-error="true"] { color: var(--exit-contact-popup-color-text-b00020); }
.exit-contact-honeypot { display: none; }