/* Custom styles beyond Tailwind */

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }

/* Task item transition */
.task-item {
  transition: all 0.2s ease, opacity 0.3s ease, transform 0.3s ease;
}

/* GSAP initial states */
.task-item.gsap-enter {
  opacity: 0;
  transform: translateY(12px);
}

.progress-fill {
  transition: width 0.7s ease-out;
}

/* Command palette scroll */
#cmd-results::-webkit-scrollbar { width: 4px; }
#cmd-results::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
.dark #cmd-results::-webkit-scrollbar-thumb { background: #475569; }

/* Smooth transitions for theme toggle */
html,
html *,
html *::before,
html *::after {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.15s ease;
}

/* Confirm dialog styling */
.modal-confirm-backdrop {
  position: fixed; inset: 0; z-index: 80;
  background: rgba(0,0,0,0.4); backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center;
}

.modal-confirm {
  background: white; border-radius: 16px; padding: 24px;
  max-width: 360px; width: 90%;
  box-shadow: 0 25px 50px rgba(0,0,0,0.15);
}

.dark .modal-confirm {
  background: #1e293b;
}

/* Command palette item selection */
.cmd-item[data-selected] { background: #f1f5f9; }
.dark .cmd-item[data-selected] { background: rgba(51, 65, 85, 0.5); }

/* Selection */
::selection { background: #6366f1; color: white; }
.dark ::selection { background: #818cf8; color: #0f172a; }
/* Task item hover scale effect */ .task-item:hover { transform: translateY(-1px); }
/* Quick add focus ring */ #quick-title:focus { box-shadow: 0 0 0 3px rgba(99,102,241,0.15); }
/* Notify animations */ .alert-enter { animation: slideDown 0.3s ease; }
/* Empty state fade */ .empty-state { animation: fadeIn 0.4s ease; }