@use 'apps/dashboard/src/variables' as *;

.knowledge-box-settings {
  form {
    width: rhythm(80);
  }

  .fields-container {
    display: flex;
    flex-direction: column;
    gap: rhythm(3);
  }

  .fields-container.small-gap {
    gap: rhythm(2);
  }

  .allowed-ips {
    align-items: flex-start;
    display: flex;
    gap: rhythm(1);
    pa-textarea {
      width: 100%;
    }
  }

  .kb-status {
    h3 {
      margin-bottom: rhythm(1);
    }
  }

  footer {
    background: $color-light-stronger;
    bottom: 0;
    box-shadow: $box-shadow-border-top;
    display: flex;
    gap: rhythm(1);
    margin-top: rhythm(4);
    padding: rhythm(3) 0 rhythm(2);
    position: sticky;
    z-index: 1;
  }
}
