/* ========================================================
   GeoAttend — Brand Override Stylesheet
   Overrides AppStack defaults with GeoAttend palette
   ======================================================== */

:root {
  --ga-primary: #1E3A8A;
  --ga-secondary: #3B82F6;
  --ga-light-start: #E0F2FE;
  --ga-light-end: #BAE6FD;
  --ga-dark-start: #0F172A;
  --ga-dark-end: #1E293B;
}

/* Sidebar branding */
.sidebar {
  background: linear-gradient(180deg, var(--ga-dark-start) 0%, var(--ga-dark-end) 100%) !important;
}
.sidebar-brand {
  background: var(--ga-primary) !important;
}
.sidebar-item.active > .sidebar-link {
  background: linear-gradient(135deg, var(--ga-secondary), var(--ga-primary)) !important;
  color: #fff !important;
  border-radius: 8px;
  margin: 0 8px;
}
.sidebar-link:hover {
  background: rgba(59, 130, 246, 0.15) !important;
  border-radius: 8px;
  margin: 0 8px;
}
.badge-sidebar-primary {
  background: var(--ga-secondary) !important;
}

/* Primary button overrides */
.btn-primary {
  background: linear-gradient(135deg, var(--ga-secondary), var(--ga-primary)) !important;
  border-color: var(--ga-primary) !important;
}
.btn-primary:hover {
  background: linear-gradient(135deg, var(--ga-primary), var(--ga-secondary)) !important;
  box-shadow: 0 4px 15px rgba(30, 58, 138, 0.4) !important;
}

/* Stat cards */
.stat-card {
  border: none;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(30, 58, 138, 0.15);
}
.stat-card .stat-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

/* Card enhancements */
.card {
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

/* Table styling */
.table-hover tbody tr:hover {
  background: rgba(59, 130, 246, 0.05) !important;
}

/* Badge styling */
.badge-attended {
  background: rgba(16, 185, 129, 0.15);
  color: #059669;
}
.badge-absent {
  background: rgba(239, 68, 68, 0.15);
  color: #DC2626;
}
.badge-pending {
  background: rgba(245, 158, 11, 0.15);
  color: #D97706;
}
.badge-student {
  background: rgba(59, 130, 246, 0.15);
  color: var(--ga-secondary);
}
.badge-instructor {
  background: rgba(139, 92, 246, 0.15);
  color: #7C3AED;
}

/* Welcome card gradient */
.card.illustration {
  background: linear-gradient(135deg, var(--ga-primary), var(--ga-secondary)) !important;
  color: #fff !important;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--ga-secondary);
  border-radius: 3px;
}