/* Desktop: keep actions right-aligned */
#client-form .buttons{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:16px;
}

/* Mobile <= 640px: stack 5x2 grid to one column and make fields full width */
@media (max-width: 640px){
  #inputDraft .vx-table{
    display:grid;
    grid-template-columns:1fr;
    gap:12px 0;
    width:100%;
    border-collapse:separate;
    border-spacing:0;
  }
  #inputDraft .vx-table tr{ display:contents; }
  #inputDraft .vx-table td{
    display:block;
    width:100%;
    padding:0;
    margin:0;
    vertical-align:top;
  }
  #inputDraft .vx-cell{ padding:10px 0; }
  #inputDraft .vx-cell .input,
  #inputDraft .vx-cell select,
  #inputDraft .vx-cell textarea{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
  }
}
