.documents-space { max-width: 1000px; margin: 0 auto; }
.documents-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:1.5rem; margin-bottom:2.5rem; }
.documents-heading h1 { margin-bottom:.5rem; }
.documents-eyebrow { color:var(--primary-color,var(--primary-color,#1b3d26)); text-transform:uppercase; letter-spacing:.09em; font-size:.75rem; font-weight:700; margin-bottom:.75rem; }
.documents-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; }
.documents-login { max-width:490px; margin:2rem auto; border-radius:1rem; }
.documents-lock { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; background:#edf3ee; color:var(--primary-color,#1b3d26); font-size:1.5rem; margin-bottom:1.4rem; }
.documents-panel { padding:2rem; background:white; border:1px solid var(--border-color,#e2e8f0); border-radius:1rem; }
.documents-section-heading { display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:.5rem; margin-bottom:1.5rem; }
.documents-count { display:inline-block; font-size:.8rem; background:#edf3ee; color:var(--primary-color,#1b3d26); padding:.25rem .6rem; border-radius:2rem; vertical-align:middle; }
.documents-toolbar { display:flex; flex-wrap:wrap; gap:.35rem; padding:.65rem; background:#f5f8f5; border:1px solid var(--border-color,#e2e8f0); border-radius:.5rem; }
.documents-editor { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; line-height:1.6; resize:vertical; }
.documents-preview { border:1px dashed #b1c2b5; border-radius:.5rem; padding:1.5rem; margin-top:1rem; background:#fdfefd; }
.documents-markdown { line-height:1.8; overflow-wrap:anywhere; }
.documents-markdown h1 { font-size:1.8rem; }
.documents-markdown h2 { font-size:1.5rem; }
.documents-markdown h3 { font-size:1.25rem; }
.documents-markdown blockquote { border-left:3px solid var(--primary-color,#1b3d26); padding-left:1rem; color:#56635a; }
.documents-markdown pre { overflow:auto; padding:1rem; background:#f5f8f5; border-radius:.5rem; }
.documents-markdown table { display:block; overflow:auto; max-width:100%; border-collapse:collapse; }
.documents-markdown th,.documents-markdown td { padding:.5rem .75rem; border:1px solid #dbe5dd; }
.documents-upload { padding:1.3rem; background:#f5f8f5; border-radius:.7rem; }
.documents-upload input[type=file] { flex:1 1 240px; min-width:0; }
.documents-file-row { display:flex; align-items:center; gap:1rem; padding:1.2rem 0; border-top:1px solid #e7ede8; }
.documents-file-icon { font-size:1.6rem; color:var(--primary-color,#1b3d26); flex-shrink:0; }
.documents-file-details { flex:1; min-width:0; }
.documents-file-name { display:block; font-weight:600; overflow-wrap:anywhere; }
.documents-file-meta { display:flex; flex-wrap:wrap; gap:.25rem 1rem; font-size:.8rem; color:var(--text-muted,#64748b); margin-top:.3rem; }
.documents-download { flex-shrink:0; }
.documents-empty { text-align:center; color:var(--text-muted,#64748b); padding:1.5rem; }
.documents-empty > i { display:block; font-size:2rem; margin-bottom:.5rem; }
@media(max-width:575px) { .documents-panel { padding:1.15rem; } .documents-heading { margin-bottom:1.5rem; } .documents-file-row { gap:.65rem; } .documents-file-meta { flex-direction:column; } }

.documents-file-actions { display:flex; align-items:center; gap:.5rem; flex-shrink:0; }
.documents-pending-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.5rem; overflow-wrap:anywhere; }