/* [project]/src/modules/creatorfit/backend/config/creatorfit/ustawienia-glowne.css [app-client] (css) */
.cf-cfg-gl-form {
  gap: var(--alvo-space-3, 12px);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.cf-cfg-gl-quarter {
  flex: 0 160px;
  min-width: 0;
}

.cf-cfg-gl-url {
  flex: 280px;
  min-width: 0;
  max-width: 480px;
}

.cf-cfg-gl-found {
  gap: var(--alvo-space-2, 8px);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.cf-cfg-gl-ban {
  justify-content: space-between;
  align-items: center;
  gap: var(--alvo-space-3, 12px);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.cf-cfg-gl-number {
  max-width: 240px;
}

.cf-cfg-gl-trend {
  gap: var(--alvo-space-4, 16px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.cf-cfg-gl-webhook {
  gap: var(--alvo-space-1, 4px);
  flex-direction: column;
  min-width: 220px;
  display: flex;
}

@media (max-width: 767px) {
  .cf-cfg-gl-trend {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 639px) {
  .cf-cfg-gl-quarter {
    flex-basis: 100%;
  }

  .cf-cfg-gl-url {
    flex-basis: 100%;
    max-width: none;
  }

  .cf-cfg-gl-number {
    max-width: none;
  }

  .cf-cfg-gl-webhook {
    min-width: 0;
  }
}