.qr{display:block;max-width:100%;width:280px;height:auto;border-radius:12px;background:white;margin:15px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--line);margin:25px 0}
.brand-logo{width:88px;height:48px;object-fit:contain;flex-shrink:0}.brand{font-size:20px;gap:10px}.form-error{color:#ff929b;font-weight:600}.connection-config{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0}.connection-config h3{margin-bottom:18px}.connection-config p{margin-bottom:0}.login-card .brand-logo{width:110px;height:58px}
.brand{flex-direction:column;justify-content:center;align-items:center;width:100%;gap:8px;text-align:center}.brand-logo{width:155px;height:76px;max-width:100%;object-fit:contain}.brand-caption{font-size:17px;letter-spacing:3px;color:var(--accent)}.login-card .brand-logo{width:190px;height:95px}.conversation-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.conversation-layout>*{min-width:0}.conversation-list button{width:100%;min-width:0;overflow:hidden}.conversation-list button.selected{border-color:var(--accent);background:#163a37}.conversation-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-panel{min-width:0;overflow:hidden}.conversation-panel .message{max-width:90%;overflow-wrap:anywhere}.conversation-panel .test-form input{min-width:0}.conversation-panel .row{flex-wrap:wrap}@media(max-width:760px){.conversation-layout{grid-template-columns:minmax(0,1fr)}.conversation-list{max-height:240px;overflow:auto}}
aside{overflow-y:auto}.brand{flex-shrink:0}.conversation-panel .messages{height:clamp(180px,calc(100dvh - 480px),390px)}.conversation-list{max-height:calc(100dvh - 250px);overflow-y:auto}@media(max-width:760px){.conversation-list{max-height:240px}.conversation-panel .messages{height:280px}}