/* Shared guest and member support window. */
.dval-support-widget { left:20px!important; right:auto!important; bottom:calc(max(20px,env(safe-area-inset-bottom)) + var(--dval-cookie-offset, 0px))!important; }
.dval-support-widget .dval-support-panel { left:0; right:auto!important; width:min(440px,calc(100vw - 40px)); bottom:76px; max-height:calc(100dvh - 116px - var(--dval-cookie-offset, 0px)); border-radius:18px; }
.dval-support-widget.is-open .dval-support-panel { display:flex; flex-direction:column; }
.dval-support-widget .dval-support-header { background:#202f60!important; padding:18px 20px; flex:none; gap:16px; }
.dval-support-widget .dval-support-header > div { min-width:0; }
.dval-support-widget .dval-support-header strong { color:white; font-size:17px; line-height:1.4; }
.dval-support-widget .dval-support-header span { color:#e3e9ff; opacity:1; line-height:1.5; margin-top:4px; }
.dval-support-widget .dval-support-header button { flex:0 0 36px; height:36px; padding:0; margin:0; display:grid; place-items:center; }
.dval-support-widget .dval-support-body { min-height:0; max-height:none; overflow:auto; overscroll-behavior:contain; padding:18px; }
.dval-support-widget .dval-chatbot-log { display:flex; flex-direction:column; max-height:clamp(150px,35dvh,340px); min-height:120px; overflow:auto; overscroll-behavior:contain; margin-bottom:14px; }
.dval-support-widget .dval-chatbot-message { flex:none; max-width:94%; min-width:0; overflow-wrap:anywhere; }
.dval-support-widget .dval-chatbot-message.is-user { align-self:flex-end; }
.dval-support-widget .dval-chatbot-message p { white-space:pre-wrap; }
.dval-support-widget .dval-support-chips { gap:8px; margin-bottom:14px; }
.dval-support-widget button { cursor:pointer; text-transform:none; letter-spacing:normal; }
.dval-support-widget .dval-chatbot-input { margin:0 0 16px; align-items:center; }
.dval-support-widget .dval-chatbot-input input { width:100%; min-width:0; margin:0; height:44px; }
.dval-support-widget .dval-chatbot-input button { margin:0; height:44px; padding:0; }
.dval-support-widget .dval-support-ticket-toggle { width:100%; height:auto; white-space:normal; text-align:left; line-height:1.5; gap:12px; }
.dval-support-widget .dval-support-ticket-toggle small { margin-top:5px; line-height:1.5; }
.dval-support-widget :focus-visible { outline:2px solid #f07935; outline-offset:3px; }
@media(max-width:480px) { .dval-support-widget { left:12px!important; bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--dval-cookie-offset, 0px))!important; } .dval-support-widget .dval-support-panel { width:calc(100vw - 24px); max-height:calc(100dvh - 100px - var(--dval-cookie-offset, 0px)); bottom:72px; } .dval-support-widget .dval-support-row { grid-template-columns:1fr; } }

/* Mobile panels are viewport-fixed: use equal gutters, not the launcher offset. */
@media (max-width: 768px) {
  .dval-support-widget .dval-support-panel {
    position: fixed;
    left: 12px;
    right: 12px !important;
    width: auto;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    bottom: calc(84px + env(safe-area-inset-bottom) + var(--dval-cookie-offset, 0px));
    max-height: calc(100dvh - 100px - env(safe-area-inset-bottom) - var(--dval-cookie-offset, 0px));
  }
}