/* Additional custom styles beyond base.html inline styles */

/* Responsive sidebar collapse */
@media (max-width: 768px) {
  .sidebar {
    transform: translateX(-100%);
    transition: transform .3s;
  }
  .sidebar.open {
    transform: translateX(0);
  }
  .main {
    margin-left: 0;
    padding: 1rem;
  }
}

/* Smooth Plotly resize on window resize */
.plotly-wrap .js-plotly-plot {
  width: 100% !important;
}

/* Molecule SVG dark theme overrides */
.mol-svg svg text {
  fill: #c8d4f0 !important;
}
.mol-svg svg line,
.mol-svg svg path {
  stroke: #8899cc !important;
}