/* Chat Vertraut: existing chat/Store, shared mobile and desktop presentation. */
.chat-vertraut{background:color-mix(in srgb,var(--chat-own,var(--accent)) 9%,var(--bg));}
.chat-vertraut .chat-panel{width:100%;min-width:0;position:relative;}
.chat-vertraut .chat-header{border-radius:0;box-shadow:none;border-bottom:1px solid var(--border);backdrop-filter:none;-webkit-backdrop-filter:none;}
.chat-vertraut .chat-bar{background:color-mix(in srgb,var(--chat-own,var(--accent)) 7%,var(--surface));}
.chat-vertraut .chat-messages{gap:12px;}
.chat-vertraut .chat-mine{flex-direction:row;}
.chat-vertraut .chat-bubble-wrap{min-width:0;flex-direction:column;align-items:stretch;}
.chat-vertraut .chat-bubble{min-width:0;overflow-wrap:anywhere;}
.chat-vertraut .chat-av{cursor:pointer;}
.chat-list-search{display:block;width:calc(100% - 28px);margin:14px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;}
.chat-vertraut .chat-selected{background:color-mix(in srgb,var(--chat-own,var(--accent)) 15%,var(--surface));box-shadow:inset 3px 0 var(--chat-own,var(--accent));}
.chat-vertraut .chat-conversations{background:color-mix(in srgb,var(--chat-own,var(--accent)) 5%,var(--surface));}
.chat-sidebar,.chat-welcome{display:none;}
.chat-return{padding:10px 16px;background:var(--surface);color:var(--accent);border:0;border-bottom:1px solid var(--border);text-align:left;font:inherit;font-size:12px;cursor:pointer;}
.chat-profile-button{display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;padding:0;background:none;color:inherit;cursor:pointer;}
.chat-contact{color:var(--text);background:color-mix(in srgb,var(--contact-color) 8%,var(--surface));}
.chat-contact-hero{text-align:center;padding:12px 20px 24px;background:linear-gradient(135deg,color-mix(in srgb,var(--contact-color) 24%,var(--surface)),color-mix(in srgb,var(--contact-color) 5%,var(--surface)));}
.chat-contact-hero h2{margin:12px 0 5px;}.chat-contact-hero small{display:block;margin-top:10px;color:var(--muted-1);}
.chat-contact-body{padding:20px;}.chat-contact-body>.btn{width:100%;margin-top:18px;}
.chat-contact-tags{display:flex;flex-wrap:wrap;gap:7px;}.chat-contact-tags span,.chat-profile-field{background:color-mix(in srgb,var(--contact-color) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--contact-color) 20%,var(--border));border-radius:10px;padding:8px 11px;font-size:12px;}
.chat-profile-field{margin-top:12px;font-size:14px;overflow-wrap:anywhere;}.chat-profile-field small{display:block;color:var(--muted-1);margin-bottom:4px;}
.chat-contact-note{font-size:11px;line-height:1.5;color:var(--muted-1);margin-top:18px;}
@media(min-width:900px){
 .chat-vertraut{display:flex;justify-content:center;}
 .chat-vertraut .chat-conversations{flex:0 0 300px;margin:0;border-right:1px solid var(--border);}
 .chat-vertraut .chat-sidebar{display:flex;}
 .chat-vertraut .chat-panel:not(.chat-conversations){flex:1;max-width:1000px;margin:0;}
 .chat-vertraut .chat-header{padding:18px;min-height:78px;}
 .chat-vertraut .chat-messages{padding:22px 30px;}
 .chat-vertraut .chat-msg{max-width:min(82%,700px);}
 .chat-vertraut .chat-welcome{display:flex;flex:1;max-width:1000px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted-1);}
 body.ap-an.ap-chat{--ap-chat:0px;}
 body.ap-an .chat-overlay.chat-vertraut{inset:var(--ap-head) 0 0 var(--ap-side);width:auto;height:calc(100dvh - var(--ap-head));}
 body.ap-an .chat-vertraut .chat-panel{width:auto;}
}
@media(max-width:899px){
 .chat-vertraut .chat-sidebar{display:none;}
 body.ap-an .chat-overlay.chat-vertraut{width:min(480px,calc(100vw - var(--ap-side)));}
 .chat-vertraut .chat-msg{max-width:94%;}
}
@media(prefers-reduced-motion:reduce){.chat-vertraut,.chat-vertraut *{transition:none!important;}}