/* ===== Sidebar title (no icon, left aligned) ===== */
.sidebar-content .nav-title{
  padding: 6px 8px 8px;
  margin: 0 6px 6px;
  text-align: left;
}

.sidebar-content .nav-title .nav-title-text{
  display: block;
  /* Align with the start of item labels (icon column 1.25rem + 10px gap) */
  padding-left: calc(1.25rem + 10px);
  font-size: 1rem;
  font-weight: 700;
  color: #d1f7e3;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===== Collapse fallback (only once) ===== */
.sidebar-content .collapse { display: none; }
.sidebar-content .collapse.show { display: block; }

/* ===== Caret placed at far right + rotation ===== */
.sidebar-content .nav-dropdown > .nav-link{
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;     /* for absolute caret */
  padding-right: 28px;    /* room for caret */
}

.sidebar-content .nav-dropdown > .nav-link .caret{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);     /* vertical centering */
  font-size: 14px;
  opacity: .95;
  transition: transform .2s ease;   /* rotation animation */
}

.sidebar-content .nav-dropdown.open > .nav-link .caret{
  transform: translateY(-50%) rotate(90deg);
}