/* 邮件分类三级导航：展开时提供足够宽度，避免被主内容区遮挡或裁切。 */

.sidebar {
  z-index: 80;
}

.main {
  position: relative;
  z-index: 0;
}

body.email-nav-wide .app-shell {
  grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
}

body.email-nav-wide .sidebar {
  width: var(--sidebar-w);
}

@media (min-width: 1280px) {
  body.email-nav-wide {
    --sidebar-w: 338px;
  }
}

@media (min-width: 900px) and (max-width: 1279px) {
  body.email-nav-wide {
    --sidebar-w: 316px;
  }
}

body.email-nav-wide #emailMasterNavGroup .nav-submenu > .email-child {
  padding-left: 7px;
  padding-right: 7px;
}

body.email-nav-wide #emailClassifyNavGroup > .nav-submenu {
  margin-left: 2px;
  padding-left: 6px;
  min-width: 0;
}

body.email-nav-wide #emailClassifyNavGroup .mail-category-group {
  min-width: 0;
  max-width: 100%;
}

body.email-nav-wide #emailClassifyNavGroup .mail-category-group > .nav-submenu {
  margin-left: 2px;
  padding-left: 5px;
  min-width: 0;
}

body.email-nav-wide #emailClassifyNavGroup .mail-category-group .nav-subitem {
  min-width: 0;
  gap: 6px;
  padding-left: 6px;
  padding-right: 5px;
}

body.email-nav-wide #emailClassifyNavGroup .mail-category-group .nav-subitem > .nav-index {
  flex: 0 0 17px;
}

body.email-nav-wide #emailClassifyNavGroup .mail-category-group .nav-subitem > .nav-text {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.email-nav-wide #emailClassifyNavGroup .mail-category-group .nav-subitem > .nav-badge {
  flex: 0 0 auto;
  margin-left: 2px;
}

body.email-nav-wide #emailClassifyNavGroup .mail-category-group .nav-subitem > .nav-chevron {
  flex: 0 0 18px;
  margin-left: 1px;
}