@import './base.css';

#app {
  margin: 0 auto;
  padding: 0;
  height: 100vh;
  height: 100dvh;
  width: 100%;
  min-height: 0;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--pm-text-primary);
  background-color: var(--pm-bg-primary);
  overflow: hidden;
}

html,
body {
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

/* Mobile sidebar drawer: remove inner padding so background can be full-bleed */
.mobile-aside-drawer {
  background: transparent;
}

.mobile-aside-drawer .el-drawer__body {
  padding: 0 !important;
  background: transparent;
}

/* Global dialog vertical and horizontal centering */
.el-overlay-dialog {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.el-overlay-dialog .el-dialog {
  margin: auto !important;
}