/* Candidate only. Production scoped selectors; no application or API changes. */
@media (max-width: 640px) {
  .chat-wrap[data-v-755790c6] { flex-direction: column; }
  .chat-wrap > .sidebar[data-v-755790c6] {
    /* Vue persists a desktop width inline. Override only inside this breakpoint. */
    width: 100% !important;
    flex: 0 0 clamp(144px, 24vh, 176px);
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
  }
  .chat-wrap .sidebar-top[data-v-755790c6] { flex-shrink: 0; padding: .5rem .75rem; }
  .chat-wrap .conv-filter[data-v-755790c6] { flex-shrink: 0; }
  .chat-wrap .sidebar > .conv-list[data-v-755790c6],
  .chat-wrap .sidebar > .hit-list[data-v-755790c6] { min-height: 0; overflow-y: auto; }
  .chat-wrap > .resizer[data-v-755790c6] { display: none; }
  .chat-wrap > .main[data-v-755790c6] { min-height: 0; }
  .chat-wrap .domain-banner[data-v-755790c6],
  .chat-wrap .composer[data-v-755790c6],
  .chat-wrap .err-bar[data-v-755790c6] { flex-shrink: 0; }
  .chat-wrap .msg-area[data-v-755790c6] { min-height: 0; padding: .75rem .5rem; }
  .chat-wrap .msg[data-v-755790c6] { max-width: 100%; gap: .5rem; }
  .chat-wrap .msg-body[data-v-755790c6],
  .chat-wrap .msg-content[data-v-755790c6] { max-width: 100%; }
  .chat-wrap .msg-content[data-v-755790c6] { padding: .625rem .75rem; overflow-wrap: anywhere; }
  .chat-wrap .composer[data-v-755790c6] { padding: .5rem; }

  .app-shell .topbar[data-v-d87879c2] { gap: .5rem; padding: 0 .75rem; }
  .app-shell .brand[data-v-d87879c2] { min-width: 0; }
  .app-shell .brand .name[data-v-d87879c2] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .app-shell .build-tag[data-v-d87879c2] { display: none; }
  .app-shell .bell-btn[data-v-d87879c2],
  .app-shell .user-menu[data-v-d87879c2] { flex-shrink: 0; }
  .app-shell .who[data-v-d87879c2] { max-width: 4.5rem; }
}
