/* 
 * table-agreements.css
 * CSS styling for the agreements table to bring related columns closer together
 */

/* Set the overall table to use a more compact layout */
.table-agreements {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
  }
  
  /* Basic styling for all cells */
  .table-agreements td {
    padding: 8px;
    vertical-align: middle;
  }
  
  /* Set specific widths for columns */
  .table-agreements thead tr td:nth-child(1), /* Company Name */
  .table-agreements tbody tr td:nth-child(1) {
    width: 20%;
  }
  
  .table-agreements thead tr td:nth-child(2), /* Type */
  .table-agreements tbody tr td:nth-child(2) {
    width: 10%;
  }
  
  /* Make the date columns more compact */
  .table-agreements thead tr td:nth-child(3), /* Originator Date */
  .table-agreements tbody tr td:nth-child(3),
  .table-agreements thead tr td:nth-child(5), /* Participant Date */
  .table-agreements tbody tr td:nth-child(5) {
    width: 13%;
    padding-right: 4px; /* Reduce right padding */
  }
  
  /* Make the signature columns narrower and closer to their date columns */
  .table-agreements thead tr td:nth-child(4), /* Originator Signed By */
  .table-agreements tbody tr td:nth-child(4),
  .table-agreements thead tr td:nth-child(6), /* Participant Signed By */
  .table-agreements tbody tr td:nth-child(6) {
    width: 15%;
    padding-left: 4px; /* Reduce left padding */
  }
  
  /* Group related columns visually */
  .table-agreements thead tr td:nth-child(3), /* Originator Date */
  .table-agreements tbody tr td:nth-child(3) {
    padding-right: 2px;
  }
  
  .table-agreements thead tr td:nth-child(4), /* Originator Signed By */
  .table-agreements tbody tr td:nth-child(4) {
    padding-left: 2px;
    padding-right: 15px; /* Add space after the originator group */
  }
  
  .table-agreements thead tr td:nth-child(5), /* Participant Date */
  .table-agreements tbody tr td:nth-child(5) {
    padding-left: 15px; /* Add space before participant group */
    padding-right: 2px;
  }
  
  .table-agreements thead tr td:nth-child(6), /* Participant Signed By */
  .table-agreements tbody tr td:nth-child(6) {
    padding-left: 2px;
  }
  
  /* Optional: Add subtle visual grouping with borders */
  .table-agreements thead tr td:nth-child(4), /* End of originator group */
  .table-agreements tbody tr td:nth-child(4) {
    border-right: 1px solid #eee;
  }
  
  .table-agreements thead tr td:nth-child(5), /* Start of participant group */
  .table-agreements tbody tr td:nth-child(5) {
    border-left: 1px solid #eee;
  }