:root {
  --tg-theme-bg-color: #17212b;
  --tg-theme-text-color: #f5f5f5;
  --tg-theme-hint-color: #708499;
  --tg-theme-link-color: #6ab2f2;
  --tg-theme-button-color: #2563eb;
  --tg-theme-button-text-color: #ffffff;
  --tg-theme-secondary-bg-color: #232e3c;
}

body {
  background-color: var(--tg-theme-bg-color, #17212b);
  color: var(--tg-theme-text-color, #f5f5f5);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: -0.01em;
}

.bg-telegram-bg {
  background-color: var(--tg-theme-bg-color, #17212b);
}

.bg-telegram-secondary {
  background-color: var(--tg-theme-secondary-bg-color, #232e3c);
}

.text-telegram-text {
  color: var(--tg-theme-text-color, #f5f5f5);
}

.text-telegram-hint {
  color: var(--tg-theme-hint-color, #708499);
}

/* Фильтр владения */
.filter-owner-btn.active-owner-filter {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.4);
}

/* Фильтр категорий */
.cat-filter-chip {
  background-color: var(--tg-theme-secondary-bg-color, #232e3c);
  color: var(--tg-theme-hint-color, #708499);
  transition: all 0.2s ease;
}

.cat-filter-chip.active-cat-chip {
  background: rgba(37, 99, 235, 0.22);
  border-color: #3b82f6;
  color: #60a5fa;
  font-weight: 600;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.15);
}

/* Кнопки категорий в форме создания */
.create-cat-btn {
  background-color: var(--tg-theme-secondary-bg-color, #232e3c);
  transition: all 0.15s ease;
}

.create-cat-btn.active-create-cat {
  background: rgba(37, 99, 235, 0.22);
  border-color: #3b82f6;
  color: #60a5fa;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.2);
}

/* Кнопки организаций / поручителя */
.create-org-btn {
  background-color: var(--tg-theme-secondary-bg-color, #232e3c);
  color: var(--tg-theme-hint-color, #708499);
  transition: all 0.15s ease;
}

.create-org-btn.active-create-org {
  background: rgba(37, 99, 235, 0.25);
  border-color: #3b82f6;
  color: #60a5fa;
  font-weight: 600;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.2);
}

/* Кнопки приоритета */
.create-prio-btn {
  background-color: var(--tg-theme-secondary-bg-color, #232e3c);
  transition: all 0.15s ease;
}

.create-prio-btn.active-create-prio {
  background: rgba(37, 99, 235, 0.25);
  border-color: #3b82f6;
  color: #60a5fa;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.2);
}

/* Карточка задачи */
.task-card {
  background-color: var(--tg-theme-secondary-bg-color, #232e3c);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s ease, border-color 0.18s ease;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.task-card:hover {
  border-color: rgba(96, 165, 250, 0.3);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.task-card:active {
  transform: scale(0.985);
}

/* Карточка пользователя */
.user-select-item {
  background-color: var(--tg-theme-secondary-bg-color, #232e3c);
  transition: all 0.15s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.user-select-item.selected {
  background: rgba(37, 99, 235, 0.25);
  border-color: #3b82f6;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.15);
}

/* Активная нижняя вкладка */
.nav-tab-btn.active-nav-tab {
  color: #60a5fa;
  transform: translateY(-1px);
}

/* Скрытие скроллбара */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Бейдж ID задачи с возможностью быстрого копирования */
.badge-task-id {
  user-select: none;
  -webkit-user-select: none;
  letter-spacing: 0.02em;
}

.badge-task-id:active {
  transform: scale(0.92);
}