.support-settings {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--border-soft, #243453);
  border-radius: 12px;
  background: var(--surface, #111a34);
  color: var(--text, #f5f7ff);
  font-family: inherit;
}
.support-settings h2 { margin: 0; color: var(--text-3, #8599bf); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.support-settings p { margin: 0; color: var(--text-2, #a9b9d4); font-size: 12.5px; line-height: 1.5; }
.support-settings label { display: flex; flex-direction: column; gap: 7px; color: var(--text-2, #aac0e2); font-size: 12.5px; font-weight: 600; }
.support-settings input[type="tel"] { width: 100%; min-height: 42px; padding: 9px 12px; border: 1px solid var(--border-soft, #29446b); border-radius: 9px; outline: none; background: var(--raised, #1b2949); color: var(--text, #fff); font: inherit; }
.support-settings input[type="tel"]:focus-visible, .support-settings input[type="range"]:focus-visible, .support-settings button:focus-visible { outline: 2px solid #4ed5eb; outline-offset: 2px; }
.support-settings .support-settings-toggle { flex-direction: row; align-items: center; gap: 10px; }
.support-settings input[type="checkbox"] { width: 18px; height: 18px; accent-color: #43cfc9; }
.support-settings input[type="range"] { width: min(100%, 360px); accent-color: #43cfc9; cursor: pointer; }
.support-settings .support-settings-size { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.support-settings .support-settings-preview { flex: none; display: grid; place-items: center; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 0 7px 20px #0005; }
.support-settings button { align-self: flex-start; min-height: 40px; padding: 8px 17px; border: 0; border-radius: 9px; background: linear-gradient(110deg, #35d0ed, #43cdb0); color: #061324; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.support-settings button:disabled { opacity: .55; cursor: wait; }
.support-settings .support-settings-status { min-height: 18px; }
.support-settings .support-settings-status[data-error="true"] { color: #ff9c9c; }
