/* استایل‌های سفارشی برای پروژه */

.completed {
  text-decoration: line-through;
  background-color: #d4edda !important;
  opacity: 0.8;
}

.overdue {
  background-color: #f8d7da !important;
  border-left: 4px solid #dc3545;
}

.todo-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.todo-text {
  cursor: pointer;
  flex-grow: 1;
}

.todo-date {
  font-size: 0.85rem;
  color: #6c757d;
  margin-left: 10px;
}

/* یه کم فاصله برای دکمه‌ها */
.btn-sm {
  padding: 0.25rem 0.5rem;
}

/* برای موبایل بهتر بشه */
@media (max-width: 576px) {
  .input-group {
    flex-direction: column;
  }
  #dueDateInput {
    max-width: 100% !important;
    margin-top: 8px;
  }
}