/* Answers workspace: narrowly-scoped stability and legibility layer.
   Avoid affecting public bot, onboarding, or other dashboard sections. */
#app .dashboard-premium-shell #knowledge:not(.dashboard-view-hidden) {
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr)!important;
  align-items:start!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#app .dashboard-premium-shell #knowledge.dashboard-view-hidden,
#app .dashboard-premium-shell #unanswered.dashboard-view-hidden {
  display:none!important;
}
#app .dashboard-premium-shell #knowledge > .panel,
#app .dashboard-premium-shell #unanswered {
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere;
  background:#fff!important;
  border:1px solid #e8ebf1!important;
  border-radius:20px!important;
  padding:22px!important;
  color:#212936!important;
}
#app .dashboard-premium-shell #knowledge .panel-head,
#app .dashboard-premium-shell #unanswered .panel-head {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  margin:0 0 18px!important;
  padding-bottom:15px!important;
}
#app .dashboard-premium-shell #knowledge .panel-head > div,
#app .dashboard-premium-shell #unanswered .panel-head > div {
  min-width:0;
  flex:1 1 200px;
}
#app .dashboard-premium-shell #knowledge .panel-head h2,
#app .dashboard-premium-shell #unanswered .panel-head h2 {
  margin:5px 0 0!important;
  font-size:clamp(19px,2.2vw,24px)!important;
  line-height:1.25!important;
  font-weight:770!important;
  letter-spacing:-.035em!important;
  color:#182134!important;
  overflow-wrap:anywhere;
}
#app .dashboard-premium-shell #knowledge .panel-head > span,
#app .dashboard-premium-shell #unanswered .panel-head > span {
  flex:0 0 auto;
  white-space:nowrap;
  color:#616c80!important;
  font-size:12px!important;
  border-radius:999px;
  background:#f4f6f9;
  padding:6px 10px;
}
#app .dashboard-premium-shell #knowledge .knowledge-feature-summary {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:flex-start!important;
  margin:0 0 14px!important;
  padding:15px!important;
  border-radius:15px!important;
  border-color:#e8ecf3!important;
  background:#f8fafe!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-feature-summary > div {
  min-width:0;
  flex:1 1 190px;
}
#app .dashboard-premium-shell #knowledge .knowledge-feature-summary b {
  font-size:13px!important;
  color:#23314b!important;
  line-height:1.45!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-feature-summary small {
  font-size:12px!important;
  line-height:1.55!important;
  color:#63728a!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-feature-summary > span {
  flex:0 0 auto;
  font-size:11px!important;
  font-weight:740!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-toolbar {
  display:grid;
  min-width:0;
  gap:8px;
  margin:10px 0 15px;
}
#app .dashboard-premium-shell #knowledge .knowledge-toolbar label {
  color:#38455c;
  font-size:13px;
  font-weight:720;
}
#app .dashboard-premium-shell #knowledge #knowledgeSearch {
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:46px;
  padding:11px 14px;
  color:#1d2638;
  background:#fff;
  border:1px solid #dbe1ea;
  border-radius:13px;
  font:inherit;
  font-size:16px;
  line-height:1.4;
  box-sizing:border-box;
}
#app .dashboard-premium-shell #knowledge #knowledgeSearch:focus {
  border-color:#3765a7;
  outline:3px solid rgba(55,101,167,.15);
}
#app .dashboard-premium-shell #knowledge #knowledgeVisibleCount {
  color:#69778b;
  font-size:12px;
}
#app .dashboard-premium-shell #knowledge .knowledge-list {
  display:grid!important;
  min-width:0!important;
  width:100%!important;
  gap:10px!important;
  align-items:start;
}
#app .dashboard-premium-shell #knowledge .knowledge-item {
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 20px!important;
  gap:9px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:15px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #e9edf3!important;
  border-radius:15px!important;
  overflow:hidden;
}
#app .dashboard-premium-shell #knowledge .knowledge-item[hidden],
#app .dashboard-premium-shell #knowledge #knowledgeLoadMore[hidden] {
  display:none!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-item > div:nth-child(2) {
  min-width:0!important;
  max-width:100%!important;
}
#app .dashboard-premium-shell #knowledge .knum {
  padding-top:4px!important;
  color:#8d96a5!important;
  font-size:11px!important;
  font-weight:760!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-item-top {
  display:flex!important;
  flex-flow:column nowrap!important;
  align-items:flex-start!important;
  gap:11px!important;
  min-width:0!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-item-top > b {
  display:block!important;
  width:100%;
  min-width:0!important;
  font-size:14px!important;
  font-weight:770!important;
  color:#1d2739!important;
  line-height:1.45!important;
  overflow-wrap:anywhere;
}
#app .dashboard-premium-shell #knowledge .knowledge-item > div > small {
  display:block!important;
  margin-top:8px!important;
  font-size:11px!important;
  color:#647186!important;
  line-height:1.5!important;
  overflow-wrap:anywhere;
}
#app .dashboard-premium-shell #knowledge .knowledge-item p {
  margin:10px 0 0!important;
  color:#46546a!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
