main:has(.professor-chat-page) {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.professor-chat-page,
.professor-consultor-shell,
.professor-main-tabs {
  min-width: 0;
  max-width: 100%;
}

.professor-chat-page,
.professor-consultor-shell {
  overflow-x: clip;
}

.professor-main-tabs {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  width: 100%;
}

.professor-main-tabs button {
  min-width: 0;
  max-width: 100%;
  scroll-margin-top: 96px;
}

@media (max-width: 860px) {
  html:has(.professor-chat-page),
  body:has(.professor-chat-page),
  body:has(.professor-chat-page) #app,
  body:has(.professor-chat-page) .app-shell {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: clip;
  }

  body:has(.professor-chat-page) .app-shell,
  body:has(.professor-chat-page) .layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(.professor-chat-page) .topbar,
  body:has(.professor-chat-page) .layout,
  body:has(.professor-chat-page) main {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  body:has(.professor-chat-page) .topbar {
    max-width: 100vw;
  }

  body:has(.professor-chat-page) .brand {
    min-width: 0;
    flex: 0 1 auto;
  }

  body:has(.professor-chat-page) .brand span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body:has(.professor-chat-page) .factory-meter {
    min-width: 0;
    max-width: 100%;
    flex: 1 1 0;
  }
}

@media (max-width: 620px) {
  .professor-main-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .professor-main-tabs button {
    width: 100%;
    overflow-wrap: anywhere;
  }
}