#chat-dialog{width:min(540px,92vw)}
#chat-messages{height:min(38dvh,300px);overflow:auto;list-style:none;margin:12px 0;padding:12px;background:#edf1f7;border-radius:12px;overscroll-behavior:contain}
#chat-messages:empty::before{content:'Поздоровайтесь с командой! Сообщения видны только этой комнате.';color:#526079}
#chat-messages li{margin:0 0 12px;overflow-wrap:anywhere;line-height:1.5;font-size:14px}
#chat-messages li button{margin-left:8px;background:none;border:0;color:#586585;font-size:12px;text-decoration:underline;min-height:32px}
#chat-form{display:flex;gap:8px}#chat-input{min-width:0;flex:1}#chat-form button{padding:10px 14px}
.chat-note{font-size:12px;color:#526079;line-height:1.5}#chat-feedback{color:#a52b38;font-size:13px;min-height:18px}
#open-chat{position:absolute;right:max(20px,env(safe-area-inset-right));top:290px;pointer-events:auto;min-width:70px;min-height:44px;border:1px solid #d9e2f3;border-radius:12px;background:#fff;color:#243753;font-weight:700}
@media(orientation:landscape) and (max-height:520px){#open-chat{top:170px;right:max(12px,env(safe-area-inset-right))}#chat-messages{height:25dvh}#chat-dialog{padding:12px}.chat-note{margin:6px 0}#chat-dialog .dialog-heading{margin-bottom:4px}}
@media(orientation:portrait) and (max-width:800px){#open-chat{top:280px}}