.top-toolbar {
  height: 40px;
}

.top-tool {
  width: 34px;
  height: 35px;
  min-width: 34px;
  line-height: 35px;
}

.emblem-btn {
  width: 42px;
  min-width: 42px;
  height: 35px;
  padding: 1px;
}

.emblem-btn img {
  width: 31px;
  height: 31px;
  object-fit: contain;
}

.left-dock {
  top: 56px;
}

.credits-logo {
  width: 112px;
  height: 112px;
  object-fit: contain;
}

/* Evidenzia sempre la categoria che contiene almeno un layer acceso,
   anche quando il gruppo principale e' collassato. */
.group:has(.layer-item.active) > summary {
  background: #dcefe4;
  color: #0b5d36;
  box-shadow: inset 4px 0 0 var(--ok);
}

.group:has(.layer-item.active) > summary .group-label::after {
  content: "  ●";
  color: var(--ok);
  font-size: 10px;
  vertical-align: 1px;
}

.group:has(.layer-item.active) > summary .group-count::before {
  content: "ATTIVO · ";
  color: var(--ok);
  font-weight: 700;
}

.subgroup:has(.layer-item.active) > summary {
  background: #edf8f1;
  color: #0b5d36;
  box-shadow: inset 3px 0 0 #55a873;
}

.subgroup:has(.layer-item.active) > summary .subgroup-label::after {
  content: "  ●";
  color: var(--ok);
  font-size: 9px;
  vertical-align: 1px;
}