/* Adapted from ui-layouts/uilayouts, MIT, Copyright (c) 2024 UI LAYOUT.
   Sources: chat-interface.tsx and motion-drawer.tsx, commit
   88d827d7ec342917ca06f6894e5add65fabbe5d8.
   React Motion variants translated to CSS for Omercado's buildless frontend. */
#quick-help-dialog[open]{animation:ui-help-open .28s cubic-bezier(.32,.72,0,1) both}
#quick-help-messages{max-height:260px;overflow-y:auto;padding:3px 0 10px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
#quick-help-messages .help-message{max-width:85%;margin:0;font-size:12px;line-height:1.65;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;animation:ui-message-enter .4s cubic-bezier(.32,.72,0,1) both}
#quick-help-messages .help-message-assistant{align-self:flex-start;background:#edf7f1;border:1px solid #dfeee5;border-radius:18px 18px 18px 5px;color:#365e49}
#quick-help-messages .help-message-customer{align-self:flex-end;background:#00C853;color:white;border-radius:18px 18px 5px 18px}
#quick-help-messages #quick-help-response{max-height:none;overflow:visible}
.help-message[aria-busy="true"]:after{content:'•••';display:block;letter-spacing:4px;font-size:15px;color:#00C853;animation:ui-typing 1s ease-in-out infinite}
body[data-theme="dark"] #quick-help-messages .help-message-assistant{background:#123c30;border-color:#24694e;color:#daf4e5}
@keyframes ui-help-open{from{opacity:0;transform:translateX(18px) translateY(8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}
@keyframes ui-message-enter{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ui-typing{50%{opacity:.5;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){#quick-help-dialog[open],#quick-help-messages .help-message,.help-message[aria-busy="true"]:after{animation:none}#quick-help-messages{scroll-behavior:auto}}