.documents-panel{padding:0;overflow:hidden}.document-filters{display:flex;gap:5px;padding:12px 20px;border-bottom:1px solid var(--border);overflow:auto}.document-filters button{padding:7px 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;cursor:pointer;transition:.2s}.document-filters button:hover,.document-filters button.active{background:var(--accent-soft);color:var(--accent)}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px}.document-card{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface);transition:.2s}.document-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow)}.document-icon{position:relative;width:46px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.document-icon svg{width:20px}.document-icon small{position:absolute;right:4px;bottom:3px;font-size:6px;font-weight:800}.document-icon.pdf{background:rgba(255,99,118,.1);color:var(--red)}.document-icon.jpg,.document-icon.png,.document-icon.webp{background:rgba(40,202,139,.1);color:var(--green)}.document-main{min-width:0;flex:1}.document-main>div:first-child{min-width:0}.document-category{color:var(--accent);font-size:7px;font-weight:800;text-transform:uppercase}.document-main h4{margin:3px 0;font-size:11px}.document-main>div>p{margin:0;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.document-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;color:var(--muted);font-size:7px}.document-meta span+span:before{content:"•";margin-right:7px}.document-description{margin:8px 0 0;color:var(--muted);font-size:8px}.document-actions{display:flex;gap:4px}.document-actions a,.document-actions button{position:relative;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.document-actions a:hover,.document-actions button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.document-actions .danger:hover{border-color:var(--red);color:var(--red)}.document-actions svg{width:13px}.document-actions em{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#fff;font-size:6px;font-style:normal}.document-empty{grid-column:1/-1;min-height:230px}.document-modal{max-width:680px;padding-bottom:0}.document-dropzone{position:relative;min-height:165px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:17px;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:14px;background:var(--accent-soft);cursor:pointer;transition:.2s}.document-dropzone.dragging,.document-dropzone:hover{border-color:var(--accent);transform:translateY(-1px)}.document-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.document-dropzone>svg{width:28px;margin-bottom:9px;color:var(--accent)}.document-dropzone strong{font-size:11px}.document-dropzone span,.document-dropzone small{margin-top:4px;color:var(--muted);font-size:8px}.selected-document{display:flex;align-items:center;gap:11px;margin-bottom:17px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.selected-document>svg{width:22px;color:var(--green)}.selected-document>div{min-width:0;flex:1}.selected-document strong,.selected-document span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-document strong{font-size:10px}.selected-document span{margin-top:3px;color:var(--muted);font-size:8px}.selected-document button{border:0;background:none;color:var(--muted);cursor:pointer}.selected-document button svg{width:15px}.version-modal{max-width:600px;text-align:left}.version-list{max-height:430px;overflow:auto}.version-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.version-list>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:800}.version-list>div>div{min-width:0;flex:1}.version-list strong,.version-list small{display:block}.version-list strong{font-size:9px}.version-list small{margin-top:3px;color:var(--muted);font-size:7px}.version-list a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--muted)}.version-list svg{width:13px}@media(max-width:850px){.document-grid{grid-template-columns:1fr}}@media(max-width:560px){.document-card{flex-wrap:wrap}.document-actions{width:100%;justify-content:flex-end}}