:root {
  color-scheme: light dark;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--tg-theme-bg-color, #ffffff);
  color: var(--tg-theme-text-color, #111111);
  margin: 0;
  padding: 16px;
}

h2, h3, h4 {
  margin: 16px 0 8px;
}

.row {
  display: block;
  padding: 6px 0;
}

.consent {
  display: block;
  margin: 16px 0;
}

button {
  background: var(--tg-theme-button-color, #2481cc);
  color: var(--tg-theme-button-text-color, #ffffff);
  border: none;
  border-radius: 10px;
  padding: 12px 20px;
  font-size: 16px;
  cursor: pointer;
  margin: 8px 0;
}

button:active {
  opacity: 0.8;
}

.warn {
  color: #cc3333;
}

.lead-row {
  padding: 8px 0;
  border-bottom: 1px solid var(--tg-theme-hint-color, #dddddd);
  font-size: 14px;
}

#settings-form, #recent-leads {
  margin-top: 8px;
}