/* Besteldetails gebruiken volledige rijen, onafhankelijk van de schermbreedte. */
.purchase-order-board .purchase-order-detail-panel,
.purchase-order-board .purchase-order-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
.purchase-order-board .purchase-order-detail-panel > *,
.purchase-order-board .purchase-order-card > * { min-width: 0; grid-column: 1 / -1; }
.purchase-order-board .purchase-order-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: .75rem;
}
.purchase-order-board .purchase-order-field { min-width: 0; }
.purchase-order-board .purchase-order-delivery {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
.purchase-order-board .purchase-order-documents {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
}
.purchase-order-board .purchase-order-documents .form-label {
  display: block;
  width: 100%;
  white-space: normal;
}
.purchase-order-board .purchase-order-documents textarea {
  display: block;
  width: 100%;
  min-height: 7rem;
  margin-top: .35rem;
}
.purchase-order-board .purchase-doc-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: .75rem;
}
.purchase-order-board .purchase-doc-slot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  gap: .4rem;
}
.purchase-order-board .purchase-doc-slot .purchase-document-picker {
  white-space: normal;
  overflow-wrap: anywhere;
  min-height: 44px;
  line-height: 1.3;
}
.purchase-order-board .purchase-doc-meta {
  white-space: normal;
  overflow-wrap: anywhere;
}
.purchase-order-board .purchase-order-dates {
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: .4rem 1rem;
}