/* styles2.css — base layout + grid helpers */

/* Overall page wrapper */
.wrapper {
  max-width: 980px;
  margin: 20px auto;
}

/* Form card container */
.form-card {
  border-radius: 12px;
  padding: 16px;
}

/* Grid helpers */
.grid {
  display: grid;
  gap: 12px;
}
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.row { margin-top: 12px; }

/* Headings inside form-card */
.form-card h1,
.form-card h2,
.form-card h3 {
  margin-top: 0;
}

/* Centered action buttons */
.actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 16px;
}

/* NEW: allow grid children to shrink instead of overlapping */
.form-card .grid > * { min-width: 0; }

/* NEW: inputs/selects honor container width */
.form-card input[type="text"],
.form-card input[type="number"],
.form-card input[type="date"],
.form-card select,
.form-card textarea {
  width: 100%;
  box-sizing: border-box;
}