/* Small additions on top of the Tailwind CDN build. */

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

/* Kanban columns scroll independently on tall boards. */
.board-col {
  max-height: calc(100vh - 230px);
  overflow-y: auto;
}

/* Subtle card lift on hover. */
.card-hover {
  transition: box-shadow .15s ease, transform .15s ease;
}
.card-hover:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
  transform: translateY(-1px);
}

/* HTMX in-flight indicator. */
.htmx-indicator { opacity: 0; transition: opacity .2s ease; }
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator { opacity: 1; }

/* Kanban drag-and-drop. */
.order-card { cursor: grab; }
.order-card:active { cursor: grabbing; }
.order-card a, .order-card select, .order-card button { cursor: pointer; }
.order-card.dragging { opacity: .45; }
.col-body.drag-over {
  outline: 2px dashed #0A0A0A;
  outline-offset: 2px;
  background: rgba(10, 10, 10, .05);
  border-radius: .5rem;
}