/* Normal state: shows diagram inline, cursor indicates click */
.uml-container {
  cursor: pointer;
}

/* Fullscreen container */
.uml-container.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 9999;
  overflow: auto;
  padding: 1rem;
}

/* Scale Mermaid SVG proportionally inside fullscreen */
.uml-container.fullscreen .mermaid svg {
  width: 100%;
  height: auto;           /* preserve aspect ratio */
  max-height: 100vh;      /* don't exceed viewport height */
  display: block;
  margin: 0 auto;         /* center horizontally */

  pointer-events: none;   /* allow clicks to pass through to container */
}