/* Ajustes finos que complementan a Tailwind (cargado por CDN). */

* { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 8px; }
*::-webkit-scrollbar-track { background: transparent; }

[v-cloak] { display: none !important; }

/* --- Kanban / embudo de ventas --- */
.kanban-column {
  min-width: 280px;
  max-width: 280px;
}

.kanban-card {
  cursor: grab;
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
.kanban-card:active { cursor: grabbing; }
.kanban-card.dragging { opacity: .4; }

.kanban-dropzone {
  transition: background-color .12s ease, border-color .12s ease;
}
.kanban-dropzone.drag-over {
  background-color: rgb(219 234 254 / 0.6);
  border-color: #60a5fa;
}

/* --- Utilidades --- */
.fade-enter-active, .fade-leave-active { transition: opacity .15s ease; }
.fade-enter-from, .fade-leave-to { opacity: 0; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}