/* Billing table readability enhancement only. No billing logic or behavior changes. */
.billdesk-table-wrap{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.billdesk-table{
  font-size:14px;
}

.billdesk-table th,
.billdesk-table td{
  padding:12px 14px;
  vertical-align:middle;
  border-right:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent);
}

.billdesk-table th{
  font-size:15px;
  font-weight:700;
  line-height:1.25;
  color:var(--ink);
  white-space:nowrap;
  letter-spacing:.005em;
  background:color-mix(in srgb,var(--panel) 97%,#0d1726);
  box-shadow:0 1px 0 color-mix(in srgb,var(--line) 90%,transparent);
}

.billdesk-table td{
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
  white-space:nowrap;
}

/* Client name is the primary identifier in each row. */
.billdesk-table tbody td:nth-child(2),
.billdesk-table tbody td:nth-child(2) strong{
  font-size:14px;
  font-weight:700;
  color:var(--ink);
}

/* Keep important values readable without making the grid unnecessarily wide. */
.billdesk-table tbody td:nth-child(5){
  min-width:175px;
  max-width:230px;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.3;
}

.billdesk-table tbody tr{
  min-height:48px;
  transition:background-color .14s ease,box-shadow .14s ease;
}

.billdesk-table tbody tr:nth-child(even){
  background:color-mix(in srgb,var(--blue) 2.5%,var(--panel-solid));
}

.billdesk-table tbody tr:hover{
  background:color-mix(in srgb,var(--blue) 7%,var(--panel-solid));
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--blue) 70%,transparent);
}

.billdesk-table tbody tr:nth-child(even) td:last-child{
  background:color-mix(in srgb,var(--blue) 2.5%,var(--panel-solid));
}

.billdesk-table tbody tr:hover td:last-child{
  background:color-mix(in srgb,var(--blue) 7%,var(--panel-solid));
}

.billdesk-table input[type="checkbox"]{
  width:18px;
  height:18px;
  min-width:18px;
  margin:0;
  cursor:pointer;
  vertical-align:middle;
}

.billdesk-table .desk-status{
  min-height:26px;
  padding:0 8px;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}

.billdesk-table.payment-history th{
  font-size:14px;
}

.billdesk-table.payment-history td{
  font-size:13.5px;
}

@media(max-width:720px){
  .billdesk-table th{
    font-size:14px;
    padding:10px 12px;
  }
  .billdesk-table td{
    font-size:13px;
    padding:10px 12px;
  }
  .billdesk-table tbody td:nth-child(2),
  .billdesk-table tbody td:nth-child(2) strong{
    font-size:13px;
  }
  .billdesk-table .desk-status{
    font-size:11px;
    min-height:24px;
  }
}
