/*
 * Plane Board – per-state column layout (all workspaces)
 *
 * IT (Supply Manager):
 *   Offen:      e15aeaf4    In Arbeit:  687d4187
 *   Erledigt:   24c0b415    Abgenommen: b36abb80
 *
 * Verkauf:
 *   Offen:      5a8a7edb    In Arbeit:  7f4f00f5
 *   Erledigt:   3b5af4c5    Abgenommen: e8a5e5d0
 *
 * Einkauf:
 *   Offen:      d631009c    In Arbeit:  b1ccc806
 *   Erledigt:   8cb38f74    Abgenommen: b1d4eb55
 */

/* === Global defaults === */
.group\/kanban-block {
  break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
}
.h-full.min-h-\[120px\]:not(.transition-all) {
  height: auto !important;
  overflow: visible !important;
}

/* === Offen: 3 columns === */
.w-\[350px\]:has([id*="e15aeaf4"]),
.w-\[350px\]:has([id*="5a8a7edb"]),
.w-\[350px\]:has([id*="d631009c"]) {
  width: 1086px !important;
}
[id*="e15aeaf4"].min-h-\[120px\],
[id*="5a8a7edb"].min-h-\[120px\],
[id*="d631009c"].min-h-\[120px\] {
  column-count: 3 !important;
  column-gap: 8px !important;
  height: auto !important;
  overflow: visible !important;
}

/* === In Arbeit: 1 column (original width) === */
.w-\[350px\]:has([id*="687d4187"]),
.w-\[350px\]:has([id*="7f4f00f5"]),
.w-\[350px\]:has([id*="b1ccc806"]) {
  width: 350px !important;
}
[id*="687d4187"].min-h-\[120px\],
[id*="7f4f00f5"].min-h-\[120px\],
[id*="b1ccc806"].min-h-\[120px\] {
  column-count: 1 !important;
  height: auto !important;
  overflow: visible !important;
}

/* === Erledigt: 2 columns === */
.w-\[350px\]:has([id*="24c0b415"]),
.w-\[350px\]:has([id*="3b5af4c5"]),
.w-\[350px\]:has([id*="8cb38f74"]) {
  width: 724px !important;
}
[id*="24c0b415"].min-h-\[120px\],
[id*="3b5af4c5"].min-h-\[120px\],
[id*="8cb38f74"].min-h-\[120px\] {
  column-count: 2 !important;
  column-gap: 8px !important;
  height: auto !important;
  overflow: visible !important;
}

/* === Abgenommen: 2 columns === */
.w-\[350px\]:has([id*="b36abb80"]),
.w-\[350px\]:has([id*="e8a5e5d0"]),
.w-\[350px\]:has([id*="b1d4eb55"]) {
  width: 724px !important;
}
[id*="b36abb80"].min-h-\[120px\],
[id*="e8a5e5d0"].min-h-\[120px\],
[id*="b1d4eb55"].min-h-\[120px\] {
  column-count: 2 !important;
  column-gap: 8px !important;
  height: auto !important;
  overflow: visible !important;
}