/* Suntop retention card: use the existing site palette and type system. */
#st-modal-exit .st-modal__box {
    width: min(520px, 100%);
    padding: 36px;
    border: 1px solid var(--st-line);
    border-top: 4px solid var(--st-primary);
    font-family: Roboto, Arial, sans-serif;
    max-width: 520px;
    text-align: left;
}
#st-modal-exit .st-modal__close {
    width: 44px;
    height: 44px;
    top: 8px;
    right: 8px;
    color: var(--st-primary);
}
#st-modal-exit .st-modal__title {
    max-width: 390px;
    padding-right: 16px;
    font-size: 28px;
    line-height: 1.2;
    color: var(--st-primary);
}
#st-modal-exit .st-modal__sub { font-size: 16px; line-height: 1.6; }
.st-exit-modal__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px; }
.st-exit-modal__actions .st-btn { min-height: 44px; }
.st-exit-modal__dismiss {
    min-height: 44px;
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--st-primary);
    text-decoration: underline;
    cursor: pointer;
}
#st-modal-exit .st-modal__tag { margin-bottom: 8px; }
#st-modal-exit .st-modal__title { margin-bottom: 10px; }
#st-modal-exit .st-modal__sub { margin-bottom: 18px; }
#st-modal-exit .wpcf7 { margin: 0; }
#st-modal-exit .st-exit-form__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#st-modal-exit .st-exit-form__field { margin: 0; min-width: 0; }
#st-modal-exit .st-exit-form__field:last-child { grid-column: 1 / -1; }
#st-modal-exit .st-exit-form__fields label { display: block; margin: 0; color: var(--st-primary); font-size: 14px; font-weight: 500; }
#st-modal-exit .st-exit-form__fields input,
#st-modal-exit .st-exit-form__fields textarea { box-sizing: border-box; width: 100%; min-width: 0; margin-top: 5px; padding: 10px 12px; border: 1px solid #d2c5ce; border-radius: 8px; background: white; color: #27212a; font: 400 16px/1.35 Roboto, Arial, sans-serif; }
#st-modal-exit .st-exit-form__fields input { min-height: 44px; }
#st-modal-exit .st-exit-form__fields textarea { min-height: 68px; resize: vertical; }
#st-modal-exit .st-exit-form__fields [aria-invalid="true"] { border-color: #a02b2b; }
#st-modal-exit .st-exit-form__optional { color: #635963; font-size: 12px; font-weight: 400; }
#st-modal-exit .st-exit-form__submit { display: block; width: 100%; min-height: 44px; margin-top: 14px; }
#st-modal-exit .st-exit-form__submit:disabled { opacity: .65; cursor: wait; }
#st-modal-exit .st-form__status { margin: 10px 0; font-size: 14px; line-height: 1.4; }
#st-modal-exit .st-form__status[hidden] { display: none; }
#st-modal-exit .st-form__status[data-tone="error"],
#st-modal-exit [data-rfq-field-error] { color: #a02b2b; }
#st-modal-exit .st-form__status[data-tone="success"] { color: #21643a; }
#st-modal-exit .wpcf7-response-output { display: none; }
#st-modal-exit .st-exit-form__alternative { display: inline-flex; align-items: center; min-height: 44px; color: var(--st-primary); text-decoration: underline; font-size: 13px; }
#st-modal-exit input:focus-visible,
#st-modal-exit textarea:focus-visible { outline: 2px solid var(--st-primary); outline-offset: 2px; }
#st-modal-exit a:focus-visible,
#st-modal-exit button:focus-visible { outline: 3px solid var(--st-primary); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
    #st-modal-exit .st-modal__box { animation: none !important; transition: none !important; }
}
@media (max-width: 820px) {
    #st-modal-exit { align-items: flex-end; padding: 12px; pointer-events: none; }
    #st-modal-exit .st-modal__overlay { display: none; }
    #st-modal-exit .st-modal__box {
        width: 100%;
        max-height: 55vh;
        padding: 22px;
        pointer-events: auto;
        box-shadow: 0 8px 32px rgba(10, 11, 13, .18);
    }
    #st-modal-exit .st-modal__tag { font-size: 11px; }
    #st-modal-exit .st-modal__title { padding-right: 20px; font-size: 21px; }
    #st-modal-exit .st-modal__sub { margin: 8px 0 12px; font-size: 14px; line-height: 1.5; }
    .st-exit-modal__actions { gap: 8px; }
    .st-exit-modal__actions .st-btn { padding: 10px 14px; font-size: 14px; }
    .st-exit-modal__dismiss { margin-top: 0; font-size: 13px; }
    #st-modal-exit .st-exit-form__fields { gap: 10px; }
    #st-modal-exit .st-exit-form__fields label { font-size: 13px; }
    #st-modal-exit .st-exit-form__submit { margin-top: 10px; }
}
@media (max-width: 359px) {
    #st-modal-exit .st-exit-form__fields { grid-template-columns: 1fr; }
}
