#calculator-charts-table,
#income-statements-table,
#financial-indicators-table {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  border-radius: var(--calculator-radius-md);
  border: 1px solid var(--calculator-table-border);
  background: var(--calculator-table-shell-bg);
  box-shadow: none;
}

#financial-indicators-table {
  height: 620px !important;
  display: block !important;
}

#calculator-charts-table .dash-header,
#income-statements-table .dash-header,
#financial-indicators-table .dash-header {
  background-color: var(--calculator-table-header-bg) !important;
  color: var(--calculator-table-header-text) !important;
  font-weight: 700 !important;
  padding: 12px !important;
  border: none !important;
}

#calculator-charts-table .dash-cell,
#income-statements-table .dash-cell {
  background-color: var(--calculator-table-cell-bg-alt) !important;
  color: var(--calculator-table-text) !important;
  text-align: right;
  min-width: 50px;
  width: 40px;
  font-family: var(--font-family), sans-serif;
  padding: 10px;
  border: 1px solid var(--calculator-table-border) !important;
}

#financial-indicators-table .dash-cell {
  background-color: var(--calculator-table-cell-bg) !important;
  color: var(--calculator-table-text) !important;
  text-align: left !important;
  min-width: 100px !important;
  width: 150px !important;
  font-family: var(--font-family), sans-serif !important;
  padding: 10px !important;
  border: 1px solid var(--calculator-table-border) !important;
}

#financial-indicators-table .dash-header div {
  text-align: left !important;
}

#calculator-charts-table .dash-cell.focused,
#income-statements-table .dash-cell.focused,
#financial-indicators-table .dash-cell.focused,
#calculator-charts-table .dash-cell.cell--selected,
#income-statements-table .dash-cell.cell--selected,
#financial-indicators-table .dash-cell.cell--selected {
  background: var(--calculator-highlight-bg) !important;
  box-shadow: inset 0 0 0 2px var(--calculator-highlight-border) !important;
}

@container main-content (max-width: 992px) {
  #financial-indicators-table {
    height: 500px !important;
  }
}

@media (max-width: 768px) {
  #calculator-charts-table,
  #income-statements-table,
  #financial-indicators-table {
    font-size: 12px;
  }

  #calculator-charts-table .dash-header,
  #income-statements-table .dash-header,
  #financial-indicators-table .dash-header,
  #calculator-charts-table .dash-cell,
  #income-statements-table .dash-cell,
  #financial-indicators-table .dash-cell {
    padding: 8px !important;
  }
}

@container main-content (max-width: 576px) {
  #financial-indicators-table {
    height: 450px !important;
  }

  #financial-indicators-table .dash-cell {
    min-width: 80px !important;
    width: 120px !important;
    padding: 6px !important;
  }
}