#app .dashboard-premium-shell #knowledge .knowledge-item-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%;
  margin:0!important;
  min-width:0!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-item-actions button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  min-height:40px!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 12px!important;
  background:#f6f8fb!important;
  color:#25334c!important;
  border:1px solid #e3e8f0!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:720!important;
  line-height:1.35!important;
  white-space:normal!important;
  text-align:center!important;
  overflow-wrap:anywhere;
  cursor:pointer;
}
#app .dashboard-premium-shell #knowledge .knowledge-item-actions .knowledge-feature-btn.active {
  color:#1f6f4e!important;
  border-color:#bfe6d0!important;
  background:#eefaF2!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-item-actions .knowledge-delete-btn {
  color:#a43d42!important;
  background:#fff7f7!important;
  border-color:#f3dfe0!important;
}
#app .dashboard-premium-shell #knowledge .approved {
  font-size:15px!important;
  color:#279c71!important;
  text-align:right;
}
#app .dashboard-premium-shell #knowledge .knowledge-inline-editor {
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:14px!important;
  margin-top:12px!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-inline-editor :is(input,textarea),
#app .dashboard-premium-shell #knowledge .add-knowledge :is(input,textarea) {
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  font-size:16px!important;
  line-height:1.45!important;
  background:#fff!important;
  color:#25334c!important;
  border:1px solid #dce2ed!important;
  border-radius:12px!important;
}
#app .dashboard-premium-shell #knowledge .add-knowledge {
  display:grid!important;
  align-content:start!important;
  gap:14px!important;
}
#app .dashboard-premium-shell #knowledge .add-knowledge .field {
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
}
#app .dashboard-premium-shell #knowledge .add-knowledge .field label {
  color:#3d4a60!important;
  font-size:13px!important;
  font-weight:730!important;
}
#app .dashboard-premium-shell #knowledge .add-knowledge .field textarea {
  min-height:160px!important;
  resize:vertical;
  padding:12px 14px!important;
}
#app .dashboard-premium-shell #knowledge .add-knowledge .field input {
  min-height:46px!important;
  padding:10px 13px!important;
}
#app .dashboard-premium-shell #knowledge .add-knowledge > .dashboard-action {
  display:inline-flex!important;
  min-height:48px!important;
  width:100%!important;
  justify-content:center!important;
}
#app .dashboard-premium-shell #knowledge .knowledge-load-more {
  width:100%;
  min-height:46px;
  margin-top:14px;
  border-radius:13px;
  border:1px solid #dce3ed;
  background:#f7f9fc;
  color:#2b3d5a;
  font-family:inherit;
  font-size:13px;
  font-weight:740;
  cursor:pointer;
}
#app .dashboard-premium-shell #unanswered:not(.dashboard-view-hidden) {
  display:block!important;
  margin-top:18px!important;
}
#app .dashboard-premium-shell #unanswered .unanswered-item {
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere;
}
#app .dashboard-premium-shell #unanswered .unanswered-answer {
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  font-size:16px!important;
  line-height:1.5!important;
}
#app .dashboard-premium-shell #unanswered .unanswered-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
@media (max-width:1024px) {
  #app .dashboard-premium-shell #knowledge:not(.dashboard-view-hidden) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app .dashboard-premium-shell:not(.demo-dashboard-shell) #knowledge > .add-knowledge {
    order:0!important;
  }
  #app .dashboard-premium-shell:not(.demo-dashboard-shell) #knowledge > .knowledge-panel {
    order:1!important;
  }
}
@media (max-width:560px) {
  #app .dashboard-premium-shell #knowledge > .panel,
  #app .dashboard-premium-shell #unanswered {
    padding:16px!important;
    border-radius:18px!important;
  }
  #app .dashboard-premium-shell #knowledge .knowledge-item {
    padding:12px!important;
    gap:6px!important;
    grid-template-columns:18px minmax(0,1fr) 15px!important;
  }
  #app .dashboard-premium-shell #knowledge .knowledge-item-actions {
    gap:6px!important;
  }
  #app .dashboard-premium-shell #knowledge .knowledge-item-actions button {
    min-height:42px!important;
    padding:9px 11px!important;
  }
  #app .dashboard-premium-shell #unanswered .unanswered-item {
    padding:14px!important;
  }
  #app .dashboard-premium-shell #unanswered .unanswered-actions .btn {
    min-height:46px!important;
  }
}