/* Дополнительные стили под тему Telegram */
:root {
  --tg-theme-bg-color: #f8fafc;
  --tg-theme-text-color: #0f172a;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* Активная кнопка дня недели */
.day-btn.active {
  background-color: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.25);
}
.day-btn {
  background-color: #f1f5f9;
  color: #475569;
  transition: all 0.15s ease;
}

/* Активная четверть */
.quarter-btn.active {
  background-color: #2563eb !important;
  color: #ffffff !important;
}
.quarter-btn {
  background-color: #f1f5f9;
  color: #475569;
  transition: all 0.15s ease;
}

/* Селектор профиля */
.prof-btn.active {
  border-color: #2563eb !important;
  background-color: #eff6ff !important;
  color: #1d4ed8 !important;
  box-shadow: 0 0 0 1px #2563eb;
}

/* Селектор класса */
.class-btn.active {
  background-color: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}
.class-btn.active span {
  color: #dbeafe !important;
}

/* Кнопки дня недели в админке */
.admin-day-btn.active {
  background-color: #f59e0b !important;
  color: #ffffff !important;
}
.admin-day-btn {
  background-color: #f1f5f9;
  color: #475569;
}

/* Кнопка выбора профиля в админке */
.admin-prof-btn.active {
  background-color: #fef3c7 !important;
  border-color: #f59e0b !important;
  color: #92400e !important;
  box-shadow: 0 0 0 1px #f59e0b;
}

/* Цвета оценок */
.grade-badge-10 { background-color: #10b981; color: white; }
.grade-badge-9  { background-color: #059669; color: white; }
.grade-badge-8  { background-color: #0284c7; color: white; }
.grade-badge-7  { background-color: #2563eb; color: white; }
.grade-badge-6  { background-color: #d97706; color: white; }
.grade-badge-5  { background-color: #ea580c; color: white; }
.grade-badge-low { background-color: #e11d48; color: white; }

/* Нижняя навигация */
.nav-item.active {
  color: #2563eb;
}

/* Плавные переходы */
.tab-content {
  animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}