/* Custom Styles for DRB TaskFlow */

html, body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* View Tab Buttons */
.view-tab-btn.active {
  background-color: white;
  color: #003876;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Mobile Column Tabs */
.mob-col-tab.active {
  background-color: #003876;
  color: white;
}

/* Filter Chips */
.filter-chip.active {
  background-color: #003876;
  color: white;
}

/* Kanban Cards & Drag */
.task-card {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  user-select: none;
}
.task-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.08), 0 2px 6px -2px rgba(0, 0, 0, 0.04);
}
.task-card:active {
  transform: scale(0.99);
}

.cards-container.drag-over {
  background-color: rgba(224, 242, 254, 0.7);
  border: 2px dashed #0284c7;
  border-radius: 1rem;
}

/* Step Card states */
.step-card.active {
  border-color: #7c3aed;
  background-color: #f3e8ff;
  color: #4c1d95;
}
.step-card.completed {
  border-color: #10b981;
  background-color: #ecfdf5;
  color: #065f46;
}
.step-card.pending {
  border-color: #e2e8f0;
  background-color: #f8fafc;
  color: #94a3b8;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-in {
  animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Touch responsiveness */
button, input, select, textarea {
  touch-action: manipulation;
}