/* Admin-specific styles */
.bg-orange { background-color: #fd7e14 !important; }
.bg-pink { background-color: #d63384 !important; }
.bg-purple { background-color: #6f42c1 !important; }
.bg-teal { background-color: #20c997 !important; }

/* Project cards */
.project-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.project-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1) !important;
}

/* Kanban board */
.kanban-column {
  background-color: #f8f9fa;
  border-radius: 0 0 0.375rem 0.375rem;
}
.kanban-card {
  transition: box-shadow 0.15s ease;
  cursor: pointer;
}
.kanban-card:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);
}

/* Sortable column headers */
.sorting { cursor: pointer; user-select: none; }
.sorting::after { content: ' \2195'; opacity: 0.3; }
.sorting_asc::after { content: ' \2191'; opacity: 1; }
.sorting_desc::after { content: ' \2193'; opacity: 1; }

/* Activity timeline */
.activity-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

/* Sidebar active state */
.list-group-item-action.active,
.list-group-item-action:active {
  background-color: #e7f1ff;
  color: #0d6efd;
  border-color: #dee2e6;
}

/* Progress bar animation */
.progress-bar {
  transition: width 0.6s ease;
}

/* Badge spacing in tables */
.table .badge {
  font-size: 0.75em;
}

/* Task detail modal */
#taskDetailModal .modal-body h6 {
  color: #495057;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.5rem;
}

/* Dark Mode */
body.dark-mode {
  background-color: #1a1a2e !important;
  color: #e0e0e0 !important;
}
body.dark-mode .card {
  background-color: #16213e !important;
  border-color: #2a2a4a !important;
  color: #e0e0e0 !important;
}
body.dark-mode .card-header {
  border-color: #2a2a4a !important;
}
body.dark-mode .table {
  color: #e0e0e0 !important;
}
body.dark-mode .table-dark {
  background-color: #0f3460 !important;
}
body.dark-mode .table-light, body.dark-mode .table-hover tbody tr:hover {
  background-color: #1a1a3e !important;
  color: #e0e0e0 !important;
}
body.dark-mode .list-group-item {
  background-color: #16213e !important;
  border-color: #2a2a4a !important;
  color: #e0e0e0 !important;
}
body.dark-mode .list-group-item-action:hover {
  background-color: #1a1a3e !important;
}
body.dark-mode .bg-light {
  background-color: #1a1a3e !important;
}
body.dark-mode .form-control, body.dark-mode .form-select {
  background-color: #0f3460 !important;
  border-color: #2a2a4a !important;
  color: #e0e0e0 !important;
}
body.dark-mode .modal-content {
  background-color: #16213e !important;
  color: #e0e0e0 !important;
}
body.dark-mode .text-dark {
  color: #e0e0e0 !important;
}
body.dark-mode .text-muted {
  color: #8888aa !important;
}
body.dark-mode header, body.dark-mode .navbar {
  background-color: #0f3460 !important;
}
body.dark-mode .navbar-brand, body.dark-mode .nav-link {
  color: #e0e0e0 !important;
}
body.dark-mode footer {
  background-color: #0f3460 !important;
}
body.dark-mode .breadcrumb {
  background-color: transparent !important;
}
body.dark-mode .breadcrumb-item a {
  color: #6ea8fe !important;
}
body.dark-mode a {
  color: #6ea8fe;
}
body.dark-mode .dropdown-menu {
  background-color: #16213e !important;
  border-color: #2a2a4a !important;
}
body.dark-mode .dropdown-item {
  color: #e0e0e0 !important;
}
body.dark-mode .dropdown-item:hover {
  background-color: #1a1a3e !important;
}
body.dark-mode .nav-tabs .nav-link {
  color: #8888aa !important;
}
body.dark-mode .nav-tabs .nav-link.active {
  background-color: #16213e !important;
  color: #e0e0e0 !important;
  border-color: #2a2a4a #2a2a4a #16213e !important;
}
body.dark-mode .progress {
  background-color: #2a2a4a !important;
}
body.dark-mode .border-bottom {
  border-color: #2a2a4a !important;
}