/* public/css/style.css */

/* Add any custom styles needed beyond Tailwind */
body {
    font-family: 'Inter', sans-serif; /* Example: Use a specific font if not default */
}

/* Style for Chart.js canvas responsiveness */
canvas {
    max-width: 100%; /* Ensure canvas doesn't overflow container */
   /* max-height might be better set directly on the canvas element or container */
}

/* Style the task card loading state */
.task-card[style*="opacity: 0.6"] {
    transition: opacity 0.2s ease-in-out;
    cursor: wait;
}

/* Basic modal transition (optional) */
 #add-task-modal {
     transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
 }
 #add-task-modal.hidden {
     opacity: 0;
     visibility: hidden;
 }
 #add-task-modal:not(.hidden) {
      opacity: 1;
      visibility: visible;
  }