@media (max-width: 1600px) {
  .cl-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cl-profile-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .cl-profile-grid {
    grid-template-columns: 1fr;
  }

  .cl-profile-card.full {
    grid-column: auto;
  }
}

@media (max-width: 768px) {
  .cl-toolbar {
    padding: 14px 12px;

    .cl-store-select,
    .cl-tag-select,
    .cl-order-count-select,
    .cl-register-period-select,
    .cl-search-input {
      width: 100%;
    }

    .cl-query-btn,
    .cl-reset-btn {
      flex: 1;
    }

    .cl-toolbar-right {
      width: 100%;
      margin-left: 0;
    }

    .cl-export-btn {
      justify-content: center;
      width: 100%;
    }
  }

  .cl-stats {
    grid-template-columns: 1fr;
  }

  .cl-overview-grid {
    grid-template-columns: 1fr;
  }

  .cl-detail-head {
    flex-wrap: wrap;
  }

  .cl-detail-tags {
    width: 100%;
    margin-left: 0;
  }

  .cl-profile-head {
    flex-wrap: wrap;
  }

  .cl-profile-tags {
    width: 100%;
    margin-left: 0;
  }

  .cl-profile-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
