.image-open{cursor:zoom-in}.image-open:focus-visible{outline:3px solid #16775c;outline-offset:4px}
.image-viewer{width:min(1200px,96vw);max-width:96vw;height:min(900px,94dvh);max-height:94dvh;border:0;border-radius:16px;padding:0;background:#10171e;color:#fff;overflow:hidden}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.image-viewer::backdrop{background:#061018d9}
.image-viewer-bar,.image-viewer-footer{display:flex;align-items:center;gap:12px;padding:16px;background:#1b252f}.image-viewer-caption{flex:1;min-width:0;overflow-wrap:anywhere}
.image-viewer .secondary{background:#fff;color:#172b25;border:1px solid #bcc8c4;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:7px}
.image-viewer .secondary:disabled{opacity:.4}.image-viewer-footer{justify-content:space-between}.image-viewer-footer span{font-size:12px;color:#c3cbd3}
.image-viewer-stage{overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0}.image-viewer-picture{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.image-actual .image-viewer-stage{display:block}.image-actual .image-viewer-picture{width:auto;height:auto;max-width:none;max-height:none;display:block;margin:auto}
.chat-badges{display:flex;gap:6px;margin-top:5px;font-size:11px}.chat-badges:empty{display:none}.pin-badge{color:#47665c}.unread-badge{background:#b83d3d;color:white;border-radius:10px;padding:1px 7px}
.chat-item.is-pinned{background:#eff5f2}.chat-item.is-pinned.selected{background:#e0efe7}.chat-actions{display:flex;gap:6px;flex-wrap:wrap}.chat-actions[hidden]{display:none}
.chat-actions button{font-size:12px;padding:6px 8px}.conversation-head{flex-wrap:wrap}.conversation-head>div:first-of-type{flex:1;min-width:140px}
.draft-hint{color:#6a7a72;font-size:12px;margin:5px 0}.message-copy{font-size:11px;padding:3px 8px;margin-top:5px;opacity:.4}.message:hover .message-copy,.message:focus-within .message-copy,.message-copy:focus{opacity:1}
.message-link{color:#126845;text-decoration:underline;overflow-wrap:anywhere}.send-panel.dragging{outline:3px dashed #218260;outline-offset:-4px}
.search-options{margin-top:8px}.search-options summary,.sync-details summary{font-size:12px;color:#6a7a72;cursor:pointer}.search-options[open] summary{margin-bottom:8px}
.sync-details{padding:4px 24px;border-bottom:1px solid #edf0ee}.sync-details .sync-feedback{padding:8px 0;border:0}
.conversation .send-panel{padding:12px 24px 14px}.send-panel .attachment-tools{margin:0 0 8px}.send-panel .attachment-tools span{font-size:12px;color:#7b877f}
.send-panel .send-actions{margin-top:8px;gap:12px}.send-actions .draft-hint{margin:0;flex:1}.send-panel #send-text{min-height:62px;max-height:140px}.send-panel #send-feedback:empty,.send-panel #send-availability:empty{display:none}
.send-panel #send-feedback{margin:6px 0 0;font-size:12px;color:#a43d32}.send-panel #send-availability{font-size:12px;color:#a43d32}
.outgoing-status{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-height:18px;margin-top:5px;font-size:11px;color:#7d8a82}.outgoing-status.send-problem{color:#b03e34}.outgoing-retry{font-size:11px;background:transparent;border:0;padding:2px 4px;color:#9e342b;text-decoration:underline;cursor:pointer}
.outgoing-file-name{font-weight:600;overflow-wrap:anywhere}.outgoing-file-size{font-size:11px;color:#6a7a72;margin:3px 0 7px}.message .bubble .attachment-preview{max-width:460px;margin:0}.message .bubble .attachment-image{max-width:min(320px,60vw);max-height:280px}.message .bubble .attachment-download{display:inline-block;font-size:12px;margin-top:6px;padding:3px 10px}.message .bubble .attachment-text,.message .bubble .attachment-document{max-height:250px;overflow:auto;white-space:pre-wrap}
@media(max-width:640px){.image-viewer-bar{gap:7px;flex-wrap:wrap;padding:10px}.image-viewer-caption{flex-basis:100%}.image-viewer-footer{padding:10px;gap:6px}.image-viewer-footer span{display:none}.chat-actions button{font-size:11px}.message-copy{opacity:1}}

.attachment-selection{max-height:150px;overflow:auto;padding:8px 12px;background:#f1f5f3;border-radius:8px;font-size:12px}.attachment-selection[hidden]{display:none}.attachment-selection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}.attachment-selection-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-selection-row button{flex:none;padding:3px 8px}.outgoing-hint{display:block;font-size:12px}