/* ZMT Data Table (basic) */
.zmt-data-table { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.zmt-data-table table { width: 100%; border-collapse: separate; border-spacing: 0; }

/* Header */
.zmt-data-table thead th {
  background: #f3f4f6;
  color: #111827;
  font-weight: 600;
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  position: relative;
  user-select: none;
}
.zmt-data-table thead th .zmt-th__icon { display:inline-flex; line-height:0; vertical-align:middle; }
.zmt-data-table thead th.is-sortable { cursor: pointer; }
.zmt-data-table thead th.is-sortable:after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  border: 5px solid transparent;
  border-top-color: currentColor; /* default caret up */
  opacity: .35;
}
.zmt-data-table thead th.is-sort-asc:after {
  border-top-color: currentColor;
  transform: rotate(180deg); /* up for ASC */
  opacity: .75;
}
.zmt-data-table thead th.is-sort-desc:after {
  border-top-color: currentColor; /* down for DESC */
  opacity: .75;
}

/* Cells */
.zmt-data-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
  background: #fff;
  color: #111827;
}
.zmt-data-table .zmt-td--align-center { text-align: center; }
.zmt-data-table .zmt-td--align-right { text-align: right; }

/* Zebra option */
.zmt-data-table.zmt--zebra tbody tr:nth-child(odd) td { background: #fff; }
.zmt-data-table.zmt--zebra tbody tr:nth-child(even) td { background: #f9fafb; }

/* Highlights (rows/cols) */
.zmt-data-table tr.is-highlight-row > td { background: #fffbeb !important; }
.zmt-data-table td.is-highlight-col { background: #fff7ed !important; }

/* Responsive stack */
@media (max-width: 768px) {
  .zmt-data-table.is-responsive table, 
  .zmt-data-table.is-responsive thead, 
  .zmt-data-table.is-responsive tbody, 
  .zmt-data-table.is-responsive th, 
  .zmt-data-table.is-responsive td, 
  .zmt-data-table.is-responsive tr {
    display: block;
  }
  .zmt-data-table.is-responsive thead { display: none; }
  .zmt-data-table.is-responsive tbody tr {
    margin: 0 0 10px 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
  }
  .zmt-data-table.is-responsive tbody td {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 6px;
    align-items: center;
    border: 0;
    border-bottom: 1px solid #f3f4f6;
    padding: 10px 12px;
  }
  .zmt-data-table.is-responsive tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #6b7280;
  }
  .zmt-data-table.is-responsive tbody tr:last-child td:last-child { border-bottom: 0; }
}

/* Small helpers */
.zmt-data-table .zmt-td__icon { display:inline-flex; line-height:0; }