.doc-wrap{display:flex;flex-direction:column;gap:16px}
.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.doc-head h3{margin:0 0 4px}
.doc-tabs{display:flex;gap:8px;flex-wrap:wrap}
.doc-tab{border:1px solid #e5e7eb!important;background:#fff!important;color:#111827!important;border-radius:999px;padding:8px 13px;cursor:pointer}
.doc-tab.active{background:#111827!important;color:#fff!important}
.doc-btn{border:0!important;border-radius:10px;padding:9px 13px;cursor:pointer;font-weight:600;background:#e5e7eb!important;color:#111827!important}
.doc-primary{background:#111827!important;color:#fff!important}
.doc-danger{background:#fee2e2!important;color:#991b1b!important}
.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.doc-search{min-width:280px;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}
.doc-filter{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff}
.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.doc-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;cursor:pointer}
.doc-card:hover{border-color:#94a3b8}
.doc-card h4{margin:4px 0 6px}
.doc-meta{font-size:12px;color:#64748b}
.doc-type{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}
.doc-type-file{background:#dbeafe;color:#1d4ed8}
.doc-type-knowledge{background:#ede9fe;color:#6d28d9}
.doc-modal-bg{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.doc-modal{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:20px}
.doc-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.doc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.doc-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.doc-form-grid input,.doc-form-grid select,.doc-form-grid textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827}
.doc-full{grid-column:1/-1}
.doc-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}
.doc-empty{padding:30px;text-align:center;color:#64748b}
.doc-history-item{padding:10px 0;border-bottom:1px solid #f1f5f9}
.doc-kb-content{white-space:pre-wrap;line-height:1.6;background:#f8fafc;border-radius:12px;padding:16px}
.doc-folder-row{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #f1f5f9;background:#fff}
@media(max-width:900px){.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .doc-grid{grid-template-columns:1fr}
  .doc-form-grid{grid-template-columns:1fr}
  .doc-full{grid-column:auto}
}