@use "../../../../styles/abstracts/variables" as *;
.admin-stats-chart {
  background: #101012;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1rem;

  &__buttons {
    display: flex;
    gap: 1rem;

    button {
      padding: 0.5rem .8rem;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-weight: 500;
      background: #333;
      color: #fff;
      transition: all 0.2s;
      font-size: .85rem;

      &:hover {
        background: #ff8c00;
        color: #fff;
      }

      &.active {
        background: #ff8c00;
        color: $col-dark;
        font-weight: 600;
      }
    }
  }

  &__canvas {
    width: 100%;
    height: 400px;

    canvas {
      width: 100% !important;
      height: 100% !important;
    }
  }
}