/* Also delivered as a standalone stylesheet to older native installations. */
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  min-width: 0;
  max-width: 100%;
}
textarea {
  min-height: 4.5rem;
  max-height: max(4.5rem, 40vh);
  field-sizing: content;
  resize: vertical;
  overflow-y: auto;
}
.alpha-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.alpha-field-grid > * { min-width: 0; }
@media (min-width: 768px) {
  .alpha-field-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .alpha-field-grid > [class*="lg:col-span-5"],
  .alpha-field-grid > [class*="lg:col-span-6"] { grid-column: span 4 / span 4; }
}
@media (min-width: 1280px) {
  .alpha-field-grid { grid-template-columns: repeat(6, minmax(8.5rem, 1fr)); }
}
/* In editable tables, scrolling is preferable to clipping dates or amounts. */
td:has(input[type="date"]), td:has(input[type="datetime-local"]) { min-width: 9rem; }
td:has(input[type="time"]) { min-width: 7rem; }
td:has(input[type="number"]) { min-width: 5.5rem; }
td:has(input[placeholder*="escription"]),
td:has(input[aria-label*="escription"]) { min-width: 14rem; }