/* The read-only office preview framed by the landing page. companion.css does
   the office art; this only strips the page chrome and makes the stage fill the
   frame, so the preview and the real office at /office stay one source. */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #090D14;
  pointer-events: none !important;
  user-select: none !important;
}
.main {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.view[data-view="office"] {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.office {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.office-stage {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#officeCanvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.live-bar, #infoPanel, .office-zoom {
  display: none !important;
}