/* ---- Order Pipeline: horizontal scroll fix ---- */
.kanban-board {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 12px;            /* room for scrollbar */
  scroll-snap-type: x proximity;   /* gentle snap as you scroll */
  -webkit-overflow-scrolling: touch;
}

.kanban-column {
  flex: 0 0 clamp(240px, 21vw, 300px);  /* fixed width, ~4.5 visible */
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.kanban-cards {
  overflow-y: auto;
  max-height: calc(100vh - 320px);  /* column scrolls internally if many cards */
  padding-right: 4px;
}

/* Slim, on-brand scrollbar for the board */
.kanban-board::-webkit-scrollbar { height: 8px; }
.kanban-board::-webkit-scrollbar-thumb {
  background: var(--pc-border);
  border-radius: 4px;
}
.kanban-board::-webkit-scrollbar-track { background: transparent; }

/* Constrain the main content area so child boards/tables scroll inside it */
.main-content {
  min-width: 0;        /* critical: lets it shrink inside the flex app-shell */
  overflow-x: hidden;  /* clips overflow at the layout level */
}

.page-content {
  min-width: 0;        /* same fix one level down */
}