.customer-chat{grid-template-columns:minmax(0,1fr)}.customer-chat.with-details{grid-template-columns:minmax(0,1fr) 320px}.customer-chat .conversation-panel,.customer-chat .mobile-back,.customer-chat .composer-bottom,.customer-chat .private-tag{display:none}.customer-chat .chat-panel{display:flex;grid-column:1}.customer-chat .details-panel{grid-column:2}.top-invite{font-size:11px;min-height:40px;gap:7px}.top-invite>.icon{width:16px}.detail-person .brand-image{width:80px;height:80px;margin:0 auto}.detail-photo{display:inline-flex;padding:0;margin:6px;width:80px;height:80px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.detail-photo img{width:100%;height:100%;object-fit:cover}
.photo-card{padding:0;display:block;max-width:min(360px,100%);width:100%;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-soft);text-align:start}.photo-card>img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:var(--bg)}.own .photo-card{background:#00000018;border-color:#ffffff22}.attachment-thumbnail{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}.attachment-thumb-button{padding:0;flex:none}.upload-state{display:flex;align-items:center;gap:8px}.upload-indicator{display:inline-block;width:13px;height:13px;border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:uploadSpin 800ms linear infinite}@keyframes uploadSpin{to{transform:rotate(360deg)}}
.modal:has(.image-viewer){width:min(1000px,96vw)}.image-viewer-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px}.image-viewer-toolbar>span{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}.image-viewer-toolbar small{display:block;color:var(--muted);font-size:11px}.image-viewer-toolbar>.icon-btn{width:44px;height:44px;flex:none}.image-stage{display:flex;align-items:center;justify-content:center;overflow:auto;max-height:65dvh;background:var(--bg);border:1px solid var(--border);border-radius:16px;min-height:150px}.image-stage>img{display:block;max-width:100%;max-height:65dvh;object-fit:contain}.image-stage>img.zoomed{max-width:none;max-height:none;flex:none}.image-stage:has(.zoomed){justify-content:flex-start;align-items:flex-start}.image-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.image-navigation>.btn{min-height:44px}.post-card .photo-card{max-width:100%;margin:16px 0}.post-card>p{white-space:pre-wrap;overflow-wrap:anywhere}.post-card.pinned-post{border-color:var(--green);background:linear-gradient(135deg,var(--green-soft),var(--surface) 60%)}.post-controls{display:flex;flex-wrap:wrap;gap:8px}.post-controls .icon-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:11px}.post-controls .danger{margin-inline-start:auto}#post-attachment-preview:not(:empty){margin:16px 0}.customer-chat .composer-area{padding-bottom:20px}
@media(max-width:760px){.customer-chat,.customer-chat.with-details{display:block;position:relative}.customer-chat>.chat-panel{height:100%;display:flex!important;position:relative;width:100%}.customer-chat>.details-panel{position:absolute;inset:0;width:100%;z-index:24}.top-invite{padding:7px 9px;min-width:40px}.top-invite>span{display:none}.photo-card{max-width:min(280px,100%)}.photo-card>img{max-height:300px}.customer-chat .composer-area{padding-bottom:10px}.message:has(.photo-card){max-width:90%}.modal:has(.image-viewer) .modal-body{padding:14px}.modal:has(.image-viewer)>header{padding:14px}.post-controls .icon-btn{width:44px;height:44px}.image-stage,.image-stage>img{max-height:60dvh}}
@media(prefers-reduced-motion:reduce){.upload-indicator{animation:none}}
.post-preview-image{display:block;max-width:100%;max-height:220px;object-fit:contain;border-radius:12px;margin-block:12px}
@media(max-width:760px){.topbar:has(.top-invite){gap:8px;padding-inline:14px}.top-actions:has(.top-invite){gap:6px}.top-actions:has(.top-invite) .top-notification{display:none}.top-invite>span{display:inline;font-size:10px;white-space:nowrap}.top-invite{gap:5px;padding-inline:8px}}