/* Стили для сворачивания навигации */
#MainNav {
  transition: width 0.3s ease;
  position: relative;
  z-index: 100;
}

#pongNavBarContainer {
  transition: width 0.3s ease;
  position: relative;
  z-index: 90;
}

/* Исходные размеры меню */
#MainNav, #pongNavBarContainer {
  width: 280px; /* Унифицированная ширина */
  min-width: 280px;
}

/* Стили для кнопки переключения - изолированные */
#MainNav .pongNavBarToggle {
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  width: 1.5em;
  height: 1.5em;
  background: #f0f0f0;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 110;
  font-size: 0.9rem;
  color: #555;
  border: 1px solid #ddd;
  outline: none;
  padding: 0;
  font-weight: bold;
}

#MainNav .pongNavBarToggle:hover {
  background: #e8e8e8;
}

/* Стандартные стили кнопки таблицы */
.pong-table-btn {
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  color: #333;
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  margin: 2px;
  transition: background-color 0.3s;
  text-decoration: none;
}

.pong-table-btn:hover {
  background-color: #e0e0e0;
  text-decoration: none;
}

.pong-table-subtable {
  border-collapse: collapse !important;
  width: 100% !important;
}


/* Компактный режим */
#MainNav.compact, #pongNavBarContainer.compact {
  width: 50px;
  min-width: 50px;
  overflow: hidden;
}

#V42regions {
  transition: margin-left 0.3s ease;
}

#V42regions:not(.expanded) {
  margin-left: 280px;
}

#V42regions.expanded {
  margin-left: 80px;
}