/* Lead forms reuse the Tilda markup/classes; this file only adds status messages, bands and button motion. */
.panel-owned-form [data-lead-status]{margin-top:12px;font:14px/1.4 var(--t-text-font,Arial),sans-serif;padding:10px 14px;border-radius:8px;background:#eef8f4}
.panel-owned-form [data-lead-status][style*="a52d21"]{background:#fdeeee}
.panel-owned-form [hidden]{display:none!important}
.panel-owned-form a.panel-link{text-decoration:underline;text-underline-offset:2px}
.panel-owned-form a.panel-link:hover{text-decoration:none}
.panel-owned-form .t-input:focus{outline:2px solid rgba(0,89,78,.35);outline-offset:1px}
.panel-owned-form .t-checkbox__control{cursor:pointer}
.panel-owned-form .t-submit{cursor:pointer}
.panel-owned-form .t-submit.is-sending{opacity:.7;pointer-events:none}
.panel-owned-form .t-submit.is-sending .t-submit__text::after{content:"…"}
.panel-form-band{width:100%;padding:42px max(20px,calc((100vw - 1100px)/2));background:#eef8f4;color:#073f52}
.panel-form-band h2{font:700 clamp(24px,3vw,36px)/1.2 var(--t-headline-font,Arial),sans-serif;margin:0 0 20px}
.panel-form-band .panel-owned-form{max-width:640px}
@media(max-width:620px){.panel-form-band{padding:30px 20px}}
.panel-owned-form.is-done .t-form__inputsbox{display:none!important}
.panel-owned-form.is-done [data-lead-status]{margin:0;padding:28px 20px;text-align:center;font-size:20px;font-weight:600;line-height:1.35;border-radius:12px;animation:lp-done .5s ease}
.panel-owned-form.is-done [data-lead-status]::before{content:"✓";display:block;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:#00bfa5;color:#fff;font-size:28px;line-height:52px}
@keyframes lp-done{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

/* ошибки заполнения: сообщение занимает место подсказки внутри поля, макет не двигается */
.panel-owned-form .panel-field-error{position:absolute;display:flex;align-items:center;gap:8px;box-sizing:border-box;color:#d6453a;font-family:var(--t-text-font,Arial),sans-serif;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;pointer-events:none;animation:lp-err .25s ease}
.panel-owned-form .panel-field-error::before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;background:#d6453a;color:#fff;font:700 12px/18px Arial,sans-serif;text-align:center}
.panel-owned-form .panel-field-error.is-right{justify-content:flex-end;background:linear-gradient(90deg,#fff0 0,var(--field-bg,#fff) 38%);font-size:13px!important}
.panel-owned-form .has-error input::placeholder{color:transparent!important}
.panel-owned-form .has-error input.t-input,.panel-owned-form .has-error input[type=text],.panel-owned-form .has-error input[type=tel]{border-color:#d6453a!important;box-shadow:0 0 0 3px #d6453a24}
.panel-owned-form .has-error .t-checkbox__indicator{border-color:#d6453a!important;background-color:#d6453a14;box-shadow:0 0 0 3px #d6453a24;animation:lp-errpulse .5s ease 2}
.panel-owned-form .has-error .t-checkbox__labeltext{color:#c2382d!important}
.panel-owned-form.is-shake{animation:lp-shake .32s ease}
@keyframes lp-err{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes lp-errpulse{50%{box-shadow:0 0 0 7px #d6453a1f}}
@keyframes lp-shake{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.panel-owned-form.is-shake,.panel-owned-form .panel-field-error,.panel-owned-form .has-error .t-checkbox__indicator{animation:none}}
.panel-owned-form[data-on-dark='1'] .has-error .t-checkbox__labeltext{color:#ffb4ab!important}
.panel-owned-form[data-on-dark='1'] .has-error .t-checkbox__indicator{border-color:#ff8a80!important;background-color:#ff8a8033}