.myopal-messages{width:100%;max-width:48rem;margin:0 auto;padding:1rem var(--myopal-container-gutter) max(1rem,env(safe-area-inset-bottom));min-width:0}
.myopal-chat{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:#f4f0e7;border-radius:0;overflow:hidden}
.myopal-chat-heading{display:flex;align-items:center;gap:.7rem;padding:1rem;background:#fffcf6;border-bottom:1px solid #e6dfd2}
.myopal-chat-heading>div{min-width:0;flex:1}.myopal-chat-heading strong{font-size:.9rem;overflow-wrap:anywhere}.myopal-chat-heading small,.myopal-message-thread small{display:block;font-size:.7rem;color:#786e60;margin-top:.2rem}.myopal-chat-heading>a{font-size:.75rem;white-space:nowrap}
.myopal-chat-avatar{flex-shrink:0;width:2rem;height:2rem;background:#171713;color:var(--myopal-color-gold);border-radius:50%;display:grid;place-items:center}.myopal-chat-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.myopal-chat-avatar .myopal-icon{width:1.3rem;height:1.3rem}
.myopal-chat-feed{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1rem .75rem;overflow-anchor:none}
.myopal-chat-feed:focus-visible{outline-offset:-3px}.myopal-chat-older{display:block;margin:0 auto 1rem;border:0;background:transparent;color:#71644c;font-size:.75rem}
.myopal-chat-message{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.5rem;margin-bottom:1.2rem;min-width:0}.myopal-chat-message.is-own{grid-template-columns:minmax(0,1fr) 2rem}.myopal-chat-message time{grid-column:2;font-size:.62rem;color:#867b6c;margin:0 .35rem .3rem}.myopal-chat-bubble{grid-column:2;justify-self:start;max-width:95%;min-width:2rem;background:#fff;border-radius:.2rem .9rem .9rem;padding:.7rem .85rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;line-height:1.6;box-shadow:0 1px 3px #40321808}.is-own .myopal-chat-bubble{background:#e9d7a5;border-radius:.9rem .2rem .9rem .9rem}.myopal-chat-bubble p{margin:0}.myopal-chat-bubble button{display:block;border:0;padding:0;background:none}.myopal-chat-bubble img{max-width:100%;width:14rem;max-height:20rem;object-fit:contain;border-radius:.5rem}.myopal-chat-legacy{font-size:.75rem;color:#766850}
.myopal-chat-status{font-size:.75rem;color:#766850;min-height:1.25rem;margin:0;padding:.15rem 1rem}.myopal-chat-new{position:absolute;right:1rem;bottom:calc(var(--myopal-chat-bottom-height,0px) + .5rem);border:1px solid #dac896;background:#fffcf6;border-radius:2rem;padding:.5rem .8rem;font-size:.75rem}
.myopal-chat-composer{display:flex;align-items:end;flex-wrap:wrap;gap:.5rem;padding:.75rem max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:var(--myopal-color-surface);border-top:1px solid #e6dfd2}.myopal-chat-composer textarea{flex:1;min-width:0;resize:none;max-height:9rem;min-height:2.75rem;border:1px solid #e8e0d0;border-radius:.7rem;font-size:1rem;padding:.6rem;line-height:1.4}.myopal-chat-send{background:var(--myopal-action-background);color:var(--myopal-action-foreground);border:0;border-radius:.65rem;padding:.7rem .9rem;min-height:2.75rem;font-size:.8rem}.myopal-chat-send:disabled{opacity:.45}.myopal-chat-attach{position:relative;display:grid;place-items:center;width:2.5rem;height:2.75rem;font-size:1.7rem;cursor:pointer;flex-shrink:0}.myopal-chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.myopal-chat-attach:focus-within{outline:2px solid #99772f;border-radius:.5rem}.myopal-chat-preview{flex-basis:100%;display:flex;align-items:center;gap:.75rem}.myopal-chat-preview img{width:4rem;height:4rem;object-fit:cover;border-radius:.6rem}.myopal-chat-preview button{border:0;background:transparent;font-size:.75rem}
.myopal-message-thread{display:flex;align-items:center;gap:.8rem;background:#fffaf2;border-radius:1rem;padding:1rem;margin-bottom:.7rem;text-decoration:none}.myopal-message-thread>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.myopal-message-thread strong{font-size:.9rem}.myopal-chat-image-dialog{max-width:95vw;max-height:90dvh;border:0;border-radius:1rem;background:#141410;padding:.7rem}.myopal-chat-image-dialog::backdrop{background:#000b}.myopal-chat-image-dialog img{max-height:78dvh;margin:auto;object-fit:contain}.myopal-chat-image-dialog>button{display:block;margin:0 0 .6rem auto;color:#fff;background:transparent;border:0}
.myopal-messages [hidden]{display:none}
@media(min-width:48rem){.myopal-messages{padding-top:1.5rem}.myopal-chat-feed{padding:1.5rem}.myopal-chat-bubble{max-width:75%}}

.myopal-message-avatar{grid-column:1;grid-row:2;width:2rem;height:2rem;object-fit:cover;background:#e9dfc9;border-radius:50%;padding:0}
.myopal-chat-message.is-own .myopal-message-avatar{grid-column:2}
.myopal-chat-message.is-own time{grid-column:1;text-align:right}
.myopal-chat-message.is-own .myopal-chat-bubble{grid-column:1;grid-row:2;justify-self:end}
.myopal-thread-unread{background:#bb403c;color:white;min-width:1.15rem;height:1.15rem;display:grid;place-items:center;border-radius:999px;font-size:.625rem;padding:0 .25rem;flex:none}
.myopal-chat-product{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;white-space:normal;max-width:18rem}.myopal-chat-product>img{width:4.5rem;height:4.5rem;object-fit:cover;flex:none}.myopal-chat-product strong{font-size:.8rem;display:block}.myopal-chat-product small{display:block;color:#8d6a25}
.myopal-enquiry-preview{display:flex;gap:.5rem;align-items:center;padding:.6rem .75rem;background:#fffaf0;border-top:1px solid #e6dfd2}.myopal-enquiry-preview>img{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:.5rem}.myopal-enquiry-preview>div{flex:1;min-width:0;font-size:.75rem}.myopal-enquiry-preview strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.myopal-enquiry-preview span{display:block;color:#8d6a25}.myopal-enquiry-preview button{min-height:2.5rem;border:0;background:#171713;color:#e6cf8a;border-radius:.5rem;padding:.35rem;font-size:.7rem}.myopal-enquiry-preview [data-dismiss-product]{background:none;color:#75674e}
.myopal-chat-heading,.myopal-chat-status,.myopal-chat-composer,.myopal-enquiry-preview{flex-shrink:0}
.myopal-chat-composer textarea{overflow-y:hidden;height:auto}

.myopal-chat-avatar.is-default>img,.myopal-message-avatar.is-default{object-fit:contain;padding:.3rem}
.myopal-chat-avatar.is-default .myopal-icon{width:1rem;height:1rem}

body.myopal-site:has(.myopal-chat){height:auto;min-height:0;overflow:hidden;padding-bottom:0}body:has(.myopal-chat) .myopal-site-footer{display:none}.myopal-messages:has(.myopal-chat){position:fixed;top:var(--myopal-chat-top,0px);bottom:var(--myopal-keyboard-inset,0px);left:0;right:0;padding:0;min-height:0;max-width:48rem;margin:auto;background:var(--myopal-color-background)}
.myopal-chat-new{color:var(--myopal-color-gold-ink)}
.myopal-chat-status:empty{display:none}.myopal-chat-status{max-height:4.5em;overflow-y:auto}.myopal-enquiry-preview [data-dismiss-design],.myopal-enquiry-preview [data-dismiss-product]{background:none;color:var(--myopal-color-muted);min-width:2.75rem;min-height:2.75rem}.myopal-chat-product small:empty,.myopal-enquiry-preview span:empty{display:none}