/* Paste into Encharge > Edit Form > Style > Custom CSS. */
html,body { margin:0!important;padding:0!important;background:transparent!important; }
*,*::before,*::after { box-sizing:border-box; }
.encharge-form-container { width:100%!important;max-width:none!important;padding:0!important;background:transparent!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; }
.encharge-form-body { font-size:16px!important;line-height:1.55!important;color:#1d2b36!important; }
.encharge-form-container form { display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:14px;align-items:end; }
.encharge-form-container form > div { grid-column:1 / -1;margin:0!important;min-width:0; }
.encharge-form-container form > div:has(.encharge-form-top-text) { display:none; }
.encharge-form-container form > div:has(input[type="email"]) { grid-column:1;grid-row:2; }
.encharge-form-container form > div:has(.encharge-form-submit-button) { grid-column:2;grid-row:2;display:flex;align-items:end; }
.encharge-form-group { margin:0!important; }
.encharge-form-label { font-size:13px!important;font-weight:800!important;color:#1d2b36!important;margin:0 0 8px!important;line-height:1.3!important; }
.encharge-form-label p { margin:0!important; }
.encharge-form-input { width:100%!important;height:50px!important;min-width:0;border:1px solid rgba(29,43,54,.12)!important;border-radius:999px!important;padding:0 16px!important;background:#fff!important;color:#1d2b36!important;font-family:inherit!important;font-size:16px!important;box-shadow:none!important; }
.encharge-form-input::placeholder { color:#7d888f;opacity:1; }
.encharge-form-input:focus { outline:2px solid #008080!important;outline-offset:2px; }
.encharge-form-submit-button { display:inline-flex!important;align-items:center;justify-content:center;height:50px!important;margin:0!important;padding:0 20px!important;border:1px solid #008080!important;border-radius:999px!important;background:#008080!important;color:#fff!important;font-family:inherit!important;font-size:16px!important;font-weight:800!important;white-space:nowrap;box-shadow:none!important;line-height:1.2!important; }
.encharge-form-submit-button p { margin:0!important; }
.encharge-form-submit-button:hover { background:#006767!important;border-color:#006767!important;filter:none!important; }
.encharge-form-submit-button:focus-visible { outline:2px solid #008080;outline-offset:3px; }
.encharge-form-group:has(input[type="checkbox"]) { display:flex;align-items:flex-start;gap:9px; }
.encharge-form-checkbox { position:static!important;flex:0 0 16px;width:16px!important;height:16px!important;margin:2px 0 0!important;accent-color:#008080; }
.encharge-form-group:has(input[type="checkbox"]) .encharge-form-label { margin:0!important;font-size:12px!important;font-weight:400!important;color:#617078!important;line-height:1.55!important; }
.encharge-form-success-message { color:#1d2b36!important;font-size:16px!important;line-height:1.55!important; }
.encharge-form-success-message-icon { margin-top:12px!important; }
.encharge-form-success-icon-path { fill:#008080!important; }
.encharge-form-error { grid-column:1 / -1; }
@media(max-width:480px) {
 .encharge-form-container form { grid-template-columns:minmax(0,1fr); }
 .encharge-form-container form > div:has(input[type="email"]),
 .encharge-form-container form > div:has(.encharge-form-submit-button) { grid-column:1;grid-row:auto; }
 .encharge-form-submit-button { width:100%!important; }
}

.synergy-form-note{font-size:12px;color:#7d888f;margin:10px 0 0;line-height:1.55}

html.synergy-mobile .encharge-form-container form {grid-template-columns:minmax(0,1fr)}
html.synergy-mobile .encharge-form-container form > div:has(input[type="email"]),
html.synergy-mobile .encharge-form-container form > div:has(.encharge-form-submit-button) {grid-column:1;grid-row:auto}
html.synergy-mobile .encharge-form-submit-button {width:100%!important}

/* Approved dark-mode form colors; native Encharge behavior is preserved. */
.encharge-form-body,.encharge-form-label,.encharge-form-success-message{color:#edf4f3!important}
.encharge-form-input{background:#10212a!important;color:#edf4f3!important;border-color:#526b73!important}
.encharge-form-input::placeholder{color:#aec0c6!important;opacity:1}
.encharge-form-group:has(input[type="checkbox"]) .encharge-form-label,.synergy-form-note{color:#b8cacd!important}
.encharge-form-input:focus{outline-color:#75dbd2!important}

/* v8: explicitly paint the iframe canvas as well as the remotely injected form. */
html,body,body .encharge-form-container,body .encharge-form-body,body #form-preview,body .encharge-form-container form{background:#1c3038!important;color:#edf4f3!important;color-scheme:dark}
body .encharge-form-label,body .encharge-form-label p,body .encharge-form-success-message{color:#edf4f3!important}
body .encharge-form-group:has(input[type="checkbox"]) .encharge-form-label,
body .encharge-form-group:has(input[type="checkbox"]) .encharge-form-label p,body .synergy-form-note{color:#b8cacd!important}
body .encharge-form-label > span:last-child:not(:first-child){color:#ffadb8!important}
body .encharge-form-group:has(input[type="checkbox"]) .encharge-form-label{margin-left:0!important}
body .encharge-form-error{background:#442c35!important;color:#ffd6de!important;border:1px solid #805763!important;line-height:1.5}
body .encharge-form-submit-button,body .encharge-form-submit-button p{color:#fff!important}
body .encharge-form-submit-button:focus-visible{outline:3px solid #75dbd2!important;outline-offset:3px}
body input:-webkit-autofill{-webkit-text-fill-color:#edf4f3!important;-webkit-box-shadow:0 0 0 1000px #10212a inset!important;caret-color:#edf4f3}
