/* style.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  overflow-y: hidden; /* App takes full height, lists scroll internally */
}

/* Scrollbar Styling */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #30363D;
  border-radius: 20px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #484f58;
}

body::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
body::-webkit-scrollbar-track {
  background: #0D1117;
}
body::-webkit-scrollbar-thumb {
  background-color: #30363D;
  border-radius: 4px;
}

/* Glass Header */
.glass-header {
  background: rgba(22, 27, 34, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Drag and Drop Visual Feedback */
.kanban-card.dragging {
  opacity: 0.5;
  cursor: grabbing;
  transform: scale(0.98);
  box-shadow: 0 0 0 2px #00B4D8;
}

.kanban-column.drag-over > .column-cards {
  background-color: rgba(0, 180, 216, 0.05);
  border-radius: 0.5rem;
}

/* Smooth Transitions for cards */
.kanban-card {
  transform: translateZ(0); /* Hardware acceleration */
}

/* Date colors based on urgency */
.date-overdue { background-color: rgba(239, 68, 68, 0.2) !important; color: #f87171 !important; border: 1px solid rgba(239, 68, 68, 0.3); }
.date-due-soon { background-color: rgba(234, 179, 8, 0.2) !important; color: #facc15 !important; border: 1px solid rgba(234, 179, 8, 0.3); }

/* Color classes for cards */
.color-blue { background-color: #3b82f6; }
.color-green { background-color: #22c55e; }
.color-yellow { background-color: #eab308; }
.color-red { background-color: #ef4444; }
.color-purple { background-color: #a855f7; }

/* Filter visual state */
.kanban-card.filtered-out {
  display: none !important;
}

/* Form checkboxes */
input[type="checkbox"] {
  accent-color: #00B4D8;
}