/* DOCTRIX usa directamente su recurso blanco con transparencia real. */
body.dark .brand-logo-img[data-logo-kind="official"] {
  filter: drop-shadow(0 0 4px var(--primary)) drop-shadow(0 0 9px var(--primary-glow)) !important;
}

/* Los logos personalizados se convierten a blanco monocromático en modo oscuro. */
body.dark .brand-logo-img[data-logo-kind="custom"] {
  filter: drop-shadow(0 0 4px var(--primary)) drop-shadow(0 0 9px var(--primary-glow)) !important;
}

/* El logo conserva la transparencia y recibe un resplandor suave del color activo. */
body.dark #sidebar-brand-icon.has-image:has(.brand-logo-img[data-logo-kind="official"]) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: 0 0 16px var(--primary-glow), 0 0 30px color-mix(in srgb, var(--primary) 18%, transparent) !important;
  padding: 2px !important;
}

/* Sin placa: los píxeles transparentes permanecen transparentes. */
body.dark #sidebar-brand-icon.has-image:has(.brand-logo-img[data-logo-kind="custom"]) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: 0 0 16px var(--primary-glow), 0 0 30px color-mix(in srgb, var(--primary) 18%, transparent) !important;
  padding: 2px !important;
}

/* Durante la edición, la luz sigue el selector antes de guardar. */
body.root-brand-live-preview.dark #sidebar-brand-icon.has-image {
  box-shadow: 0 0 18px var(--root-preview-glow), 0 0 34px color-mix(in srgb, var(--root-preview-primary) 22%, transparent) !important;
}

body.root-brand-live-preview.dark #sidebar-brand-icon .brand-logo-img {
  filter: drop-shadow(0 0 5px var(--root-preview-primary)) drop-shadow(0 0 11px var(--root-preview-glow)) !important;
}