/* MSBGROUP Leads — стили формы.
   Базовые цвета берутся из переменных блока #msb-09-contact, если он есть
   на странице. Иначе используются фолбэки.
*/

.msbgroup-lead-form {
  --msb-lead-bg:           rgba(255,255,255,.055);
  --msb-lead-bg-strong:    rgba(255,255,255,.09);
  --msb-lead-text:         #fafafa;
  --msb-lead-text-soft:    rgba(250,250,250,.76);
  --msb-lead-muted:        #a1a1aa;
  --msb-lead-line:         rgba(255,255,255,.12);
  --msb-lead-line-strong:  rgba(255,255,255,.28);
  --msb-lead-accent:       #ffffff;
  --msb-lead-accent-text:  #000000;
  --msb-lead-success:      #86efac;
  --msb-lead-error:        #fca5a5;

  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  font: inherit;
  color: var(--msb-lead-text);
}

.msbgroup-lead-form__honeypot {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0;
  pointer-events: none;
}

.msbgroup-lead-form__row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.msbgroup-lead-form__label {
  color: var(--msb-lead-text-soft);
  font-size: .88rem;
  font-weight: 680;
  line-height: 1.2;
}

.msbgroup-lead-form__input {
  width: 100%;
  border: 1px solid var(--msb-lead-line);
  border-radius: 16px;
  background: var(--msb-lead-bg);
  color: var(--msb-lead-text);
  padding: 13px 14px;
  outline: none;
  font: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.msbgroup-lead-form__input::placeholder {
  color: var(--msb-lead-muted);
}

.msbgroup-lead-form__input:focus {
  border-color: var(--msb-lead-line-strong);
  background: var(--msb-lead-bg-strong);
  box-shadow: 0 0 0 4px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.08);
}

.msbgroup-lead-form__textarea {
  min-height: 132px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;
}

.msbgroup-lead-form__submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 48px;
  margin-top: 4px;
  padding: 12px 18px;
  border: 1px solid var(--msb-lead-accent);
  border-radius: 999px;
  background: var(--msb-lead-accent);
  color: var(--msb-lead-accent-text);
  font: inherit;
  font-weight: 760;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 14px 42px rgba(255,255,255,.07);
  transition: transform .22s ease, opacity .22s ease, box-shadow .22s ease;
}

.msbgroup-lead-form__submit:hover:not([disabled]),
.msbgroup-lead-form__submit:focus-visible:not([disabled]) {
  transform: translateY(-2px);
  opacity: .92;
  outline: none;
}

.msbgroup-lead-form__submit[disabled] {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.msbgroup-lead-form__status {
  min-height: 22px;
  margin: 0;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--msb-lead-text-soft);
}

.msbgroup-lead-form__status.is-success {
  color: var(--msb-lead-success);
}

.msbgroup-lead-form__status.is-error {
  color: var(--msb-lead-error);
}

.msbgroup-lead-form__status.is-loading {
  color: var(--msb-lead-text-soft);
  opacity: .8;
}

/* Внутри тёмной карточки #msb-09-contact (если форма встроена туда) */
#msb-09-contact .msbgroup-lead-form {
  --msb-lead-text:        var(--text, #fafafa);
  --msb-lead-text-soft:   var(--text-soft, rgba(250,250,250,.76));
  --msb-lead-muted:       var(--muted, #a1a1aa);
  --msb-lead-line:        var(--line, rgba(255,255,255,.12));
}

/* Светлая тема */
html[data-msb-theme="light"] .msbgroup-lead-form {
  --msb-lead-bg:           #ffffff;
  --msb-lead-bg-strong:    #ffffff;
  --msb-lead-text:         #1d1d1f;
  --msb-lead-text-soft:    rgba(29,29,31,.76);
  --msb-lead-muted:        #8a8a8e;
  --msb-lead-line:         rgba(0,0,0,.18);
  --msb-lead-line-strong:  rgba(0,0,0,.30);
  --msb-lead-accent:       #1d1d1f;
  --msb-lead-accent-text:  #ffffff;
  --msb-lead-success:      #227a45;
  --msb-lead-error:        #b91c1c;
}

html[data-msb-theme="light"] .msbgroup-lead-form__input:focus {
  box-shadow: 0 0 0 4px rgba(0,0,0,.045), inset 0 1px 0 rgba(255,255,255,.82);
}