/* Telegram theme via SDK CSS vars (set automatically by telegram-web-app.js).
   Reference: https://core.telegram.org/bots/webapps#themeparams */

:root {
  --tg-theme-bg-color: #ffffff;
  --tg-theme-text-color: #000000;
  --tg-theme-hint-color: #999999;
  --tg-theme-link-color: #2481cc;
  --tg-theme-button-color: #2481cc;
  --tg-theme-button-text-color: #ffffff;
  --tg-theme-secondary-bg-color: #f1f1f1;
}

html, body {
  background: var(--tg-theme-bg-color);
  color: var(--tg-theme-text-color);
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* iOS safe-area для нижнього бару */
  padding-bottom: env(safe-area-inset-bottom);
}

.tg-bg { background-color: var(--tg-theme-bg-color); }
.tg-secondary-bg { background-color: var(--tg-theme-secondary-bg-color); }
.tg-text { color: var(--tg-theme-text-color); }
.tg-hint { color: var(--tg-theme-hint-color); }
.tg-link { color: var(--tg-theme-link-color); }

.tg-button {
  background-color: var(--tg-theme-button-color);
  color: var(--tg-theme-button-text-color);
  font-weight: 500;
  transition: opacity 0.15s;
}
.tg-button:active { opacity: 0.7; }
.tg-button:disabled { opacity: 0.4; }

.tg-secondary {
  background-color: var(--tg-theme-secondary-bg-color);
  color: var(--tg-theme-text-color);
}

.tg-input {
  background-color: var(--tg-theme-secondary-bg-color);
  color: var(--tg-theme-text-color);
  border: 1px solid transparent;
  outline: none;
}
.tg-input:focus {
  border-color: var(--tg-theme-button-color);
}

.tab-btn[aria-selected="true"] {
  background-color: var(--tg-theme-button-color);
  color: var(--tg-theme-button-text-color);
}

/* Status colors for balance/signal */
.status-good   { color: #2ea44f; }
.status-weak   { color: #d97706; }
.status-bad    { color: #dc2626; }
.status-bg-good { background-color: #dcfce7; color: #166534; }
.status-bg-weak { background-color: #fef3c7; color: #92400e; }
.status-bg-bad  { background-color: #fee2e2; color: #991b1b; }