/* 3.11.0: fast chat, attachment preview and dependable photo viewer. */
.sp-class-chat .sp-chat-attachment-preview[hidden]{display:none!important}
.sp-class-chat .sp-chat-attachment-preview{display:grid;grid-template-columns:64px minmax(0,1fr) 36px;align-items:center;gap:12px;margin:0 14px 10px;padding:10px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.06)}
.sp-class-chat .sp-chat-attachment-preview img{display:block;width:64px;height:64px;border-radius:12px;object-fit:cover;background:#f3f4f6}
.sp-class-chat .sp-chat-attachment-preview span{display:grid;min-width:0;gap:3px;color:#111827}
.sp-class-chat .sp-chat-attachment-preview strong{font-size:14px;line-height:1.25}
.sp-class-chat .sp-chat-attachment-preview small{overflow:hidden;color:#64748b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.sp-class-chat .sp-chat-attachment-preview button{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f1f5f9!important;color:#111827!important;font:400 24px/1 Arial,sans-serif!important;cursor:pointer}
.sp-class-chat .sp-chat-photo{display:block!important;overflow:hidden!important;width:min(260px,62vw)!important;max-width:100%!important;margin:7px 0 3px!important;padding:0!important;border:0!important;border-radius:14px!important;background:#fff!important;cursor:zoom-in!important}
.sp-class-chat .sp-chat-photo img{display:block!important;width:100%!important;height:auto!important;max-height:240px!important;object-fit:cover!important}
.sp-chat-photo-viewer[hidden]{display:none!important}
.sp-chat-photo-viewer{position:fixed!important;z-index:2147483600!important;inset:0!important;display:grid!important;place-items:center!important;overflow:auto!important;padding:24px!important;background:rgba(9,12,18,.86)!important;backdrop-filter:blur(5px)!important}
.sp-chat-photo-viewer>div{position:relative!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important}
.sp-chat-photo-viewer img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100vw - 48px)!important;max-height:calc(100vh - 48px)!important;margin:auto!important;border-radius:16px!important;object-fit:contain!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important}
.sp-chat-photo-viewer button{position:fixed!important;z-index:2!important;top:16px!important;right:16px!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#111827!important;font:400 30px/1 Arial,sans-serif!important;box-shadow:0 8px 25px rgba(0,0,0,.3)!important;cursor:pointer!important}
@media(max-width:520px){.sp-class-chat .sp-chat-attachment-preview{grid-template-columns:54px minmax(0,1fr) 34px;margin-inline:8px}.sp-class-chat .sp-chat-attachment-preview img{width:54px;height:54px}.sp-chat-photo-viewer{padding:10px!important}.sp-chat-photo-viewer img{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}.sp-chat-photo-viewer button{top:8px!important;right:8px!important}}