.message-image-preview{display:block;max-width:100%;padding:0;border:0;background:transparent;border-radius:8px;cursor:zoom-in;text-align:left}
.message-image-preview:focus-visible{outline:3px solid var(--accent-1);outline-offset:4px}
.wc-image-viewer{position:fixed;inset:0;width:calc(100vw - 24px);height:calc(100vh - 24px);height:calc(100dvh - 24px);max-width:1440px;max-height:none;margin:auto;padding:0;border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);background:var(--bg-secondary);overflow:hidden;box-shadow:var(--shadow-lg)}
.wc-image-viewer:not([open]){display:none}.wc-image-viewer::backdrop{background:rgba(13,18,31,.82)}
.wc-image-viewer-layout{display:flex;flex-direction:column;height:100%;min-height:0}
.wc-image-viewer-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:10px 12px;border-bottom:1px solid var(--border-color)}
.wc-image-viewer-title{font-size:14px;font-weight:600;line-height:1.4;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.wc-image-viewer button{min-height:44px;min-width:44px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);padding:0 12px;font:inherit;font-size:14px;white-space:nowrap;flex-shrink:0;cursor:pointer}
.wc-image-viewer button:hover{background:var(--bg-hover)}.wc-image-viewer button:focus-visible{outline:3px solid var(--accent-1);outline-offset:2px}.wc-image-viewer button:disabled{opacity:.4;cursor:default}
.wc-image-viewer-close{font-weight:600!important}
.wc-image-viewer-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#111827;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}
.wc-image-viewer-stage[data-draggable="true"]{cursor:grab}.wc-image-viewer-stage[data-dragging="true"]{cursor:grabbing}
.wc-image-viewer-image{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;display:block;transform-origin:center center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;border-radius:0;touch-action:none;will-change:transform}
.wc-image-viewer-image[hidden],.wc-image-viewer-message[hidden],.wc-image-viewer-retry[hidden]{display:none}
.wc-image-viewer-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;color:#e2e8f0;text-align:center;font-size:14px;line-height:1.7}
.wc-image-viewer-foot{flex-shrink:0;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border-color)}
.wc-image-viewer-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.wc-image-viewer-ratio{min-width:56px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}
.wc-image-viewer-hint{margin:8px 0 0;text-align:center;color:var(--text-secondary);font-size:12px;line-height:1.5}
.wc-image-viewer-touch-hint{display:none}
@media(pointer:coarse){.wc-image-viewer-pointer-hint{display:none}.wc-image-viewer-touch-hint{display:inline}}
@media(min-width:768px){.wc-image-viewer{width:calc(100vw - 48px);height:calc(100vh - 48px);height:calc(100dvh - 48px)}.wc-image-viewer-head{padding:12px 20px}.wc-image-viewer-title{font-size:16px}.wc-image-viewer-foot{padding-top:12px;padding-bottom:12px}}
@media(max-height:480px){.wc-image-viewer-head{padding:4px 10px}.wc-image-viewer-foot{padding:4px 10px}.wc-image-viewer-hint{display:none}}

.contact-heading .contact-presence{font-size:12px;line-height:1.4;margin-top:4px}.contact-presence[hidden]{display:none}.contact-heading .contact-presence.is-online{color:#16803f}.contact-presence.is-online::before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:1px}[data-theme=dark] .contact-heading .contact-presence.is-online{color:#69da93}
@media(max-width:700px){.contact-heading .contact-presence{font-size:11px}.contact-heading #contactSubtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}