.attachmentPreview{position:fixed;z-index:50;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:#10251fba}.attachmentPreview.open{display:flex}.attachmentPreviewCard{width:min(1050px,96vw);height:min(820px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #07161180}.attachmentPreviewHead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;border-bottom:1px solid #dce2de;background:#f8faf8}.attachmentPreviewTitle{min-width:0}.attachmentPreviewTitle strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.attachmentPreviewTitle small{display:block;margin-top:3px;color:#748078;font-size:11px}.attachmentPreviewActions{display:flex;gap:7px;flex-shrink:0}.attachmentPreviewActions button{border:1px solid #b9c9c1;background:#fff;color:#285a48;border-radius:6px;padding:8px 11px;font-weight:bold;cursor:pointer}.attachmentPreviewActions .attachmentClose{width:36px;color:#333;font-size:18px}.attachmentPreviewBody{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;background:#e5e9e6;padding:14px}.attachmentPreviewBody img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 3px 15px #132a2133}.attachmentPreviewBody iframe{width:100%;height:100%;border:0;background:#fff}.attachmentPreviewBody video,.attachmentPreviewBody audio{max-width:100%}.attachmentUnsupported{text-align:center;background:#fff;border-radius:9px;padding:32px;max-width:520px}.attachmentUnsupported i{display:block;font-style:normal;font-size:52px;margin-bottom:10px}.attachmentUnsupported strong{display:block;font-size:17px;margin-bottom:7px}.attachmentUnsupported p{margin:0;color:#738078;font-size:12px;line-height:1.5}.currentFilePreview{border:0;background:none;color:#1f604a;font-weight:bold;text-decoration:underline;cursor:pointer;margin-left:auto}.attachmentTag:after{content:" • เปิดดู";font-size:10px;opacity:.75}@media(max-width:600px){.attachmentPreview{padding:8px}.attachmentPreviewCard{width:100%;height:95vh}.attachmentPreviewHead{align-items:flex-start}.attachmentPreviewActions{flex-wrap:wrap;justify-content:flex-end}.attachmentPreviewActions button{padding:7px 9px}.attachmentPreviewBody{padding:7px}}