/* safe-glass-final.css
   Mantiene Liquid Glass visible y apaga capas peligrosas.
   NO usa data-recovery-mode para evitar que app.js vuelva a Minimal.
*/

html[data-safe-glass="true"] #sidebar::before,
html[data-safe-glass="true"] #sidebar::after,
html[data-safe-glass="true"] .sidebar::before,
html[data-safe-glass="true"] .sidebar::after,
html[data-safe-glass="true"] .sidebar-inner::before,
html[data-safe-glass="true"] .sidebar-inner::after,
html[data-safe-glass="true"] .workspace-switcher::before,
html[data-safe-glass="true"] .workspace-switcher::after,
html[data-safe-glass="true"] .ws-left::before,
html[data-safe-glass="true"] .ws-left::after,
html[data-safe-glass="true"] .sb-item::before,
html[data-safe-glass="true"] .sb-item::after,
html[data-safe-glass="true"] .tree-row::before,
html[data-safe-glass="true"] .tree-row::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-safe-glass="true"] #sidebar,
html[data-safe-glass="true"] .sidebar,
html[data-safe-glass="true"] .sidebar-inner,
html[data-safe-glass="true"] .workspace-switcher {
  transform: none !important;
  filter: none !important;
  animation: none !important;
  will-change: auto !important;
  isolation: auto !important;
}

html[data-safe-glass="true"] .sb-item:hover,
html[data-safe-glass="true"] .tree-row:hover,
html[data-safe-glass="true"] .fav-item:hover {
  background: var(--hover) !important;
  transform: none !important;
  box-shadow: none !important;
}

html[data-safe-glass="true"] #slash-menu,
html[data-safe-glass="true"] #core-command-menu {
  z-index: 2147483000 !important;
  pointer-events: auto !important;
  min-width: 320px !important;
  max-width: min(560px, calc(100vw - 24px)) !important;
  max-height: min(480px, calc(100vh - 48px)) !important;
  overflow: auto !important;
  border-radius: 16px !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
}

html[data-safe-glass="true"][data-visual="liquid-glass"] #slash-menu,
html[data-safe-glass="true"][data-visual="liquid-glass"] #core-command-menu {
  background: color-mix(in srgb, var(--bg) 76%, transparent) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html[data-safe-glass="true"] #slash-menu.hidden,
html[data-safe-glass="true"] #core-command-menu.hidden {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-safe-glass="true"] .sm-item,
html[data-safe-glass="true"] .core-cmd-item,
html[data-safe-glass="true"] .core-command-item {
  cursor: pointer !important;
  pointer-events: auto !important;
  color: var(--text) !important;
}

html[data-safe-glass="true"] .sm-item:hover,
html[data-safe-glass="true"] .sm-item.selected,
html[data-safe-glass="true"] .core-cmd-item:hover,
html[data-safe-glass="true"] .core-cmd-item.is-active,
html[data-safe-glass="true"] .core-command-item:hover,
html[data-safe-glass="true"] .core-command-item.is-active {
  background: var(--hover) !important;
  color: var(--text) !important;
}

html[data-safe-glass="true"] #workspace-menu,
html[data-safe-glass="true"] #core-workspace-menu {
  z-index: 2147482990 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

html[data-safe-glass="true"][data-visual="liquid-glass"] #workspace-menu,
html[data-safe-glass="true"][data-visual="liquid-glass"] #core-workspace-menu {
  background: color-mix(in srgb, var(--bg) 82%, transparent) !important;
  backdrop-filter: blur(16px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.18) !important;
}

html[data-safe-glass="true"] #workspace-menu.hidden,
html[data-safe-glass="true"] #core-workspace-menu.hidden {
  display: none !important;
}

html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] {
  background: var(--bg) !important;
  color: var(--text) !important;
}

html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] .tt-root,
html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] .cal-page,
html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] .wb-editor,
html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] .wb-canvas-wrap,
html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] .gv-stage,
html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] .aig-canvas,
html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] canvas,
html[data-safe-glass="true"] #special-view[data-lg-safe-view="true"] svg {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
}

html[data-safe-glass="true"] .tt-widget {
  position: fixed !important;
  left: 50% !important;
  top: 16px !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 320px !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: 84px !important;
  flex: 0 0 auto !important;
  align-self: auto !important;
  overflow: hidden !important;
  border-radius: 999px !important;
}

html[data-safe-glass="true"] .tt-widget::before,
html[data-safe-glass="true"] .tt-widget::after,
html[data-safe-glass="true"] .tt-root::before,
html[data-safe-glass="true"] .tt-root::after,
html[data-safe-glass="true"] .wb-editor::before,
html[data-safe-glass="true"] .wb-editor::after,
html[data-safe-glass="true"] .gv-stage::before,
html[data-safe-glass="true"] .gv-stage::after {
  content: none !important;
  display: none !important;
}