/* =============================================================================
   DentalSys · App instalada en computadora sin barra de título (Window Controls Overlay)
   Chrome deja solo los botones minimizar / maximizar / cerrar flotando arriba a la
   derecha. La barra superior del sistema ocupa ese espacio y sirve para mover la ventana.
   Solo actúa cuando html tiene la clase .ds-wco (la pone js/pwa-titlebar.js).
   ============================================================================= */

/* La barra superior y la cabecera del menú lateral sirven para arrastrar la ventana */
html.ds-wco .dentalsys-topbar,
html.ds-wco .dentalsys-sidebar .navbar-header {
  -webkit-app-region: drag;
  app-region: drag;
}

/* ...pero todo lo que se puede tocar dentro de ellas sigue funcionando */
html.ds-wco .dentalsys-topbar a,
html.ds-wco .dentalsys-topbar button,
html.ds-wco .dentalsys-topbar input,
html.ds-wco .dentalsys-topbar select,
html.ds-wco .dentalsys-topbar [role="button"],
html.ds-wco .dentalsys-topbar .dropdown,
html.ds-wco .dentalsys-topbar .el-select,
html.ds-wco .dentalsys-topbar .el-input,
html.ds-wco .dentalsys-topbar .establishment-switcher,
html.ds-wco .dentalsys-topbar .ds-est-trigger,
html.ds-wco .dentalsys-topbar .dentalsys-topbar__menu-btn,
html.ds-wco .dentalsys-topbar .dentalsys-topbar__branch,
html.ds-wco .dentalsys-topbar .dentalsys-topbar__right > li:not(.dentalsys-topbar__rule),
html.ds-wco .dentalsys-sidebar .navbar-header a,
html.ds-wco .dentalsys-sidebar .navbar-header button {
  -webkit-app-region: no-drag;
  app-region: no-drag;
}

/* Ventanas, menús desplegables y el menú lateral abierto nunca arrastran la ventana
   (aunque queden encima de la barra superior) */
html.ds-wco .main-menu,
html.ds-wco .sidenav-overlay,
html.ds-wco .dropdown-menu,
html.ds-wco .el-dialog__wrapper,
html.ds-wco .v-modal,
html.ds-wco .el-message-box__wrapper,
html.ds-wco .el-popper,
html.ds-wco .el-select-dropdown,
html.ds-wco .el-picker-panel,
html.ds-wco .el-notification,
html.ds-wco .el-message,
html.ds-wco .el-drawer__wrapper,
html.ds-wco .el-loading-mask {
  -webkit-app-region: no-drag;
  app-region: no-drag;
}
html.ds-wco .main-menu .navbar-header {
  -webkit-app-region: drag;
  app-region: drag;
}
html.ds-wco .main-menu .navbar-header a,
html.ds-wco .main-menu .navbar-header button {
  -webkit-app-region: no-drag;
  app-region: no-drag;
}

/* El contenido de la barra superior no se mete debajo de los botones de la ventana */
html.ds-wco .dentalsys-topbar .navbar-container {
  padding-right: calc(100vw - env(titlebar-area-x, 0px) - env(titlebar-area-width, 100vw) + 0.75rem) !important;
}

/* Login (sin barra superior): franja invisible arriba para poder mover la ventana */
#ds-wco-drag {
  display: none;
}
html.ds-wco #ds-wco-drag.is-on {
  display: block;
  position: fixed;
  top: env(titlebar-area-y, 0px);
  left: env(titlebar-area-x, 0px);
  width: env(titlebar-area-width, 100%);
  height: env(titlebar-area-height, 33px);
  z-index: 2147483000;
  -webkit-app-region: drag;
  app-region: drag;
}