/* layout-lock.css — prevents interface shift when data is modified
   Include after styles.css. Locks containers so fields stay in assigned areas.
*/
#loan-form, #view-form, .assigned-area, .form-section,
#view-dashboard, #view-users, #view-status-list {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
/* Allow horizontal scroll on data tables (Daily Leads Actions column, etc.) */
.table-wrap {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
}
#view-daily-leads .table-wrap {
  overflow: auto !important;
  overflow-x: auto !important;
}
#loan-form .grid-2, #loan-form .grid-3, #section-assignment .assign-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
}
#loan-form .field, .form-section .field {
  min-width: 0 !important;
  max-width: 100% !important;
}
#loan-form input, #loan-form select, #loan-form textarea,
.form-section input, .form-section select, .form-section textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* Status checks stay aligned */
#form-status-checks {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  gap: 0.4rem 0.85rem !important;
}