/* QA56 chat only. Text, photo, timing, permission and event owners are unchanged.
   Load after messenger-refresh.css and the shared Sketch Pop glyph stylesheet. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog,.cm-profile-menu){color:var(--sketch-ink,#11131b);font-family:var(--sketch-font-body,Inter,system-ui,sans-serif)}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat{container-type:inline-size;container-name:sketch-chat;background:#fff!important;border:2px solid var(--sketch-ink,#11131b)!important;border-radius:26px 23px 29px 24px!important;padding:10px 10px 0!important;box-sizing:border-box;isolation:isolate}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head{background:#fff!important;border:2px solid var(--sketch-ink,#11131b)!important;border-radius:25px 22px 27px 24px!important;box-shadow:0 4px 0 #ffd43c24!important;gap:6px!important;padding:12px 8px!important;min-height:76px;z-index:8;--cm-head-key:clamp(25px,7.1cqi,40px)}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head[data-sketch-chat-head=list]{border:0!important;box-shadow:none!important;border-radius:0!important;min-height:72px;padding:8px 0 12px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>h2{font:700 clamp(19px,5.5cqi,29px)/1.1 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;color:var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head[data-sketch-chat-head=list]>h2{flex:1 1 auto!important;max-width:max-content;margin-inline-end:auto!important;padding:9px 13px;border:2px solid var(--sketch-ink,#11131b);border-radius:24% 19% 23% 18% / 25% 25% 22% 23%;background:var(--sketch-yellow,#ffd43c);box-shadow:inset 0 2px 0 #fff7}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>button:not(.cm-profile){width:var(--cm-head-key)!important;height:var(--cm-head-key)!important;flex:0 0 var(--cm-head-key)!important;padding:0!important;min-width:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-profile{flex:0 0 clamp(36px,10cqi,54px)!important;width:clamp(36px,10cqi,54px)!important;padding:0!important;background:none!important;border:0!important;align-self:center!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-person{align-self:center!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-person-name>strong{font:700 clamp(13px,3.8cqi,20px)/1.2 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;color:var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-person-meta{gap:4px!important;margin-top:5px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-peer-time{font:400 clamp(10px,2.8cqi,13px)/1.25 var(--sketch-font-body,Inter,system-ui,sans-serif)!important;color:#747783!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-peer-controls{align-self:center!important;padding-block-start:0!important;gap:3px!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:var(--cm-head-key)}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-peer-controls>button{display:grid;place-items:center;align-self:center!important;height:var(--cm-head-key)!important;width:var(--cm-head-key)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
/* The retained group glyph uses exactly the same cell as supplied drawings;
   mapping an icon to artwork must never change a group's visual alignment. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-peer-controls>button>svg{display:block!important;width:var(--cm-head-key,32px)!important;height:var(--cm-head-key,32px)!important;max-width:var(--cm-head-key,32px)!important;max-height:var(--cm-head-key,32px)!important;margin:0!important}
/* Every supplied icon stays a separate original asset. The original SVG node
   remains connected, with its button/listeners/accessibility still in place. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) [data-sketch-chat-art]{background-image:var(--sketch-chat-image)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;visibility:visible!important;opacity:1!important;filter:none!important;pointer-events:none;content:normal!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 svg[data-sketch-chat-art]>*{visibility:hidden!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>button>[data-sketch-chat-art],html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-peer-controls>button>[data-sketch-chat-art]{display:block!important;width:var(--cm-head-key,32px)!important;height:var(--cm-head-key,32px)!important;max-width:var(--cm-head-key,32px)!important;max-height:var(--cm-head-key,32px)!important;margin:0!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=history]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/history.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=requests]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/requests.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=blocked]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/blocked.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=call]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/call.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=list-close]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/list-close.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=search]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/search.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=contacts]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/contacts.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=online]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/online.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=offline]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/offline.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=back]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/back.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=add-call]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/add-call.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=protection]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/protection.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=crown]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/crown.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=close]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/close.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=avatar]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/avatar.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=unfriend]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/unfriend.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=block]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/block.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=report]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/report.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-chat-art=link-camera]{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/link-camera.webp')}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-directory{padding:12px 0!important;overflow-x:hidden;overscroll-behavior:contain;background:#fff!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box{gap:9px;padding:5px 9px 5px 12px;min-height:52px;border:2px solid var(--sketch-ink,#11131b)!important;border-radius:25px 24px 22px 26px!important;background:#fff!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box>span>svg{width:27px!important;height:27px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box input{font:400 14px/1.4 var(--sketch-font-body,Inter,system-ui,sans-serif)!important;color:var(--sketch-ink,#11131b)!important;background:transparent!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contacts-toggle{width:33px;height:36px;padding:1px;background:transparent!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contacts-toggle>svg{width:100%!important;height:100%!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-member-id]{position:relative;min-height:93px;padding:16px 22px 16px 4px!important;gap:15px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-member-id]::before{content:'';position:absolute;inset:auto 22px 0 77px;height:1px;background:#e1e2e7}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-member-id]::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:14px;height:20px;background:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/chevron.webp') center/contain no-repeat;pointer-events:none}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-member-id]>.cm-avatar{width:58px;height:58px;min-width:58px;align-self:center}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat .cm-head,.cm-chat .cm-directory,.cm-invite-friend) .cm-avatar:not(.cm-group-avatar){border:3px solid var(--sketch-yellow,#ffd43c)!important;outline:1.5px solid var(--sketch-ink,#11131b);outline-offset:0;box-shadow:none!important;background:#e8f2f9!important;overflow:visible!important;box-sizing:border-box}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat .cm-head,.cm-chat .cm-directory,.cm-invite-friend) .cm-avatar:has(>svg[data-sketch-chat-art=avatar]){border-color:transparent!important;outline:0;background:transparent!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) .cm-avatar>svg[data-sketch-chat-art=avatar]{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) .cm-avatar>:is(.cm-online,.cm-offline)[data-sketch-chat-art]{position:absolute;bottom:-4px;right:-5px;width:19px!important;height:19px!important;border:2px solid #fff!important;box-shadow:none!important;border-radius:50%;background-color:#fff!important;z-index:2}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact-name strong{font:700 clamp(16px,4.4cqi,23px)/1.25 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;color:var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact-summary>small{font:400 14px/1.4 var(--sketch-font-body,Inter,system-ui,sans-serif)!important;color:#777b88!important;margin-top:7px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact-meta{align-self:center!important;gap:5px;max-width:92px;font:400 11px/1.4 var(--sketch-font-body,Inter,system-ui,sans-serif)!important;color:#7b7e8c!important}
/* This is an opt-in paint of a real caller-owned typing state. Never create a
   typing row, infer it from a preview, or animate ordinary message content. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-chat-typing=true] .cm-contact-summary>small{color:transparent!important;position:relative;height:28px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-chat-typing=true] .cm-contact-summary>small::after{content:'';position:absolute;inset:0 auto 0 0;width:39px;background:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/typing.webp') left center/contain no-repeat;animation:sketch-chat-typing 1.15s ease-in-out infinite}
@keyframes sketch-chat-typing{0%,100%{opacity:.65}50%{opacity:1}}
/* Keep chat contents/editors/media as ordinary, readable live DOM. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cl-messages,.cm-bubble,.cm-inline-edit-text,#room-text,.cm-compose-hint){font-family:var(--sketch-font-body,Inter,system-ui,sans-serif)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cl-composer{background:var(--sketch-paper,#fffef8)!important;box-shadow:none!important;border-top:1.5px solid var(--sketch-ink,#11131b)!important}
/* Protection is still the same permission-guarded, localized action menu. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu{width:min(330px,calc(100cqi - 18px));max-width:calc(100cqi - 18px);min-width:min(230px,calc(100cqi - 18px));box-sizing:border-box;padding:10px!important;gap:10px!important;background:var(--sketch-paper,#fffef8)!important;border:3px solid var(--sketch-ink,#11131b)!important;border-radius:25px 23px 28px 24px!important;box-shadow:0 5px 0 #16151c0e!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button{display:flex;align-items:center;gap:13px;width:100%;min-height:65px;padding:10px 15px!important;border:2px solid var(--sketch-yellow,#ffd43c)!important;border-radius:22px 26px 23px 24px!important;background:#fffcf0!important;color:var(--sketch-ink,#11131b)!important;text-align:start;box-shadow:0 3px 0 #ffd43c24!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button::after{font:700 17px/1.25 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;white-space:normal;margin:0!important;overflow-wrap:anywhere}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button>svg{width:42px!important;height:42px!important;flex:none}
/* Centered invitation hierarchy. Its native list alone scrolls on overflow;
   neither sample names nor text-bearing button PNGs replace dynamic content. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog{width:min(620px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(780px,calc(100dvh - 24px))!important;margin:auto;padding:0!important;border:3px solid var(--sketch-ink,#11131b)!important;border-radius:34px 31px 38px 32px!important;background:var(--sketch-paper,#fffef8)!important;box-shadow:0 8px 0 #11131b12!important;overflow:hidden!important;box-sizing:border-box}
/* Keep the action above the independently scrolling friends, including when
   the available height shrinks. Closed native dialogs must remain hidden. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog:not(.cm-room-share)[open]{display:flex;flex-direction:column}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog>:is(header,.cm-room-link-create,.cm-invite-status){flex:none}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog>header{position:relative;padding:22px 42px 17px!important;gap:0!important;border:0!important;background:transparent!important;box-sizing:border-box}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog>header>div{display:grid;justify-items:center;gap:9px;text-align:center;min-width:0}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-crown{display:grid;place-items:center;width:67px;height:54px;font-size:0!important;line-height:0;letter-spacing:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-crown>svg{width:100%!important;height:100%!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog h2{position:relative;margin:0!important;font:700 clamp(22px,3.2vw,32px)/1.15 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;color:var(--sketch-ink,#11131b)!important;text-align:center;background:none;overflow-wrap:anywhere}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog header p{margin:0!important;font:400 15px/1.45 var(--sketch-font-body,Inter,system-ui,sans-serif)!important;color:#666675!important;text-align:center}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog .cm-invite-close{position:absolute;right:12px;top:12px;width:40px;height:40px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog .cm-invite-close>svg{width:100%!important;height:100%!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-list{display:grid!important;grid-template-columns:minmax(0,1fr);flex:0 1 auto;gap:10px!important;max-height:490px!important;min-height:0;padding:3px 15px 8px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7d7d78 #e8e6de;scrollbar-gutter:auto}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-list::-webkit-scrollbar{width:10px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-list::-webkit-scrollbar-track{background:#e8e6de;border-radius:10px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-list::-webkit-scrollbar-thumb{background:#7d7d78;border:1px solid #555650;border-radius:10px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog .cm-room-link-create{position:static;display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:calc(100% - 30px);min-width:0;max-width:calc(100% - 30px);min-height:61px;margin:0 15px 9px;padding:11px 14px;border:3px solid var(--sketch-ink,#11131b)!important;border-radius:25px 22px 24px 26px!important;background:linear-gradient(110deg,#ffe777,var(--sketch-yellow,#ffd43c) 55%,#ffdd5f)!important;box-shadow:inset 0 3px 0 #fff7,inset 0 -4px 0 #efb83f66!important;color:var(--sketch-ink,#11131b)!important;font:700 clamp(15px,2.6vw,21px)/1.25 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;text-align:center;overflow-wrap:anywhere;cursor:pointer}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog .cm-room-link-create>svg{width:40px!important;height:36px!important;flex:none}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend{display:flex;align-items:center;gap:12px;padding:11px 12px!important;min-height:80px;border:2px solid var(--sketch-ink,#11131b)!important;border-radius:21px 20px 23px 22px!important;background:#fff!important;color:var(--sketch-ink,#11131b)!important;box-shadow:none!important;font-family:var(--sketch-font-body,Inter,system-ui,sans-serif)!important;box-sizing:border-box}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend .cm-avatar{width:51px;height:51px;min-width:51px;align-self:center}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend strong{font:700 19px/1.25 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;color:var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend small{margin-top:5px;font:400 12px/1.35 var(--sketch-font-body,Inter,system-ui,sans-serif)!important;color:#676875!important;white-space:normal;overflow-wrap:anywhere}
/* Use only the provided button perimeter. Its raster 'Invitar' center is
   excluded: the real b node can translate and reflect actual pending state. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend b{flex:none;box-sizing:border-box;min-width:84px;padding:8px 9px!important;border:9px solid transparent!important;border-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/invite-border.webp') 24 28 / 10px / 0 stretch!important;border-radius:20px!important;background:linear-gradient(115deg,#ffe884,#ffd43c)!important;background-clip:padding-box!important;box-shadow:none!important;color:var(--sketch-ink,#11131b)!important;font:700 16px/1.15 var(--sketch-font-title,NanumSquareRound,sans-serif)!important;text-align:center}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-status{padding:8px 18px 14px!important;color:#575763!important;font:400 13px/1.4 var(--sketch-font-body,Inter,system-ui,sans-serif)!important;overflow-wrap:anywhere}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-room-share-actions>button{font-family:var(--sketch-font-title,NanumSquareRound,sans-serif)!important;color:var(--sketch-ink,#11131b)!important;background:#ffdf64!important;border:2px solid var(--sketch-ink,#11131b)!important;border-radius:18px!important}
/* Feedback changes paint, never the click target or native disabled behavior. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) button{transition:background-color .16s ease!important;transform-origin:center;touch-action:manipulation}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) button:not(:disabled):hover{scale:1;filter:none;box-shadow:none!important;background-color:transparent!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) button:not(:disabled):active{scale:1;filter:none;box-shadow:none!important;background-color:transparent!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) button:focus-visible{outline:3px solid var(--sketch-ink,#11131b)!important;outline-offset:3px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend:disabled{opacity:.65!important;cursor:progress}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) [hidden]{display:none!important}
@container sketch-chat (max-width:350px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head{--cm-head-key:24px;gap:4px!important;padding-inline:5px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head[data-sketch-chat-head=list]>h2{font-size:18px!important;padding:8px 7px}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-member-id]{gap:10px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact-meta{max-width:76px;font-size:10px!important}
}
@media(max-width:480px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog>header{padding:17px 38px 14px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-crown{width:58px;height:45px}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog header p{font-size:13px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend{gap:8px;padding:10px 8px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend .cm-avatar{width:42px;height:42px;min-width:42px}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend strong{font-size:16px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend small{font-size:11px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend b{min-width:69px;font-size:14px!important;padding:6px 4px!important}
}
@media(max-height:500px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog>header{padding-block:10px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-crown{width:38px;height:30px}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-list{max-height:calc(100dvh - 195px)!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) button{transition:none!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact[data-chat-typing=true] .cm-contact-summary>small::after{animation:none!important}
}

/* QA57: no nested keycaps. The ink is the supplied drawing, not a second
   painted button around it. Keep focus visible for keyboard navigation. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) button{border:0!important;box-shadow:none!important;background-color:transparent!important;background-image:none!important}
/* This close has no SVG child: keep its standalone supplied X visible after
   removing keycap backgrounds, exactly like the other chat close controls. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat #room-form~.cm-emoji-picker>header>button{background-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/close.webp')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;font-size:0!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat{padding-bottom:6px!important;overflow:hidden;border-bottom:2px solid var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cl-composer{margin:0!important;width:100%;box-sizing:border-box;background:#fff!important;border:0!important;border-radius:18px 22px 23px 21px;padding:10px 2px max(10px,env(safe-area-inset-bottom))!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cl-composer,.cm-compose-field,#room-text):is(:focus,:focus-within){box-shadow:none!important;outline:0!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cl-composer::before,html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cl-composer::after{content:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cl-composer [type=submit]>svg{background:none!important;color:var(--sketch-ink,#11131b)!important;fill:#fff!important;stroke:currentColor!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cl-composer [type=submit]>svg>*{visibility:visible!important;fill:#fff!important;stroke:currentColor!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head{--cm-head-key:clamp(30px,8cqi,46px);--cm-head-avatar:clamp(40px,11cqi,64px);gap:clamp(3px,1.2cqi,8px)!important;padding:10px clamp(4px,1.8cqi,10px)!important;min-height:88px;align-items:center!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head[data-sketch-chat-head=list]>h2{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-profile{display:grid!important;place-items:center;flex:0 0 var(--cm-head-avatar)!important;width:var(--cm-head-avatar)!important;height:var(--cm-head-avatar)!important;min-height:0!important;margin:0!important;padding:0!important;aspect-ratio:1;border-radius:50%!important;outline-offset:3px;overflow:visible!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-profile::before,html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-profile::after{content:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) .cm-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;aspect-ratio:1;border-radius:50%!important;min-height:0}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-avatar{width:100%!important;height:100%!important;min-width:0!important;margin:0!important;align-self:center!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) .cm-avatar>img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;aspect-ratio:1;border-radius:50%!important;clip-path:circle(50%);margin:0!important;align-self:center}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-peer-controls{display:flex!important;flex-flow:row nowrap!important;gap:clamp(2px,.9cqi,6px)!important;align-items:center!important;justify-content:center!important;align-self:center!important;padding:0!important;margin-inline-start:auto}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-person{min-width:0;flex:1 1 0;overflow:hidden}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-person-meta>.cm-flags{display:flex;flex-flow:row nowrap;align-items:center;width:100%;max-width:168px;gap:clamp(2px,.8cqi,6px)!important;padding:2px;box-sizing:border-box}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-flags>.cm-language-info{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;flex:1 1 0!important;min-width:0!important;width:auto!important;height:clamp(22px,6.8cqi,38px)!important;padding:1px!important;overflow:visible;max-width:54px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-flags>.cm-language-info>img{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto;object-fit:contain!important;margin:0!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box>span{color:var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;appearance:none}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box:focus-within{outline:0!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-friend b{border:0!important;border-image:none!important;background:none!important;box-shadow:none!important;border-radius:0!important;padding:8px 3px!important;min-width:0!important;flex:0 0 auto;color:var(--sketch-ink,#11131b)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-bubble{border-radius:19px 23px 18px 22px / 22px 18px 23px 19px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .me .cm-bubble{border-radius:23px 18px 22px 19px / 19px 23px 18px 22px!important}
/* The bubble remains the sole perimeter while native textarea and mirrored
   changed-text glyphs keep their original metrics and caret alignment. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cm-inline-edit,.cm-edit-surface,.cm-edit-highlight,.cm-inline-edit-text){border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cm-inline-edit,.cm-edit-surface,.cm-edit-highlight,.cm-inline-edit-text)::before,html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cm-inline-edit,.cm-edit-surface,.cm-edit-highlight,.cm-inline-edit-text)::after{content:none!important}

/* QA58: one outer ink perimeter; headers are separated, never nested cards. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat{border-color:#11131b!important;background-clip:padding-box}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head[data-sketch-chat-head]{border:0!important;border-bottom:1px solid #11131b!important;border-radius:0!important;box-shadow:none!important;--cm-head-key:clamp(34px,8.5cqi,44px);min-height:78px;gap:4px!important;padding:8px 0 12px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-person{padding-top:7px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-person-meta{margin-top:3px!important;gap:3px!important}
/* The QA58 kit has a 36x24 stage: size its slot as well as its image so the
   incoming fourth flag never shrinks the three visible ones (QA57: up to 54x38). */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-person-meta>.cm-flags{flex:none;width:min(100%,116px);max-width:116px;height:28px;gap:4px!important;padding:2px 0;overflow:hidden}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-flags>.cm-language-info{flex:0 0 36px!important;width:36px!important;max-width:36px;height:24px!important;min-height:0!important;padding:0!important;margin:0!important;scale:1!important;outline:0}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-flags>.cm-language-info>img{width:36px!important;height:24px!important;max-width:36px!important;max-height:24px!important;aspect-ratio:3/2}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-flags>.cm-language-info:focus-visible{outline:2px solid #11131b!important;outline-offset:-2px!important}
/* At narrow widths the extra friendship control consumes the flag strip's
   space. Give identity its own line instead of shrinking or clipping artwork. */
@container sketch-chat (max-width:350px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head:has(.cm-peer-controls>.cm-friend-action){flex-flow:row wrap!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head:has(.cm-peer-controls>.cm-friend-action)>.cm-person{order:1;flex:1 0 100%!important;width:100%;box-sizing:border-box;padding:0 0 0 calc(var(--cm-head-key) + 4px)}
}

/* Fixed row geometry leaves room for the avatar outline and presence dot. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-directory{padding-inline:4px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-invite-friend){scale:1!important;transform:none!important;overflow:visible!important;border-radius:14px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-invite-friend):not(:disabled):is(:hover,:focus-visible){background-color:#fff8df!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box>span{width:28px;height:28px;flex:none}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box>span>svg{width:20px;height:20px;transition:width .15s ease,height .15s ease}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box:focus-within>span>svg{width:26px;height:26px}

html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-quote-compose{border:1.5px solid #11131b!important;border-inline-start:4px solid #11131b!important;border-radius:12px 15px 13px 11px;background:#fff2b9!important;color:#11131b!important;margin:5px 2px;padding:8px 10px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-bubble>.cm-reply{border:1px solid #777363!important;border-inline-start:3px solid #11131b!important;border-radius:9px 11px 8px 10px!important;background:#fffdf4!important;color:#333026!important;box-shadow:none!important;scale:1!important;transform:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-bubble>.cm-reply:hover{background:#fff8df!important}

/* The existing localized moderation actions stay anchored to their trigger. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu{width:230px;min-width:0;max-width:calc(100% - 12px);display:flex;flex-direction:column;padding:5px!important;gap:2px!important;border:1.5px solid #11131b!important;border-radius:13px 11px 14px 12px!important;box-shadow:0 3px 0 #11131b12!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button{min-height:38px;padding:7px 8px!important;gap:9px;border:0!important;border-radius:8px!important;scale:1!important;transform:none!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button:not(:disabled):hover{background:#fff2b9!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button::after{font-size:13px!important;line-height:1.3!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button>svg{width:22px!important;height:22px!important;flex:0 0 22px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button:disabled{opacity:.45}

html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-new-messages{left:auto;right:12px;transform:none!important;scale:1!important;border:1.5px solid #11131b!important;border-radius:15px 18px 14px 17px!important;background:#ffd43c!important;color:#11131b!important;min-height:40px;padding:8px 12px;box-shadow:0 2px 0 #11131b!important;font-family:var(--sketch-font-title,NanumSquareRound,sans-serif)!important;white-space:normal;text-align:start}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-new-messages:hover{background:#ffe684!important;box-shadow:0 2px 0 #11131b!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-new-messages>svg{flex:none;width:22px;height:22px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 #chat-toggle :is(.cm-call-unread,.ce-count){top:0!important;right:0!important;transform:translate(15%,-15%);z-index:3;min-width:18px;line-height:16px;padding:0 3px;border:1.5px solid #11131b;background:#ffd43c;color:#11131b;pointer-events:none}
@media(prefers-reduced-motion:reduce){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-search-box>span>svg{transition:none}
}

/* QA59 chat-only polish. The delivered call stage remains #302f3b; only the
   exposed backdrop around the rounded chat uses the requested #30303e. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-main:has(>.cm-chat){background-color:#30303e}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head[data-sketch-chat-head]{--cm-head-key:clamp(28px,9cqi,42px)}
/* Use the existing bare camera/+, shield and X vectors. The older adapter's
   raster artwork includes a keycap inside the image itself; removing only the
   button background does not remove that box. Handlers/disabled stay intact. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head :is(.cm-back,.cm-main-invite,.cm-danger,.cm-close)>svg{background:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head :is(.cm-back,.cm-main-invite,.cm-danger,.cm-close)>svg>*{visibility:visible!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog .cm-invite-close>svg{background:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-invite-dialog .cm-invite-close>svg>*{visibility:visible!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head :is(.cm-back,.cm-close,.cm-invite,.cm-danger,.cm-peer-controls>button){border:0!important;background:none!important;box-shadow:none!important;transform:none!important;translate:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head :is(.cm-back,.cm-close,.cm-invite,.cm-danger,.cm-peer-controls>button):not(:disabled):hover{scale:1.1!important;background:none!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head :is(.cm-back,.cm-close,.cm-invite,.cm-danger,.cm-peer-controls>button):not(:disabled):active{scale:1!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head :is(.cm-back,.cm-close,.cm-invite,.cm-danger,.cm-peer-controls>button):focus-visible{outline:2px solid #11131b!important;outline-offset:2px!important}
@container sketch-chat (max-width:350px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head[data-sketch-chat-head=peer]{gap:2px!important}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-peer-controls{gap:2px!important}
}
/* Cover non-person rows (history/search/requests) too, while leaving space
   for the existing avatar outline and online dot inside the directory. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cm-contact,.cm-search-result,.cm-participant-row){box-sizing:border-box;max-width:100%;min-width:0;scale:1!important;transform:none!important;translate:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend):not(:disabled):is(:hover,:focus-visible){background-color:#fff5b8!important;scale:1!important;transform:none!important}
/* One uniform glyph slot for all existing permission-guarded safety actions.
   The full two-person unfriend drawing is 128x74, so a square slot would make
   it only 14px tall. A 42x24 slot keeps every drawing at ~24px visible height. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>button>svg{width:42px!important;height:24px!important;flex:0 0 42px;max-width:42px!important;max-height:24px!important;background-size:contain!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-profile-menu>[data-chat-action=unfriend]>svg{--sketch-chat-image:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/chat/unfriend.webp')}
/* The shared refinement reset contains ID-weighted selectors. Anchor these
   exceptions to the real persistent chat nodes so later-loaded resets cannot
   restore row scaling or erase quoted-message contrast. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend){scale:1!important;transform:none!important;translate:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend):not(:disabled):is(:hover,:focus-visible){background-color:#fff5b8!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat .cm-bubble>.cm-reply{border:1px solid #777363!important;border-inline-start:3px solid #11131b!important;background:#fffdf4!important;color:#333026!important;scale:1!important;transform:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat .cm-profile-menu>button{scale:1!important;transform:none!important;transform-origin:center;transition:scale .14s ease,background-color .14s ease}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat .cm-profile-menu>button:not(:disabled):is(:hover,:focus-visible){scale:1.035!important;background:#fff2b9!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat .cm-profile-menu>button:not(:disabled):active{scale:1!important}
/* Outrank the shared refinement's ID-weighted hover rule. Feedback is bounded
   by the action itself, so neither its target nor its fill covers the list. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-invite-dialog>.cm-room-link-create{scale:1!important;transform:none!important;translate:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-invite-dialog>.cm-room-link-create:not(:disabled):is(:hover,:focus-visible){background:#ffe777!important;box-shadow:none!important}

/* QA61: fixed row targets, with a small enlargement inside their own padding.
   The avatar grows away from the left edge; long names retain ellipsis space. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend) :is(.cm-avatar,strong){transform-origin:left center;transition:scale .14s ease}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend) strong{display:block;max-width:96%;overflow:hidden;text-overflow:ellipsis}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend):not(:disabled):is(:hover,:focus-visible) :is(.cm-avatar,strong){scale:1.045}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend):dir(rtl) :is(.cm-avatar,strong){transform-origin:right center}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-peer-controls>.cm-friend-action{color:#11131b!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head>.cm-peer-controls>.cm-friend-action>svg{scale:1.06;fill:currentColor!important;stroke:currentColor!important}

/* QA62: fill, media clipping and ink use exactly the same bowed path.
   The mask includes the outline's outer half; the background reaches the ink
   without rectangular corners bleeding out or a separate rounded white gap.
   Own messages keep the QA61 mirrored curve in BOTH SVGs; content is not flipped. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.clm-chat-row .cm-bubble,.cm-compose-field){--cm-shape-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='white' stroke='white' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--cm-shape-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='none' stroke='%2311131b' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .clm-chat-row.me .cm-bubble{--cm-shape-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath transform='translate(300 0) scale(-1 1)' d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='white' stroke='white' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--cm-shape-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath transform='translate(300 0) scale(-1 1)' d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='none' stroke='%2311131b' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
@container sketch-chat (min-width:500px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.clm-chat-row .cm-bubble,.cm-compose-field){--cm-shape-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='white' stroke='white' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--cm-shape-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='none' stroke='%2311131b' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .clm-chat-row.me .cm-bubble{--cm-shape-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath transform='translate(300 0) scale(-1 1)' d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='white' stroke='white' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--cm-shape-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath transform='translate(300 0) scale(-1 1)' d='M14 2C90 0 215 3 286 2Q298 2 298 17C300 45 296 60 298 83Q299 98 282 98C180 100 85 96 17 98Q2 98 2 83C0 58 4 40 2 18Q1 3 14 2Z' fill='none' stroke='%2311131b' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.clm-chat-row .cm-bubble,.cm-compose-field){position:relative;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;mask:var(--cm-shape-mask) center/100% 100% no-repeat}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.clm-chat-row .cm-bubble,.cm-compose-field)::before{content:""!important;position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--cm-shape-ink) center/100% 100% no-repeat;transform:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-compose-field #room-text{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
/* Independent native buttons, without nested interactive descendants. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact>.cm-contact-open{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:inherit!important;padding:0!important;scale:1!important;transform:none!important;z-index:0;cursor:var(--camlangs-cursor-pointer,pointer)}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact>.cm-contact-profile{position:relative;z-index:1;flex:0 0 58px;width:58px;height:58px;min-height:0!important;padding:0!important;margin:0!important;border-radius:50%!important;overflow:visible!important;cursor:var(--camlangs-cursor-pointer,pointer);scale:1!important;transform:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact-profile .cm-avatar{width:100%;height:100%;min-width:0;cursor:var(--camlangs-cursor-pointer,pointer)}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact-profile .cm-avatar img{cursor:var(--camlangs-cursor-pointer,pointer)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact>:is(.cm-contact-summary,.cm-contact-meta){pointer-events:none}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact:focus-within :is(.cm-avatar,strong){scale:1.045}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-contact:focus-within{background:#fff5b8!important}
/* Both drawings share their vertical center without moving the hit areas. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-danger>svg{translate:0 1px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head .cm-close>svg{translate:0 1px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat #room-form [type=submit]:disabled{opacity:.4!important;cursor:default!important;scale:1!important;transform:none!important;filter:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat #room-form [type=submit]:not(:disabled):is(:hover,:active,[data-control-pressed=true])>svg,
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat #room-form [type=submit]:not(:disabled):is(:hover,:active,[data-control-pressed=true])>svg>*{fill:#efc017!important}
/* Native scrolling: no smooth interpolation or mouse-following emulation. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat #room-messages,.cm-chat .cm-directory,.cm-chat textarea,.cm-chat .cm-giphy-panel,.cm-invite-list){scroll-behavior:auto!important;scrollbar-width:thin;scrollbar-color:#a97f00 #fff9de}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat #room-messages,.cm-chat .cm-directory,.cm-chat textarea,.cm-chat .cm-giphy-panel,.cm-invite-list)::-webkit-scrollbar{width:10px;height:10px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat #room-messages,.cm-chat .cm-directory,.cm-chat textarea,.cm-chat .cm-giphy-panel,.cm-invite-list)::-webkit-scrollbar-track{background:#fff9de;border-radius:9px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat #room-messages,.cm-chat .cm-directory,.cm-chat textarea,.cm-chat .cm-giphy-panel,.cm-invite-list)::-webkit-scrollbar-thumb{background:#efc017;border:1px solid #11131b;border-radius:8px 6px 9px 7px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-jump-latest{position:absolute;right:12px;left:auto;z-index:7;display:grid;place-items:center;width:36px;height:36px;min-height:0!important;padding:7px!important;border:1.5px solid #11131b!important;border-radius:13px 15px 12px 14px!important;background:#ffd43c!important;color:#11131b!important;scale:1!important;transform:none!important;cursor:var(--camlangs-cursor-pointer,pointer)}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-jump-latest>svg{width:20px;height:20px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-jump-latest:is(:hover,:active){background:#efc017!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-jump-latest[hidden]{display:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cm-jump-latest,.cm-new-messages){border:2px solid #11131b!important;background:#efc017!important;color:#11131b!important;box-shadow:1px 2px 0 #11131b!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-jump-latest{border-radius:50% 47% 49% 46%!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.cm-date-separator,.cm-scroll-date){border:1.5px solid #11131b!important;color:#11131b!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-recipient-pro{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 10px;padding:10px 12px;border:1.5px solid #11131b;border-radius:12px 15px 11px 14px;background:#fff9de;color:#17171c;font-size:13px}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-recipient-pro[hidden]{display:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-gift-pro{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #11131b!important;border-radius:10px 12px 9px 11px!important;background:#efc017!important;color:#11131b!important;padding:6px 9px!important;white-space:nowrap}
/* QA65: the radius is in pixels, never a percentage of a growing message.
   No mask clips glyphs, emoji or the native editing surface. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.clm-chat-row .cm-bubble,.cm-compose-field){mask:none!important;-webkit-mask:none!important;border:1.6px solid #11131b!important;border-radius:13px 16px 12px 15px / 15px 12px 16px 13px!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .clm-chat-row.me .cm-bubble{border-radius:16px 13px 15px 12px / 13px 16px 12px 15px!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.clm-chat-row .cm-bubble,.cm-compose-field)::before{content:none!important;background:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-inline-edit [data-editor=native]>.cm-inline-edit-text{color:#253247!important;-webkit-text-fill-color:currentColor!important;caret-color:#11131b!important;opacity:1!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;text-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-head :is(.cm-back,.cm-danger,.cm-close)>svg{width:var(--cm-head-key,32px)!important;height:var(--cm-head-key,32px)!important;max-width:var(--cm-head-key,32px)!important;max-height:var(--cm-head-key,32px)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-directory{--cm-friend-avatar:clamp(38px,12cqi,56px)}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-directory :is(.cm-contact-profile,.cm-friend-profile>.cm-avatar){width:var(--cm-friend-avatar)!important;height:var(--cm-friend-avatar)!important;min-width:var(--cm-friend-avatar)!important;flex:0 0 var(--cm-friend-avatar)!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-directory .cm-avatar>:is(.cm-online,.cm-offline){width:24%!important;height:24%!important;min-width:0!important;min-height:0!important;right:-1px!important;bottom:-1px!important;border:1.5px solid #fff!important;box-sizing:border-box!important;box-shadow:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-friend-profile{gap:clamp(7px,2.5cqi,12px)!important;min-width:0;overflow:visible}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-friend-profile strong{font-size:clamp(14px,4cqi,19px)!important;line-height:1.3;min-width:0;white-space:normal;overflow-wrap:anywhere}
@container sketch-chat (min-width:524px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat :is(.clm-chat-row .cm-bubble,.cm-compose-field){border-width:2px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-chat,.cm-invite-dialog) :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-invite-friend) :is(.cm-avatar,strong),
 html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat .cm-profile-menu>button{transition:none}
}

/* QA67: selection feedback belongs to the portrait and name, never the row.
   A fixed left origin keeps portraits inside both narrow and wide lists. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-friend-profile),
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-friend-profile):not(:disabled):is(:hover,:focus-within,:focus-visible){background:transparent!important;box-shadow:none!important;scale:1!important;transform:none!important;translate:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat :is(.cm-contact-open,.cm-contact-profile){background:transparent!important;box-shadow:none!important;scale:1!important;transform:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat :is(.cm-contact,.cm-search-result,.cm-participant-row,.cm-friend-profile) :is(.cm-avatar,strong){transform-origin:left center!important;translate:none!important;transition:scale .14s ease;max-width:96%}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat .cm-friend-profile:is(:hover,:focus-visible) :is(.cm-avatar,strong){scale:1.045!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"]:has(#room-messages):has(#room-text) body.cl-guest-v2 .cm-chat .cm-friend-profile:active :is(.cm-avatar,strong){scale:1!important}