/* todo.css */
.small-text {
  font-size: 0.875em; /* Smaller font size */
  color: #6c757d; /* Softer tone */
}

.todo-container {
  margin: 20px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.table th {
  background-color: #004080;
  color: #fff;
  
}
.table td {
  cursor: pointer;
  padding: 10px;
}


.task-form {
  display: flex;
  flex-direction: column;
}

.view-options-container {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

#customRecurrenceContainer {
  display: none;
}

/* Media queries for mobile responsiveness */
@media (max-width: 600px) {
  .todo-container {
      margin: 2px;
      padding: 10px;
  }

  .table th, .table td {
      padding: 8px;
  }

  .view-options-container {
      flex-direction: column;
      gap: 5px;
  }
  /* Hide specific columns on mobile */

  .table th.column-due-time,
  .table td.column-due-time,
  .table th.column-recurrence,
  .table td.column-recurrence {
      display: none;
  }
}