/* sidebar-solid-final.css
 * -----------------------------------------------------------------------------
 * Historical name kept for compatibility. The previous version forced the
 * sidebar to a solid background and blocked all glass effects.
 *
 * Now the sidebar IS glass (see css/glass-spotlight.css). This file only:
 *   1. Keeps the legacy LiquidGlassEngine pointer-glare layers from leaking
 *      into the sidebar (they were the source of the "grey rectangle" bug).
 *   2. Provides the resizer reset.
 *
 * It deliberately does NOT touch background, border, box-shadow,
 * backdrop-filter, transform or pseudo-elements of #sidebar / .sb-item /
 * .tree-row / .workspace-switcher — that's all handled by glass-spotlight.css.
 */

/* Block LiquidGlassEngine pointer/glare wrappers inside the sidebar so they
   never paint that vertical grey rectangle behind the glass. */
html[data-visual="liquid-glass"] #sidebar .lg-pointer,
html[data-visual="liquid-glass"] #sidebar .lg-bubble,
html[data-visual="liquid-glass"] .sidebar .lg-pointer,
html[data-visual="liquid-glass"] .sidebar .lg-bubble,
html[data-visual="liquid-glass"] #workspace-switcher.lg-pointer,
html[data-visual="liquid-glass"] #workspace-switcher.lg-bubble,
html[data-visual="liquid-glass"] .workspace-switcher.lg-pointer,
html[data-visual="liquid-glass"] .workspace-switcher.lg-bubble {
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
  perspective: none !important;
  transform-style: flat !important;
}

html[data-visual="liquid-glass"] #sidebar .lg-pointer::after,
html[data-visual="liquid-glass"] #sidebar .lg-bubble::after,
html[data-visual="liquid-glass"] .sidebar .lg-pointer::after,
html[data-visual="liquid-glass"] .sidebar .lg-bubble::after,
html[data-visual="liquid-glass"] #workspace-switcher.lg-pointer::after,
html[data-visual="liquid-glass"] #workspace-switcher.lg-bubble::after,
html[data-visual="liquid-glass"] .workspace-switcher.lg-pointer::after,
html[data-visual="liquid-glass"] .workspace-switcher.lg-bubble::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  pointer-events: none !important;
}

/* Resizer must look transparent against the glass; the glass-spotlight.css
   handles the sidebar itself. */
html[data-visual="liquid-glass"] #sidebar-resizer,
html[data-visual="liquid-glass"] .sidebar-resizer {
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-visual="liquid-glass"] #sidebar-resizer:hover,
html[data-visual="liquid-glass"] .sidebar-resizer:hover {
  background: color-mix(in srgb, var(--text) 10%, transparent) !important;
}