/*
 * Estilo común de los divisores principales.
 * Referencia visual: divisor original del Panel de control.
 *
 * - 10 px de área visible y de arrastre en escritorio.
 * - Fondo azul grisáceo oscuro en reposo.
 * - Azul de acento al pasar el puntero o durante el arrastre.
 * - Sin líneas internas, degradados, bordes ni pseudo-elementos.
 */

:root {
  --viewer-splitter-size: 10px;
  --viewer-splitter-idle: #1e293b;
  --viewer-splitter-active: var(--accent, #0066cc);
}

/* Evita que cualquier hueco entre la aplicación y el panel de Incidencias
   revele el fondo blanco del documento. */
.workspace-shell {
  background: #0f172a !important;
}

/* Divisores verticales que separan el visor 3D de los paneles laterales. */
#columnSplitter.column-splitter,
#propertiesSplitter.properties-splitter,
#clashSplitter.clash-splitter,
#worksSplitter.works-splitter,
#plansColumnSplitter.plans-column-splitter,
#issuesSplitter.issues-panel-splitter {
  position: relative !important;
  box-sizing: border-box !important;
  width: var(--viewer-splitter-size) !important;
  min-width: var(--viewer-splitter-size) !important;
  max-width: var(--viewer-splitter-size) !important;
  flex: 0 0 var(--viewer-splitter-size) !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: var(--viewer-splitter-idle) !important;
  opacity: 1 !important;
  overflow: hidden !important;
  cursor: col-resize !important;
  touch-action: none !important;
  user-select: none !important;
  transition: background 0.15s ease !important;
}

/* Retira las guías finas que tenían Incidencias y las reglas añadidas
   anteriormente para el resto de divisores. */
#columnSplitter.column-splitter::before,
#columnSplitter.column-splitter::after,
#propertiesSplitter.properties-splitter::before,
#propertiesSplitter.properties-splitter::after,
#clashSplitter.clash-splitter::before,
#clashSplitter.clash-splitter::after,
#worksSplitter.works-splitter::before,
#worksSplitter.works-splitter::after,
#plansColumnSplitter.plans-column-splitter::before,
#plansColumnSplitter.plans-column-splitter::after,
#issuesSplitter.issues-panel-splitter::before,
#issuesSplitter.issues-panel-splitter::after {
  content: none !important;
  display: none !important;
}

#columnSplitter.column-splitter:hover,
#columnSplitter.column-splitter.dragging,
#propertiesSplitter.properties-splitter:hover,
#propertiesSplitter.properties-splitter.dragging,
#clashSplitter.clash-splitter:hover,
#clashSplitter.clash-splitter.dragging,
#worksSplitter.works-splitter:hover,
#worksSplitter.works-splitter.dragging,
#plansColumnSplitter.plans-column-splitter:hover,
#plansColumnSplitter.plans-column-splitter.dragging,
body.plans-resizing #plansColumnSplitter.plans-column-splitter,
#issuesSplitter.issues-panel-splitter:hover,
#issuesSplitter.issues-panel-splitter.dragging,
.workspace-shell.resizing #issuesSplitter.issues-panel-splitter {
  background: var(--viewer-splitter-active) !important;
}

/* Incidencias no necesita una segunda línea ni sombra junto al divisor. */
#issuesPanel.issues-panel-shell {
  border-left: 0 !important;
  box-shadow: none !important;
}

/* Divisor horizontal entre el visor 3D y el panel Datos.
   Conserva exactamente el mismo lenguaje visual del divisor de Control. */
#viewerRowSplitter.viewer-row-splitter {
  position: relative !important;
  box-sizing: border-box !important;
  flex: 0 0 var(--viewer-splitter-size) !important;
  width: 100% !important;
  height: var(--viewer-splitter-size) !important;
  min-height: var(--viewer-splitter-size) !important;
  max-height: var(--viewer-splitter-size) !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: var(--viewer-splitter-idle) !important;
  opacity: 1 !important;
  overflow: hidden !important;
  cursor: row-resize !important;
  touch-action: none !important;
  user-select: none !important;
  transition: background 0.15s ease !important;
}

#viewerRowSplitter.viewer-row-splitter::before,
#viewerRowSplitter.viewer-row-splitter::after {
  content: none !important;
  display: none !important;
}

#viewerRowSplitter.viewer-row-splitter:hover,
#viewerRowSplitter.viewer-row-splitter.dragging {
  background: var(--viewer-splitter-active) !important;
}

/* En el modo móvil apilado los divisores principales se ocultan según el
   comportamiento existente de la aplicación; no se altera esa lógica. */
@media (max-width: 820px) {
  .app.mobile-stacked-layout > #columnSplitter.column-splitter,
  .app.mobile-stacked-layout > #propertiesSplitter.properties-splitter,
  .app.mobile-stacked-layout > #clashSplitter.clash-splitter,
  .app.mobile-stacked-layout > #worksSplitter.works-splitter,
  .app.mobile-stacked-layout > #plansColumnSplitter.plans-column-splitter,
  .app.mobile-stacked-layout > .viewer-column > #viewerRowSplitter.viewer-row-splitter,
  .workspace-shell.mobile-stacked-layout > #issuesSplitter.issues-panel-splitter {
    display: none !important;
  }
}