/* V13.1: giallo tenue e contenimento orizzontale dei messaggi */
.byd-keyword-hit{background:var(--bydi-ui-residual-fff0a8);color:var(--bydi-ui-residual-182634);border-radius:3px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html,body{max-width:100%;overflow-x:clip}
.chatbot,.chat-body,.messages,.msg,.bubble,.byd-discover{min-width:0;max-width:100%;box-sizing:border-box}
.messages{overflow-x:hidden;overflow-y:auto}
.msg{width:100%}.bubble{max-width:min(820px,88%);overflow-wrap:anywhere;word-break:normal}
@media(max-width:700px){.bubble{max-width:94%}.chat-body{padding-inline:12px}.byd-discover{width:100%}}

/* REV7 — larghezze fluide: desktop ampio, tablet e telefono in orizzontale. */
.chat-body{width:100%;max-width:none;min-width:0;padding-inline:clamp(12px,2vw,34px)}
.messages{width:100%;min-width:0;max-width:none;overflow-x:hidden}
.messages .msg{width:100%;min-width:0}
.messages .msg:not(.user) .bubble{width:min(100%,1100px);max-width:100%;min-width:0}
.messages .msg.user .bubble{width:fit-content;max-width:min(88%,950px);min-width:0}
.bubble .result{min-width:0;overflow-wrap:anywhere}
@media(min-width:1500px){.messages .msg:not(.user) .bubble{width:min(100%,calc(100vw - 190px));max-width:1250px}}
@media(max-width:900px){.chat-body{padding-inline:14px}.messages .msg:not(.user) .bubble{width:100%;max-width:100%}.messages .msg.user .bubble{max-width:94%}}
@media(max-width:900px) and (orientation:landscape){
 .chat-head{padding:10px 15px;gap:12px;flex-direction:row;text-align:left;justify-content:flex-start}
 .bot-avatar{width:66px;height:66px;flex:0 0 66px}
 .chat-head h2{font-size:clamp(20px,3vw,28px)}
 .chat-head p{font-size:12px;margin-top:4px}
 .chat-body{padding:8px 12px 15px}
 .messages{max-height:min(58dvh,450px)}
 .chat-form input{height:50px}.chat-form button{font-size:15px}
 .chat-tip{font-size:12px;margin-bottom:5px}
}
@media(min-width:901px) and (orientation:landscape) and (max-height:720px){
 .chat-head{padding-block:12px}.bot-avatar{width:82px;height:82px;flex-basis:82px}
 .messages{max-height:min(57dvh,500px)}
}
@media(max-width:650px) and (orientation:portrait){.messages .msg.user .bubble{max-width:95%}}