:root {
  --access-allowed-bg-color: rgb(173, 204, 173);
  --access-allowed-label-color: rgb(212, 236, 212);
  --access-allowed-text-color: rgb(26, 26, 26);
  --access-allowed-selected-bg-color: rgb(130, 153, 130);

  --access-allowed-bg-color-dark: rgb(36, 51, 36);
  --access-allowed-label-color-dark: rgb(173, 204, 173);
  --access-allowed-text-color-dark: rgb(173, 204, 173);
  --access-allowed-selected-bg-color-dark: rgb(130, 153, 130);

}
.node:has(.node-label) {
  --tree-node-bg: light-dark(var(--access-allowed-bg-color), var(--access-allowed-bg-color-dark));
  border-radius: 0;
}
.node.node-selected:has(.node-label) {
  --tree-node-bg: light-dark(var(--access-allowed-selected-bg-color),var(--access-allowed-selected-bg-color-dark));
  --tree-node-border-color: light-dark(var(--access-allowed-selected-bg-color),var(--access-allowed-selected-bg-color-dark)) !important;
  border-radius: 0;
}
.node .node-label {
  top: 0;
  bottom: 0;
  border-radius: 0;
  inset-inline-start: 0;
  background-color: light-dark(var(--access-allowed-label-color),var(--access-allowed-label-color-dark)) !important;
}
.node:has(.node-label) .node-contentlabel {
  color: light-dark(var(--access-allowed-text-color,var(--access-allowed-text-color-dark))) !important;
}
.node:has(.node-label) .node-toggle {
  color: light-dark(var(--access-allowed-text-color),var(--access-allowed-text-color-dark)) !important;
}

.node.node-selected:has(.node-label) {
  background-color: light-dark(var(--access-allowed-selected-bg-color),var(--access-allowed-selected-bg-color-dark)) !important;
  color: #ffffff !important;
}
.node.node-selected:has(.node-label) .node-contentlabel {
  color: #ffffff !important;
}
.node:has(.node-label) .node-treeline {
  color: light-dark(var(--access-allowed-selected-bg-color),var(--access-allowed-label-color-dark)) !important;
  opacity: 0.5;
}
.node.node-selected:has(.node-label) .node-treeline {
  color: #ffffff !important;
  opacity: 1;
}

.node.node-selected:has(.node-label) .node-treelines+.node-toggle typo3-backend-icon {
  background-color: light-dark(var(--access-allowed-selected-bg-color),var(--access-allowed-selected-bg-color-dark)) !important;
  color: #ffffff !important;;
}
.node.node-selected .text-warning {
  color: #ffffff !important;;
}