@tailwind base;
@tailwind components;
@tailwind utilities;

.hidden-view {
  display: none !important;
}

/* Tùy chỉnh Scrollbar cho các cột Task */
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 10px;
}
.custom-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #94a3b8;
}

/* Chiều cao cho cột Task để Scroll độc lập */
.task-column {
  height: calc(100vh - 8.5rem);
}

/* Card Task Hover Effect */
.task-card {
  transition: all 0.2s ease-in-out;
}
.task-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  border-color: #bfdbfe;
}

/* Tag Lịch */
.cal-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin: 1px;
}