.pipeline-column-slot { flex: 1 1 0%; min-width: calc((100% - 40px) / 6); }
.pipeline-drag-handle { margin-block: 4px 8px; }

/* Keep the original board density; only the quick actions adapt to the card. */
.pipeline-card-actions { --pipeline-action-size: 28px; flex-wrap: nowrap; min-width: 0; gap: 4px; container-type: inline-size; }
.pipeline-card-actions > .pipeline-card-action-group {
  flex: 3 1 0%;
  min-width: 0;
  flex-wrap: nowrap;
  gap: 0;
  padding: 2px;
  overflow: visible;
}
.pipeline-card-actions > .pipeline-card-action-group > button {
  flex: 1 1 0%;
  width: 0;
  min-width: 0;
  min-height: var(--pipeline-action-size);
  height: var(--pipeline-action-size);
  padding: 2px;
}
.pipeline-card-actions > .pipeline-card-action-group > button > svg { width: 15px; max-width: 100%; height: 15px; flex-shrink: 1; }
.pipeline-card-actions > button:not(.nx-button--md) {
  flex: 1 1 0%;
  width: 0;
  max-width: var(--pipeline-action-size);
  min-width: 0;
  min-height: var(--pipeline-action-size);
  height: var(--pipeline-action-size);
  padding: 4px;
}
.pipeline-card-actions > .nx-button--md {
  min-width: 0;
  padding: 4px;
}
.pipeline-card-actions > button > svg { max-width: 100%; flex-shrink: 1; }
@container (max-width: 120px) {
  .pipeline-card-actions > .pipeline-card-action-group { padding: 0; border-width: 0; }
  .pipeline-card-actions > .pipeline-card-action-group > button { padding: 0; border-width: 0; }
  .pipeline-card-actions > button:not(.nx-button--md) { padding: 0; }
  .pipeline-card-actions > .nx-button--md { padding: 0; }
  .pipeline-card-actions > .nx-button--md > span { display: none; }
}


.nx-quick-action-setting:disabled{opacity:.5;cursor:not-allowed}
@media(pointer:coarse),(max-width:767px){.pipeline-card-actions{--pipeline-action-size:44px}}
@media(min-width:768px) and (max-width:1023px){.pipeline-column-slot{flex:0 0 300px;min-width:0}}
@media(max-width:767px){.pipeline-column-slot{flex:0 0 calc(100% - 16px);width:calc(100% - 16px);min-width:0;max-width:360px}}