.task-item {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 8px;
  background: #535353;
  transition: all 0.2s ease;
}

.task-item:hover {
  border-color: #0d6efd;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.task-item.task-done {
  background: #3a3a3a;
}

.task-item.task-canceled {
  background: #f8f9fa;
  /*opacity: 0.6;*/
}

.task-checkbox {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.task-checkbox:checked {
  background-color: #cc5500 !important;
  border-color: #cc5500 !important;
}

.task-checkbox:disabled {
  cursor: not-allowed;
}

.task-title {
  font-size: 0.95rem;
  margin-bottom: 0;
}

.task-item.task-done .task-title {
  text-decoration: line-through;
  color: #6c757d;
}

.task-item.task-canceled {
  background: #535353;
}

.task-item.task-canceled .task-title {
  text-decoration: line-through;
  color: #adb5bd;
}

.task-actions-dropdown {
  background: #535353;
}

.task-actions-dropdown .dropdown-toggle::after {
  display: none;
}

.task-badge {
  font-size: 0.75rem;
  padding: 4px 8px;
}

.actions-button {
  line-height: 1;
}

.actions-button.actions-button-done {
  background: #3a3a3a;
  border-color: #3a3a3a;
}

/*canceled: #535353;*/
.task-actions-dropdown-list {
  background: #535353;
  color: white;
}

.task-actions-dropdown-list-link {
  color: white;
}

.task-actions-dropdown-list-link:hover {
  color: #535353;
  background: #c5c5c5;
}

.task-actions-dropdown-list-delete {
  color: #c62e3d;
}

.task-actions-dropdown-list-delete:hover {
  background: #c5c5c5;
}

/* Responsive styles for mobile */
@media (max-width: 575.98px) {
  .task-item {
    padding: 10px 12px;
  }

  .task-title {
    font-size: 0.9rem;
  }

  .task-badge {
    font-size: 0.7rem;
    padding: 3px 6px;
  }

  .task-iniciar-btn {
    padding: 4px 8px !important;
    font-size: 0.75rem !important;
  }

  .task-section h6 {
    font-size: 0.7rem !important;
  }
}