.attachment-open{background:none;border:0;padding:3px 0;text-align:left;color:#245b70;text-decoration:underline;overflow-wrap:anywhere}
.attachment-preview{position:fixed;inset:0;z-index:1000;background:#f6f6f2;color:#202624;display:flex;flex-direction:column;overscroll-behavior:contain}
.attachment-preview-bar{flex:none;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));background:#eeece6;border-bottom:1px solid #ccc;min-height:66px}
.attachment-preview-bar strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attachment-preview-bar button{flex:none;padding:8px;font-size:14px}
.attachment-preview-body{flex:1;min-height:0;overflow:auto;padding:18px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overscroll-behavior:contain}
.attachment-preview-note{color:#515b58;line-height:1.5}.attachment-preview-text{white-space:pre-wrap;overflow-wrap:anywhere}
.attachment-preview-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain}.attachment-preview-zoom,.attachment-preview-tabs,.attachment-preview-pages{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}
.attachment-preview-pdf{display:block;width:100%;height:calc(100% - 60px);min-height:60dvh;border:0;background:white}
.attachment-preview-table{overflow:auto;max-width:100%}.attachment-preview-table table{border-collapse:collapse;white-space:pre-wrap;font-size:14px}.attachment-preview-table th,.attachment-preview-table td{border:1px solid #ccd0ce;min-width:75px;max-width:420px;padding:5px;overflow-wrap:anywhere}.attachment-preview-table th{background:#e5eae7;position:sticky;top:0}
@media(max-width:600px){.attachment-preview-bar{gap:6px}.attachment-preview-bar button{font-size:12px;padding:7px 5px}}