/* Нижнее меню кабинета мастера (мобильный стиль) */
.master-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 8px 0 max(8px, env(safe-area-inset-bottom));
  background: #fff;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
  -webkit-tap-highlight-color: transparent;
}
.master-bottom-nav-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  width: 100%;
  max-width: 480px;
  padding: 0 8px;
}
.master-bottom-nav a,
.master-bottom-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 12px;
  min-width: 56px;
  color: #6b7280;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.2s;
}
.master-bottom-nav a:hover,
.master-bottom-nav a.active,
.master-bottom-nav button:hover {
  color: var(--color-primary, #6B21F5);
}
.master-bottom-nav a.nav-center-wrap {
  flex: 0 0 auto;
  padding: 0;
  margin-top: -20px;
}
.master-bottom-nav .nav-center-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--color-primary, #6B21F5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px var(--color-primary-shadow, rgba(107, 33, 245, 0.4));
  transition: transform 0.2s, box-shadow 0.2s;
}
.master-bottom-nav .nav-center-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px var(--color-primary-shadow, rgba(107, 33, 245, 0.5));
}
.master-bottom-nav .nav-center-btn svg {
  width: 28px;
  height: 28px;
}
.master-bottom-nav .nav-center-label {
  margin-top: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--color-primary, #6B21F5);
}
.master-bottom-nav .nav-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.master-bottom-nav .nav-icon-wrap {
  position: relative;
  display: flex;
}
.master-bottom-nav .nav-unread-dot {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  background: #ef4444;
  border-radius: 50%;
  border: 2px solid #fff;
}
body.has-master-bottom-nav {
  padding-bottom: 88px;
}

/* Модалки поверх нижнего меню */
body.has-master-bottom-nav .modal-overlay,
body.has-master-bottom-nav .notify-modal-overlay {
  z-index: 1100;
}