html, body {
  margin: 0;
  background: var(--luma-bg);
  color: var(--luma-text);
  font-family: Inter, system-ui, sans-serif;
}

.luma-page--wide .luma-table td.col-desc {
  white-space: normal;
  min-width: 160px;
  max-width: 420px;
}

.luma-chip.groupcolor-1 { background: #fdecea; color: var(--luma-primary); }
.luma-chip.groupcolor-2 { background: #e3f2fd; color: #0b57d0; }
.luma-chip.groupcolor-3 { background: #e6f4f2; color: var(--luma-tertiary); }
.luma-chip.groupcolor-4 { background: #fff4e5; color: #9a6700; }
.luma-chip.groupcolor-5 { background: #f3e5f5; color: #6a1b9a; }
.luma-chip.groupcolor-gw { background: #eee; color: #5f5e5e; }
.luma-chip.groupcolor-0 { background: #fff8e1; color: #8a6d00; }

.dataTables_wrapper {
  padding: 12px 16px 16px;
  font-family: Inter, system-ui, sans-serif;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: var(--luma-muted);
  font-size: 14px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 12px;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  font-size: 16px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--luma-border);
  background: #fff;
  font-family: inherit;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 8px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--luma-primary) !important;
  color: #fff !important;
  border: 1px solid var(--luma-primary) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #f3f3f3 !important;
  color: var(--luma-text) !important;
  border: 1px solid var(--luma-border) !important;
}

table.dataTable.luma-table {
  border-collapse: collapse !important;
  background: #fff;
}
table.dataTable.luma-table thead th {
  background: #f7f7f7;
  font-weight: 600;
}
table.dataTable.luma-table tbody tr:hover {
  background: #f7f7f7;
}
@media (max-width: 768px) {
  .luma-page {
    padding: 12px 12px 24px;
  }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
    width: 100%;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 8px;
  }
  .dataTables_wrapper .dataTables_filter input {
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: left;
    padding-top: 10px;
  }
  .luma-page--wide .luma-table th,
  .luma-page--wide .luma-table td {
    white-space: nowrap;
  }
  .luma-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.group-pills {
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  border-radius: 16px;
  margin: 0;
}
.group-pills .luma-count-pill {
  flex: 1 1 auto;
  min-width: 52px;
}
.group-pills .luma-count-pill.is-on {
  background: var(--luma-primary);
  color: #fff;
}
table.dataTable.luma-table tbody tr.is-today,
table.dataTable.luma-table tbody tr.is-today.odd,
table.dataTable.luma-table tbody tr.is-today.even,
table.dataTable.luma-table tbody tr.is-next,
table.dataTable.luma-table tbody tr.is-next.odd,
table.dataTable.luma-table tbody tr.is-next.even {
  background: #fff0f0;
  box-shadow: inset 4px 0 0 var(--luma-primary);
}
table.dataTable.luma-table tbody tr.is-today:hover,
table.dataTable.luma-table tbody tr.is-next:hover {
  background: #ffe4e6;
}