.attachment-actions{display:flex;align-items:center;gap:16px;margin:12px 0;flex-wrap:wrap}.attachment-actions .attachment-open,.attachment-download{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border-radius:10px;font:inherit;text-decoration:none;line-height:1.3;cursor:pointer}.attachment-actions .attachment-open{background:#246b58;color:#fff;border:1px solid #246b58;font-weight:650}.attachment-download{background:transparent;color:inherit;border:1px solid #85928c}.attachment-open:focus-visible,.attachment-download:focus-visible,.attachment-close:focus-visible{outline:3px solid #c68d22;outline-offset:3px}.attachment-viewer{position:fixed;inset:0;transform:none;translate:none;margin:auto;box-sizing:border-box;width:min(1200px,calc(100vw - 32px));height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid #65716e;border-radius:16px;background:#f5f7f6;color:#172b24;color-scheme:light;overflow:hidden}.attachment-viewer[open]{animation:none;display:flex;flex-direction:column}.attachment-viewer::backdrop{background:#071b19b8}.attachment-header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #c5cfca;flex-shrink:0}.attachment-header h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere;margin:0;flex:1}.attachment-close{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #85928c;border-radius:10px;background:#fff;color:#172b24;font-size:30px;cursor:pointer}.attachment-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;text-align:center}.attachment-content>img{display:block;max-width:100%;height:auto;margin:auto;background:#fff}.attachment-viewer footer{padding:12px 16px;border-top:1px solid #c5cfca;flex-shrink:0}.attachment-pdf-page{min-height:350px;margin:16px auto;max-width:1100px;overflow:hidden;background:#fff;border:1px solid #d0d8d4}.attachment-pdf-page canvas{display:block;max-width:100%;height:auto}.attachment-pdf-page figcaption{padding:8px;color:#52625a;font-size:13px}.attachment-file-name{overflow-wrap:anywhere;margin:8px 0}.attachment-thumbnail{display:block;max-width:100%;background:none;border:0;padding:0;cursor:pointer}.attachment-thumbnail img{display:block;max-width:100%;max-height:220px;object-fit:contain}
@media(max-width:599px){.attachment-actions{flex-direction:column;align-items:stretch;gap:16px}.attachment-actions .attachment-open,.attachment-actions .attachment-download{width:100%;min-height:48px}.attachment-viewer{width:100vw;height:100dvh;border-radius:0;border:0}.attachment-header{padding:8px 12px}.attachment-header h2{font-size:16px}.attachment-content{padding:12px}.attachment-viewer footer{padding:12px}.attachment-viewer footer .attachment-download{width:100%}}