/* Desktop fixes for logo and logout button visibility when window is resized */
@media screen and (min-width: 769px) {
  /* Ensure the mui-tabs-wrapper maintains its structure */
  .mui-tabs-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    overflow-x: visible !important;
  }

  /* Ensure logo and logout buttons remain visible */
  .menu-item[data-section="logout"] {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    min-width: fit-content !important;
  }

  /* Ensure the tabs container doesn't push out the logo and logout */
  .mui-tabs-container {
    flex: 1 !important;
    min-width: 0 !important; /* Allow container to shrink below content size */
    overflow-x: auto !important;
    display: flex !important;
    justify-content: center !important; /* Center the navbar icons */
  }

  /* Ensure each tab is properly centered */
  .mui-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}