/* --- [ADM-COLLAPSE:CSS:v3] --- */

/*
details.app-group summary {
  background-color: var(--header-bg);
  color: var(--header-color);
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 8px 10px;
  margin-top: 8px;
  cursor: pointer;
}


details.app-group summary:hover {
  background-color: var(--header-hover-bg, #385a7c);
}
*/

.fr-app { border: 1px solid var(--hairline-color, #2a2a2a); border-radius: 6px; margin: 0 0 16px; }
.fr-app__summary { list-style: none; cursor: pointer; font-weight: 600; padding: 10px 12px;
  background: var(--body-bg, #0f0f0f); border-bottom: 1px solid var(--hairline-color, #2a2a2a); }
.fr-app__summary::-webkit-details-marker { display: none; }
.fr-app__summary::before { content: "▸"; margin-right: 6px; transition: transform .15s ease; opacity: .85; }
.fr-app[open] .fr-app__summary::before { transform: rotate(90deg); }


.fr-app__summary {
    list-style: none;
		color: var(--header-link-color);
    cursor: pointer;
    font-weight: 400;
    padding: 4px 8px;
    background: var(--header-bg);
    border-bottom: 1px solid var(--hairline-color, #2a2a2a);
		border-radius: 4px;
}

/* --- [ADM-COLLAPSE:SIDEBAR-CSS:v1] --- */
#nav-sidebar .fr-side-toggle {
  width: 100%;
  text-align: left;
  border: 0;
  background: var(--header-bg);
  color: var(--header-link-color);
  font-weight: 400;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  position: relative;
  margin: 8px 0 6px;
}
#nav-sidebar .fr-side-toggle::before {
  content: "▸";
  margin-right: 8px;
	font-size: 18px; 
	line-height: 1;
	vertical-align: middle;
  display: inline-block;
  transform: rotate(0deg);
  transition: transform .15s ease;
}
#nav-sidebar .fr-side-toggle.is-open::before {
  transform: rotate(90deg);
}
caption, .inline-group h2 {
    margin: 0;
    padding: 5px;
    font-weight: 400;
    font-size: 0.8125rem;
    text-align: left;
    background: var(--header-bg);
    color: var(--header-link-color);
}

/* --- [ADM-COLLAPSE:CHEVRON-FIX:v1] --- */
/* 1) Ensure the caret draws and is rotatable */
details.fr-app > summary.fr-app__summary::before {
  content: "▸";
  display: inline-block;
	font-size: 18px; 
	line-height: 1;
  margin-right: 6px;
	vertical-align: middle;
  transition: transform .15s ease;
  opacity: .85;
}

/* 2) Rotate when <details> is open — higher specificity + !important */
details.fr-app[open] > summary.fr-app__summary::before {
  transform: rotate(90deg) !important;
}

/* 3) (Optional) If you prefer class-based instead of [open], keep both */
summary.fr-app__summary.is-open::before {
  transform: rotate(90deg) !important;
}