html.vpcrm-modal-open { overflow: hidden; }
.vpcrm-modal[hidden] { display: none !important; }
.vpcrm-modal { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; padding: 24px; }
.vpcrm-modal-backdrop { position: absolute; inset: 0; background: rgba(8, 27, 60, .66); backdrop-filter: blur(5px); }
.vpcrm-modal-dialog, .vpcrm-success-dialog { position: relative; z-index: 1; width: min(860px, 100%); max-height: calc(100vh - 48px); overflow: auto; border: 1px solid #d9e4f3; border-radius: 20px; background: #fff; box-shadow: 0 30px 90px rgba(7, 28, 74, .28); }
.vpcrm-modal-close { position: absolute; top: 18px; right: 18px; z-index: 2; width: 38px; height: 38px; border: 0; border-radius: 50%; color: #17355e; background: #eef4fb; font-size: 26px; line-height: 1; cursor: pointer; }
.vpcrm-modal-header { padding: 28px 72px 24px 30px; border-bottom: 1px solid #e2e9f3; background: linear-gradient(135deg, #f7fbff, #f0fbf5); }
.vpcrm-modal-header > span { color: #0b9b5f; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.vpcrm-modal-header h2 { margin: 8px 0 7px; color: #071c4a; font-size: clamp(24px, 4vw, 34px); line-height: 1.2; }
.vpcrm-modal-header p { margin: 0; color: #64748b; line-height: 1.55; }
.vpcrm-application-form { padding: 28px 30px 30px; }
.vpcrm-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.vpcrm-form-grid label { display: grid; gap: 8px; color: #172440; font-size: 14px; font-weight: 700; }
.vpcrm-form-grid input, .vpcrm-form-grid textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #cfdbea; border-radius: 10px; color: #172440; background: #fff; font: inherit; font-weight: 500; outline: none; transition: border-color .2s, box-shadow .2s; }
.vpcrm-form-grid textarea { min-height: 110px; resize: vertical; }
.vpcrm-form-grid input:focus, .vpcrm-form-grid textarea:focus { border-color: #1769e8; box-shadow: 0 0 0 3px rgba(23,105,232,.12); }
.vpcrm-col-full { grid-column: 1 / -1; }
.vpcrm-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; color: #40516d; font-size: 13px; line-height: 1.5; }
.vpcrm-consent input { margin-top: 3px; }
.vpcrm-form-actions, .vpcrm-success-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 25px; padding-top: 22px; border-top: 1px solid #e3eaf3; }
.vpcrm-button-primary, .vpcrm-button-secondary { display: inline-flex; align-items: center; justify-content: center; min-width: 190px; min-height: 50px; padding: 12px 20px; border-radius: 10px; font-size: 14px; font-weight: 800; text-decoration: none; cursor: pointer; }
.vpcrm-button-primary { border: 1px solid #1769e8; color: #fff !important; background: #1769e8; }
.vpcrm-button-primary:hover { background: #0758d6; }
.vpcrm-button-primary:disabled { opacity: .65; cursor: wait; }
.vpcrm-button-secondary { border: 1px solid #c8d7ea; color: #17355e; background: #fff; }
.vpcrm-form-message { margin-top: 15px; padding: 0; }
.vpcrm-form-message.is-error { padding: 12px 14px; border: 1px solid #f2b8b8; border-radius: 8px; color: #8f2525; background: #fff3f3; }
.vpcrm-honeypot { position: absolute !important; left: -10000px !important; opacity: 0 !important; }
.vpcrm-success-dialog { width: min(500px, 100%); padding: 34px; text-align: center; }
.vpcrm-success-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; color: #0a9b5e; background: #e8f8ef; font-size: 36px; }
.vpcrm-success-dialog h2 { margin: 0 0 10px; color: #071c4a; font-size: 27px; }
.vpcrm-success-dialog p { margin: 0 0 14px; color: #66758d; }
.vpcrm-success-dialog strong { display: block; color: #273751; }
.vpcrm-success-actions { justify-content: center; }
.vpcrm-injected-button { width: 100%; border: 0; cursor: pointer; }
@media (max-width: 700px) {
  .vpcrm-modal { padding: 10px; }
  .vpcrm-modal-dialog { max-height: calc(100vh - 20px); border-radius: 14px; }
  .vpcrm-modal-header { padding: 24px 54px 20px 20px; }
  .vpcrm-application-form { padding: 20px; }
  .vpcrm-form-grid { grid-template-columns: 1fr; }
  .vpcrm-col-full { grid-column: auto; }
  .vpcrm-form-actions, .vpcrm-success-actions { flex-direction: column-reverse; }
  .vpcrm-button-primary, .vpcrm-button-secondary { width: 100%; }
}


/* Yeni müraciət forması da portalın vahid dövlət üslubunda qalır. */
body.vpcrm-theme-orange .vpcrm-modal-dialog,
body.vpcrm-theme-orange .vpcrm-success-dialog { border-color:#d9e4f3; }
body.vpcrm-theme-orange .vpcrm-modal-header { border-bottom-color:#e2e9f3; background:#f7fbff; }
body.vpcrm-theme-orange .vpcrm-modal-header>span { color:#0b9b5f; }
body.vpcrm-theme-orange .vpcrm-form-grid input:focus,
body.vpcrm-theme-orange .vpcrm-form-grid textarea:focus { border-color:#1769e8; box-shadow:0 0 0 3px rgba(23,105,232,.10); }
body.vpcrm-theme-orange .vpcrm-button-primary { border-color:#1769e8; background:#1769e8; }
body.vpcrm-theme-orange .vpcrm-button-primary:hover { background:#0758d6; }
body.vpcrm-theme-orange .vpcrm-success-icon { color:#0a9b5e; background:#e8f8ef; }
body.vpcrm-theme-orange .vpcrm-modal-backdrop { background:rgba(8,27,60,.66); }

/* Köhnə form şablonlarında sahə qalsa belə marketinq razılığını göstərmə. */
label:has(input[name="marketing_consent"]) { display:none!important; }
