@layer modules {
  .sow-statistics {
    --card-header-color: var(--color-overview);
    overflow: hidden;
  }

  #sow-statistics-list {
    display: grid;
    gap: var(--block-space);
    grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  }

  .custom-range-form__fields {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--block-space-half) var(--inline-space);
  }

  .custom-range-form__fields .field {
    flex: 1;
    margin-block-end: 0;
    min-inline-size: 8rem;
  }

  .custom-range-form__fields .btn {
    inline-size: 100%;
  }
}