.doc-toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:18px; }
.doc-toolbar input { flex:1; min-width:180px; }
.doc-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:20px; }
.doc-layout .card { padding:22px; margin-bottom:20px; min-width:0; }
.doc-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }
.doc-fields dt { color:var(--muted,#667085); font-size:12px; }
.doc-fields dd { margin:4px 0 0; overflow-wrap:anywhere; }
.doc-state { display:inline-block; padding:6px 12px; background:#e9eef8; border-radius:8px; font-weight:600; }
.doc-approved { background:#e7f6ee; color:#166534; }
.doc-entry { padding:12px 0; border-bottom:1px solid #e5e7eb; overflow-wrap:anywhere; }
.doc-entry p { white-space:pre-wrap; margin:8px 0; }
.doc-entry small { display:block; color:var(--muted,#667085); }
.doc-layout h3 { margin-bottom:12px; }
.doc-note { padding:12px; background:#f5f7fa; border-radius:8px; margin:12px 0; }
.doc-links { padding-left:20px; }
.doc-links li { margin:10px 0; overflow-wrap:anywhere; }
.doc-upload { display:block; padding:14px; border:1px dashed #aab6c6; border-radius:8px; margin:12px 0; }
.doc-upload input { display:block; max-width:100%; margin-top:8px; }
#doc-comment textarea { width:100%; min-height:85px; margin-bottom:10px; }
@media(max-width:900px) { .doc-layout { grid-template-columns:1fr; } .doc-fields { grid-template-columns:1fr; } }