.chat-info-compact{padding:14px!important}
.chat-info-compact #identity{font-size:.86rem;margin:10px 0;overflow-wrap:anywhere}
.chat-info-compact form:has(input[name=displayName]){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:10px 0}
.chat-info-compact form:has(input[name=displayName]) label{min-width:0}
.chat-info-compact input[name=displayName]{margin-bottom:4px}
.chat-info-compact .chat-info-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;width:auto!important;max-width:100%;padding:8px 12px!important;font-size:0!important;line-height:1.3;vertical-align:middle}
.chat-info-action:before{content:'';display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;mask:var(--info-icon) center/contain no-repeat;-webkit-mask:var(--info-icon) center/contain no-repeat}
.chat-info-action:after{content:attr(data-caption);font-size:.85rem;overflow-wrap:anywhere}
.chat-info-action[data-info-action=save]{--info-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}
.chat-info-action[data-info-action=invite]{--info-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M15 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM3 21v-2a7 7 0 0 1 11-5m5-4v8m-4-4h8'/%3E%3C/svg%3E")}
.chat-info-action[data-info-action=notifications]{--info-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M9 21h6'/%3E%3C/svg%3E")}
.chat-info-action[data-info-action=email]{--info-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M3 5h18v14H3zM3 5l9 7 9-7'/%3E%3C/svg%3E")}
.chat-info-action[data-info-action=verify]{--info-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='m12 2 8 4v6c0 5-8 10-8 10S4 17 4 12V6zM8 11l3 3 5-6'/%3E%3C/svg%3E")}
.chat-info-action[data-info-action=passkey],.chat-info-action[data-info-action=addPasskey]{--info-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M14 9a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM14 9h8m-3 0v4m3-4v3'/%3E%3C/svg%3E")}
.chat-info-action:focus-visible,.chat-info-help>summary:focus-visible{outline:3px solid #7751c8;outline-offset:3px}
.chat-info-compact .chat-info-help{display:inline-block;vertical-align:middle;margin:5px 6px 8px 0;padding:0;max-width:100%}
.chat-info-help>summary{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;cursor:pointer;list-style:none;font-size:21px;color:inherit;border:1px solid #b7a8ce;border-radius:50%;background:transparent}
.chat-info-help>summary::-webkit-details-marker{display:none}
.chat-info-help[open]{display:block!important;width:100%}
.chat-info-help[open]>p{margin:8px 0;padding:10px 12px;border-inline-start:3px solid #b7a8ce;font-size:.85rem}
.chat-info-compact .chat-security{padding:12px;margin:12px 0}
.chat-info-compact .chat-security section{padding:12px;margin:10px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chat-info-compact .chat-security section>h3,.chat-info-compact .chat-security section>p,.chat-info-compact .chat-security section>label{grid-column:1/-1}
.chat-info-compact .chat-security section>h3{font-size:1rem;margin:0}
.chat-info-compact .chat-security section>p{font-size:.82rem;margin:0}
.chat-info-compact .chat-security section>.chat-info-action{width:100%!important;margin:0}
.chat-e2ee-test-warning{font-size:.8rem;padding:8px 12px;margin:8px;line-height:1.4}
@media(max-width:420px){.chat-info-compact{padding:10px!important}.chat-info-compact .chat-security{padding:8px}.chat-info-compact .chat-info-action{padding:8px!important;gap:5px}.chat-info-compact .chat-security section{padding:8px}.chat-info-action:after{font-size:.8rem}}
