.template-saas .saas-nav-collapsible {
  display: grid !important;
  min-width: 0 !important;
}

.template-saas .saas-nav-collapsible > summary {
  position: relative !important;
  display: flex !important;
  min-height: 28px !important;
  align-items: center !important;
  padding: 6px 24px 6px 8px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #89938c !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  list-style: none !important;
  box-shadow: none !important;
}

.template-saas .saas-nav-collapsible > summary::-webkit-details-marker { display: none !important; }

.template-saas .saas-nav-collapsible > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  translate: 0 -50% !important;
  color: #7d8880 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.template-saas .saas-nav-collapsible[open] > summary::after { content: "−" !important; }

.template-saas .saas-nav-collapsible > summary:hover,
.template-saas .saas-nav-collapsible > summary:focus-visible {
  background: #f1f5f2 !important;
  color: #243129 !important;
  outline: none !important;
}

.template-saas .saas-nav-collapsible-body {
  display: grid !important;
  min-width: 0 !important;
  gap: 1px !important;
  padding-top: 2px !important;
}

.template-saas .saas-nav-collapsible:not([open]) .saas-nav-collapsible-body { display: none !important; }

.template-saas .saas-nav-collapsible[open] > summary {
  color: #4f5c54 !important;
}

@media (max-width: 900px) {
  .template-saas .saas-nav-collapsible { align-content: start !important; }
}