/* ================================
   MOBILE FIXES
================================ */

@media (max-width: 768px) {
  .page{
    padding: 0 14px;
  }

  /* stack everything */
  .layout2 {
    grid-template-columns: 1fr !important;
  }

  .row2 {
    grid-template-columns: 1fr !important;
  }

  /* customer info: 2 per row */
  .gridForm{
    grid-template-columns: 1fr 1fr !important;
  }

  .signGrid{
    grid-template-columns: 1fr !important;
  }

  body { overflow-x: hidden; }
}

@media (max-width: 480px) {
  .gridForm{
    grid-template-columns: 1fr !important;
  }

  .header{
    flex-direction: column;
    align-items: flex-start;
  }

  .headerMetaRow{
    width:100%;
  }

  .headerMeta input{
    width:100%;
  }

  /* Stack action buttons vertically on mobile */
  .actions{
    flex-direction: column !important;
    width: 100% !important;
  }

  .actions .btn{
    width: 100% !important;
  }
}