@media (max-width: 768px) {
  .chat-panel { width: 100%; }
  /* Mobile chat is full-screen takeover — no need to shift the
     dashboard since the user can't see it anyway. */
  body.chat-open .main,
  body.chat-autostart-reserved .main { padding-right: 20px; }
  .chat-thread-rail.open {
    position: absolute; top: 0; left: 0; bottom: 0; width: 100%;
    z-index: 5; border-right: none;
  }
}
@media (max-width: 480px) {
  .chat-onboard-supp-form { flex-direction: column; align-items: stretch; }
  .chat-onboard-supp-form .chat-onboard-input { flex: unset; width: 100%; }
  .chat-onboard-supp-form select.chat-onboard-input { width: 100%; }
  .chat-onboard-supp-add { width: 100%; }
  .chat-onboard-cycle-dates { flex-direction: column; }
}