/* assets/plotly_fullscreen.css */

/* Prevent the background page from scrolling while fullscreen is active */
body.plotly-fullscreen-active {
  overflow: hidden;
}

/* Fullscreen plot container */
.is-fullscreen {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1060 !important;

  background: #fff;
  overflow: auto;

  /* Helps avoid seeing underlying content during repaint/layout */
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.08);
}

/* Plotly graph containers should take full available width */
.js-plotly-plot {
  width: 100% !important;
}

/* When fullscreen, force Plotly's internal wrappers to fill viewport height */
.is-fullscreen .plot-container,
.is-fullscreen .svg-container,

/* Your existing modebar icon styling */
#protein-profile-plot-btn-fullscreen > svg {
  color: #ada69c;
}

#protein-profile-plot-btn-fullscreen:hover > svg {
  color: #2c3e50;
}