/* Standalone shell only. The widget itself keeps the original compiled CSS and Colibri design. */
html, body, #root {
  margin: 0;
  min-width: 0;
  min-height: 100%;
}

/* Remove SDK developer-only chrome; these controls are not part of the StuderPredict widget. */
.ugg-widget-dev-wrapper .dev-header-container,
.ugg-widget-dev-wrapper .screenshot-button-fixed,
.ugg-widget-dev-wrapper .env-configurator {
  display: none !important;
}

.ugg-widget-dev-wrapper.main-window {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

.ugg-widget-dev-wrapper .widget-container {
  padding: 20px !important;
}

/* Keep the original 1024 px Fullscreen widget size where possible, but make the demo usable on smaller screens. */
.ugg-widget-dev-wrapper .widget-size-container {
  width: min(1024px, calc(100vw - 40px)) !important;
  height: auto !important;
  min-height: 1546px;
}

.ugg-widget-dev-wrapper .widget-size-container > .colibri-card-wrapper,
.ugg-widget-dev-wrapper .widget-size-container > .colibri-card-wrapper > .colibri-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 1546px;
}

@media (max-width: 560px) {
  .ugg-widget-dev-wrapper .widget-container { padding: 8px !important; }
  .ugg-widget-dev-wrapper .widget-size-container { width: calc(100vw - 16px) !important; }
}