.message.message-document{width:340px;max-width:min(88%,370px)}
.app .message.message-document,.dialog .message.message-document{padding:5px 5px 4px}
.message-document>.message-text{margin:3px 6px 8px}
.message-document .document-card{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:68px;padding:11px;border-radius:7px;background:#182329;color:var(--msg-text);text-decoration:none;white-space:normal;overflow:hidden}
.message-document.out .document-card{background:#0b2a50}
[data-hubba-theme=light] .message-document .document-card{background:#f0f2f5}
[data-hubba-theme=light] .message-document.out .document-card{background:#cadbf7}
.document-card:hover{filter:brightness(1.06)}
.app .document-card:focus-visible,.dialog .document-card:focus-visible{outline:2px solid var(--msg-accent);outline-offset:2px}
.document-file-icon{position:relative;display:grid;place-items:center;width:32px;height:40px;border-radius:3px;background:#53677c;clip-path:polygon(0 0,73% 0,100% 23%,100% 100%,0 100%);color:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:9px;line-height:1;font-weight:750;padding-top:5px}
.document-file-icon::before{content:"";position:absolute;right:0;top:0;width:9px;height:10px;background:#ffffff44;border-radius:0 0 0 2px}
.document-file-pdf{background:#bd3548;font-size:10px}
.document-file-word{background:#2563bb;font-size:16px}
.document-file-sheet{background:#217451;font-size:16px}
.document-file-slides{background:#b34b24;font-size:16px}
.document-file-archive{background:#7951b0}
.document-details{display:grid;gap:4px;min-width:0}
.document-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:40px;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;font-size:14px;font-weight:450;line-height:20px;color:var(--msg-text)}
.document-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:15px;color:var(--msg-muted)}
[data-hubba-theme=light] .document-info{color:#40536d}
.document-download{display:block;width:20px;height:20px;fill:none;stroke:var(--msg-muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.app .message.message-document>.message-meta,.dialog .message.message-document>.message-meta{margin:4px 5px 0;min-height:14px;font-size:11px;line-height:14px}
@media(max-width:500px){.message.message-document{max-width:92%}.message-document .document-card{gap:9px;padding:10px}}