/* Пользовательский стиль для Task Tracker (JILKOM Theme) */

:root {
  --jilkom-cyan: #00BCD4;
  --jilkom-cyan-dark: #0097A7;
  --jilkom-cyan-light: #B2EBF2;
  --jilkom-bg: #F8F9FA;
  --jilkom-text: #212529;
}

html, body {
  height: 100%;
  background: var(--jilkom-bg);
  font-family: 'Open Sans', 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--jilkom-text);
}

/* Обвязка кнопок для обратной совместимости с .btn-alpha в шаблонах */
.btn-alpha {
  background-color: var(--jilkom-cyan);
  color: #fff;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.btn-alpha:hover {
  background-color: var(--jilkom-cyan-dark);
  color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

.card {
  border: none;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.alert {
  border-radius: 6px;
}

/* Переопределение стилей статусов под более строгие цвета */
.status-todo { background: #6c757d; color: #fff; }
.status-in_progress { background: var(--jilkom-cyan); color: #fff; }
.status-done { background: #198754; color: #fff; }

.badge-role {
  font-size: 0.75rem;
  padding: 0.35rem 0.65rem;
  border-radius: 4px;
  color: #fff;
}
.role-director { background: #dc3545; }
.role-manager { background: var(--jilkom-cyan-dark); }
.role-employee { background: #0d6efd; }

.empty-state { text-align: center; padding: 60px 20px; color: #888; }

.page-title {
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 0;
}

/* Навигация (Navbar) */
.navbar .nav-link {
  color: #333 !important;
  transition: color 0.2s;
  font-size: 14px;
}
.navbar .nav-link:hover, .navbar .nav-link:focus {
  color: var(--jilkom-cyan) !important;
}

.login-card {
  border-top: 4px solid var(--jilkom-cyan);
}