.sq-chart-widget {
  width: 100%;
  display: grid;
  gap: 24px;
}

.sq-chart-widget__table-wrap {
  overflow-x: auto;
  margin-bottom: 0px;
  order: 2;
}

.sq-chart-widget__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: none;
  text-align: center;
}

.sq-chart-widget__table th,
.sq-chart-widget__table td {
  text-align: center;
  padding: 12px 14px;
  border: none;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.sq-chart-widget__table th, 
.sq-chart-widget__table td{
        border: none;
        text-align: center;
        width: calc(100% / 3);
    }

.sq-chart-widget__table thead th {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5b6475;
  background: #f8f9fc;
}

.sq-chart-widget__table tbody tr.is-active,
.sq-chart-widget__table tbody tr:hover {
  background: rgba(63, 109, 255, 0.05);
}

.sq-chart-widget__table tbody tr.is-active td,
.sq-chart-widget__table tbody tr:hover td {
  color: #1a2440;
}

.sq-chart-widget__chart-wrap {
  position: relative;
  min-height: 280px;
}

.sq-chart-widget__table thead th,
.sq-chart-widget__row:nth-child(even) {
    background-color: #1c498c1a;
}

.sq-chart-widget__canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

@media (max-width: 767px) {
  .sq-chart-widget__canvas {
    height: 280px !important;
  }
}