/* Keep every Synny header control—including the minimize/close button—inside
   the panel at every permitted resize width. */
.synny-learning-chat {
  box-sizing: border-box;
  max-width: calc(100vw - 24px);
}

.synny-learning-chat .synny-chat-header {
  grid-template-columns: 48px minmax(0, 1fr) auto;
}

.synny-learning-chat .synny-chat-tools {
  min-width: max-content;
  flex: 0 0 auto;
}

.synny-learning-chat .synny-chat-title {
  min-width: 0;
}