/* Preserve the original desktop layout while keeping document actions reachable
   when the app browser or laptop leaves less room for the knowledge workspace. */
@media (max-width:1100px) {
  .kb-page .kb-side { flex-basis:200px; width:200px; }
  .kb-page .kb-main .detail-body { flex-direction:column; min-height:0; }
  .kb-page .kb-main .detail-body .doc-pane {
    flex:0 0 45% !important; width:100% !important; min-height:190px;
  }
  .kb-page .kb-main .detail-body .chat-pane {
    display:flex; flex:1 1 0 !important; width:100% !important;
    min-height:240px; border-left:0; border-top:1px solid #ebeef1;
  }
}
@media (max-width:768px) {
  .kb-page .kb-main .detail-body .doc-pane { min-height:180px; }
  .kb-page .kb-main .detail-body .chat-pane { display:flex; min-height:230px; }
}

/* Keep the original wide layout; preserve readable controls in a narrow panel. */
@media (max-width:1100px) {
  .wenku-page .detail-toolbar .breadcrumb { white-space:nowrap; overflow:hidden; }
  .wenku-page .detail-toolbar .bc-home { flex-shrink:0; }
  .wenku-page .toolbar-search { width:180px; max-width:42%; }
  .wenku-page .detail-card { grid-template-columns:100px minmax(0,1fr); gap:14px; padding:18px; }
  .wenku-page .detail-card .doc-cover { width:100px; min-height:138px; padding:12px 9px; }
  .wenku-page .detail-card .cover-title { font-size:14px; }
  .wenku-page .detail-card .actions { position:static; margin-bottom:14px; flex-wrap:wrap; }
  .wenku-page .detail-card .action { white-space:nowrap; padding:0 12px; flex-shrink:0; }
  .wenku-page .detail-card .doc-title { margin:0 0 14px; font-size:22px; }
  .wenku-page .detail-card .meta { gap:8px 12px; }
  .wenku-page .detail-card .meta-item { white-space:nowrap; border:0; padding:0; }
  .qw-editor .wa-paper { padding:28px 24px !important; }
}