.knowledge-drop-zone {
  margin-top: 14px;
  padding: 26px 18px;
  display: grid;
  place-items: center;
  gap: 8px;
  border: 2px dashed #cfc3e9;
  border-radius: 14px;
  background: #faf8ff;
  text-align: center;
  cursor: pointer;
  transition: .18s;
}

.knowledge-drop-zone:hover,
.knowledge-drop-zone.dragging,
.knowledge-drop-zone:focus {
  border-color: var(--purple2);
  background: #f5efff;
  outline: none;
  box-shadow: 0 0 0 4px #7c3aed12;
}

.knowledge-drop-zone > b { color: #3b245e; font-size: 13px; }
.knowledge-drop-zone > span { color: var(--muted); font-size: 10px; }
.knowledge-drop-zone > input { max-width: 560px; padding: 8px; background: #fff; cursor: pointer; }
.knowledge-selected-files,
.knowledge-upload-results { margin-top: 12px; display: grid; gap: 7px; }
.knowledge-selected-files > p { margin: 0; padding: 10px 12px; border-radius: 9px; color: var(--muted); background: #f6f7fa; font-size: 10px; }
.knowledge-file-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 9px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.knowledge-file-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.knowledge-file-row small { color: var(--muted); font-size: 9px; }
.knowledge-file-row button { padding: 5px 9px; border: 1px solid #edcaca; border-radius: 7px; color: var(--red); background: #fff; cursor: pointer; font-size: 9px; }
.knowledge-result { padding: 11px 13px; border: 1px solid #ccebdc; border-radius: 10px; background: #f1fbf6; font-size: 10px; line-height: 1.65; }
.knowledge-result.failed { border-color: #f0cccc; background: #fff4f4; }
.knowledge-result.processing { border-color: #d8cdf1; background: #f7f3ff; }
.knowledge-result strong,
.knowledge-result span { display: block; }
.knowledge-result span { color: #596277; }
.knowledge-result em { font-style: normal; color: var(--purple); }

@media (max-width: 680px) {
  .knowledge-file-row { grid-template-columns: minmax(0, 1fr) auto; }
  .knowledge-file-row small { grid-column: 1 / -1; }
}

/* v0.6.33 knowledge import readability and narrow-screen adaptation. */
.knowledge-drop-zone {
  min-height: 176px;
  padding: 30px 20px;
  gap: 10px;
}

.knowledge-drop-zone > b {
  font-size: 15px;
}

.knowledge-drop-zone > span {
  max-width: 760px;
  font-size: 12px;
  line-height: 1.65;
}

.knowledge-drop-zone > input {
  width: min(100%, 640px);
  min-height: 44px;
  padding: 9px;
  font-size: 13px;
}

.knowledge-selected-files,
.knowledge-upload-results {
  gap: 9px;
}

.knowledge-selected-files > p {
  padding: 11px 13px;
  font-size: 12px;
}

.knowledge-file-row {
  min-height: 54px;
  padding: 11px 13px;
}

.knowledge-file-row strong {
  font-size: 13px;
}

.knowledge-file-row small {
  font-size: 11px;
}

.knowledge-file-row button {
  min-height: 44px;
  padding: 7px 11px;
  font-size: 11px;
}

.knowledge-result {
  padding: 13px 15px;
  font-size: 12px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

@media (max-width: 680px) {
  .knowledge-drop-zone {
    min-height: 150px;
    padding: 22px 14px;
  }

  .knowledge-file-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .knowledge-file-row small {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  .knowledge-file-row {
    grid-template-columns: 1fr;
  }

  .knowledge-file-row strong {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .knowledge-file-row small {
    grid-column: auto;
  }

  .knowledge-file-row button {
    width: 100%;
  }
}