/* Layout helpers for the calculator / invoice / proposal / gantt tool pages */
.form-body form .fg {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 14px;
}
.form-body form .fg > .fld { min-width: 0; }
.form-body form .fg > .full { grid-column: 1 / -1; }
.form-body form .fld label { margin-bottom: 5px; }
.form-body form .fld small { display: block; opacity: .65; margin-top: 4px; font-size: 12px; }
.form-body form .row3 { display: grid; grid-template-columns: 3fr 1fr 1.3fr; gap: 8px; margin-bottom: 8px; }
.form-body form .row3 input { min-width: 0; }
.form-body form .row3eq { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.form-body form .fld textarea { min-height: 70px; }
.form-body form input[type="date"] {
  width: 100%; box-sizing: border-box; padding: 11px 14px; border: 1px solid var(--border, #e5e7eb);
  border-radius: 10px; font: inherit; background: #fff; color: inherit;
}
@media (max-width: 640px) {
  .form-body form .fg { grid-template-columns: 1fr; }
  .form-body form .row3 { grid-template-columns: 1fr 1fr 1fr; }
  .form-body form .row3eq { grid-template-columns: 1fr; }
}