/* === Updated Shinylive Layout for Full Width & Full Height === */

div.output-content,
div.shinylive-wrapper {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

div.shinylive-wrapper {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.shinylive-container {
  background-color: #ffffff !important;
  min-height: 100vh !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shinylive-container > div {
  box-shadow: none !important;
}

iframe.app-frame {
  width: 100vw !important;
  height: 100vh !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Optional: Tweak font size inside code editor panel (if visible) */
.editor-container .cm-editor .cm-scroller {
  font-size: 13px;
  line-height: 1.5;
}

/* === Move Vertical Scrollbar to the Left === */

.sidebarPanel,
.mainPanel {
  direction: rtl;         /* Flip scroll direction */
  text-align: left;       /* Re-align text normally */
}

.sidebarPanel * ,
.mainPanel * {
  direction: ltr !important;  /* Ensure inner content is not reversed */
}