/* Danqvora V26.1 — scoped refinement of the existing live chat. */
/* Give the conversation more width without removing the existing info rail. */
@media(min-width:1171px){.app .app-grid{grid-template-columns:232px minmax(0,1fr) 232px;}}
@media(min-width:981px) and (max-width:1170px){.app .app-grid{grid-template-columns:220px minmax(0,1fr) 220px;}}
.app .main { position:relative; }
.app .messages { overscroll-behavior:contain; overflow-anchor:auto; scroll-behavior:auto; }
.app .message { scroll-margin-top:22px; }
.app .msg-text { font-size:15px; line-height:1.65; overflow-wrap:anywhere; }
.app .message-actions { gap:6px; flex-wrap:wrap; }
.app .msg-act { min-height:28px; }
.app .composer-wrap { position:relative; z-index:2; }
.app .composer { transition:border-color .16s ease, box-shadow .16s ease; }
.app #messageInput { height:51px; min-height:51px; max-height:136px; line-height:1.55; font-size:15px; overflow-y:auto; }
.app .dq261-jump {
  position:absolute; right:clamp(14px,2.8vw,35px); bottom:185px; z-index:3;
  display:inline-flex; align-items:center; gap:8px; padding:9px 13px;
  color:#fafafa; background:#222; border:1px solid #767676; border-radius:999px;
  font-size:12px; font-weight:700; box-shadow:0 9px 24px #0009;
}
.app .dq261-jump[hidden],.app .dq261-unread[hidden] { display:none!important; }
.app .dq261-jump:hover { background:#343434; border-color:#aaa; }
.app .dq261-unread { border-radius:999px; background:#ededed; color:#111; padding:1px 6px; font-size:10px; font-variant-numeric:tabular-nums; }
body.dq-v24-ready .app { height:calc(100dvh - 54px); min-height:0; }
@media(max-width:680px){
  body.dq-v24-ready .app{height:calc(100dvh - 52px); min-height:0;}
  .app .chat-head { min-height:66px; }
  .app .messages { padding:12px 14px 17px; }
  .app .msg-text { font-size:15px; line-height:1.55; }
  .app .composer-wrap { padding:9px 11px max(10px,env(safe-area-inset-bottom)); }
  .app #messageInput { font-size:16px; }
  .app .composer-options button, .app .send-btn { min-height:38px; }
  .app .dq261-jump { right:13px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce){ .app .composer { transition:none; } }