/* Custom styles for Task Manager Pro */

/* Task Card */
.task-card {
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, background-color 0.3s;
}

.dark .task-card {
  background-color: #2d3748;
}

.task-card:hover {
  transform: translateY(-2px);
}

/* Team Card */
.team-card {
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, background-color 0.3s;
}

.dark .team-card {
  background-color: #2d3748;
}

.team-card:hover {
  transform: translateY(-2px);
}

/* Doc Card */
.doc-card {
  background-color: #ffffff;
  padding: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, background-color 0.3s;
}

.dark .doc-card {
  background-color: #2d3748;
}

.doc-card:hover {
  transform: translateY(-2px);
}

/* Kanban Column */
.kanban-column {
  background-color: #f7fafc;
  padding: 1rem;
  border-radius: 0.5rem;
  min-width: 300px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dark .kanban-column {
  background-color: #2d3748;
}

/* Calendar Day */
.calendar-day {
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dark .calendar-day {
  background-color: #2d3748;
}

/* Urgency Badges */
.urgency-badge-high {
  background-color: #dc3545;
  color: #ffffff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

.urgency-badge-medium {
  background-color: #ffc107;
  color: #000000;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

.urgency-badge-low {
  background-color: #28a745;
  color: #ffffff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

/* Notifications */
.notification {
  padding: 1rem;
  border-radius: 0.5rem;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Sidebar Adjustments for Mobile */
@media (max-width: 768px) {
  #sidebar {
    transform: translateX(-100%);
  }

  #sidebar:not(.hidden) {
    transform: translateX(0);
  }
}

/* Ensure Main Content Adjusts Properly */
@media (min-width: 768px) {
  main {
    margin-left: 16rem; /* Match sidebar width (w-64 = 16rem) */
  }
}

/* Chart Canvas */
canvas {
  max-width: 100%;
  height: auto;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb {
  background: #7b68ee;
  border-radius: 0.5rem;
}

.dark ::-webkit-scrollbar-track {
  background: #2d3748;
}

.dark ::-webkit-scrollbar-thumb {
  background: #a78bfa;
}

/* Input Focus Ring */
input:focus, textarea:focus, select:focus {
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.3);
}

/* Button Hover Effects */
button {
  transition: background-color 0.3s, transform 0.2s;
}

button:hover {
  transform: translateY(-1px);
}

/* Dark Mode Adjustments */
.dark .bg-gray-100 {
  background-color: #1a202c;
}

.dark .text-gray-600 {
  color: #a0aec0;
}

.dark .border-gray-300 {
  border-color: #4a5568;
}