/* Custom overrides for Bootstrap */
body {
  background-color: #f8f9fa;
}

/* Custom status colors */
.status-not-started {
  background-color: #fff3cd;
  color: #856404;
}

.status-pending {
  background-color: #e2e3e5;
  color: #383d41;
}

.status-in-progress {
  background-color: #cce5ff;
  color: #004085;
}

.status-completed {
  background-color: #d4edda;
  color: #155724;
}

/* Custom card shadow for tasks */
.list-group-item {
  transition: all 0.3s ease;
  margin-bottom: 8px;
  border-radius: 8px !important;
}

.list-group-item:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Custom width for status dropdown */
.status-select {
  min-width: 120px;
}/* Custom styles to enhance Bootstrap */
body {
  background-color: #f8f9fa;
}

/* Status select styles */
.status-select {
  min-width: 120px;
  border-radius: 20px;
  text-align: center;
  font-weight: 500;
}

.status-not-started {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeeba;
}

.status-in-progress {
  background-color: #cce5ff;
  color: #004085;
  border-color: #b8daff;
}

.status-completed {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}

/* Task list items */
.list-group-item {
  transition: all 0.2s ease;
  margin-bottom: 6px;
  border-radius: 8px !important;
  border-left: 4px solid transparent;
}

.list-group-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .card {
    border: none;
    background-color: transparent;
    box-shadow: none;
  }
  
  .card-body {
    padding: 0;
  }
  
  .list-group-item {
    padding: 1rem !important;
  }
}

/* Custom focus styles */
.form-control:focus, .form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.15);
}