.doc-section{margin:20px 0;padding:18px;border:1px solid var(--border);background:var(--surface);border-radius:12px}
.doc-head h3{margin:0 0 6px}.doc-head p{font-size:13px;color:var(--text-muted);margin-bottom:14px}
.doc-drop{border:2px dashed var(--border);border-radius:10px;padding:20px;text-align:center;cursor:pointer;background:var(--bg);display:flex;gap:10px;flex-direction:column;align-items:center}
.doc-drop.is-dragging,.doc-drop:focus-visible{border-color:var(--primary);outline:2px solid var(--primary)}
.doc-row{border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;flex-wrap:wrap;min-width:0}
.doc-row:last-child{border-bottom:none}.doc-file-name{min-width:0;overflow-wrap:anywhere}.doc-row small{color:var(--text-muted);display:block;font-size:12px;margin-top:3px}
.doc-actions{display:flex;flex-wrap:wrap;gap:6px}.doc-empty,.doc-progress{color:var(--text-muted);font-size:13px;margin:10px 0}
.doc-preview-modal{max-width:1000px;width:95vw;max-height:94vh}.doc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.doc-modal-head h3{overflow-wrap:anywhere}.doc-preview-body{height:min(73vh,850px);overflow:auto}.doc-preview-body iframe{width:100%;height:100%;border:0;background:#fff}
.doc-preview-body img{max-width:100%;max-height:100%;display:block;margin:auto;object-fit:contain}
@media(max-width:640px){.doc-section{padding:12px}.doc-actions{width:100%}.doc-actions button{flex:1}.doc-drop{padding:14px}}