.crm-documents-dialog{position:fixed;inset:0;margin:auto;max-height:90vh;overflow:auto;max-width:760px;width:calc(100% - 48px);box-sizing:border-box;border:1px solid #b9b8b0;border-radius:12px;padding:24px;background:var(--bg,#fff);color:var(--text,#202828);font:14px/1.5 system-ui,sans-serif}
.crm-documents-dialog::backdrop{background:#10202080}
.crm-documents-dialog h2{font-size:20px;margin-top:0}
.crm-documents-dialog button,.crm-documents-dialog a{display:inline-block;min-height:44px;box-sizing:border-box;padding:8px 12px;margin:4px;border:1px solid #888;border-radius:6px;background:#f6f4ee;color:#163c36;cursor:pointer}
.crm-document-close{position:sticky;top:0;z-index:2;float:right}
.crm-documents-dialog button:disabled{opacity:.6;cursor:wait}
.crm-documents-dialog button:focus-visible,.crm-documents-dialog summary:focus-visible{outline:3px solid #087d7a;outline-offset:2px}
.crm-documents-dialog details{margin:16px 0}
.crm-document-row{border-top:1px solid #b9b8b0;padding:10px 0}
.crm-document-row p{margin:6px 0}
.crm-document-actions{display:flex;flex-wrap:wrap;gap:4px}
.crm-document-row [role=status]{font-size:13px;min-height:1.5em}
.crm-documents-dialog.has-preview{max-width:1200px}
.crm-document-preview h3{font-size:15px}
.crm-document-preview{min-width:0}
@media(max-width:600px){.crm-documents-dialog{width:calc(100% - 16px);padding:14px;max-height:95vh}.crm-document-actions{flex-direction:column}.crm-document-actions button{margin:2px 0;min-height:44px}}