/* PWA: Window Controls Overlay title bar */
@media (display-mode: standalone), (display-mode: window-controls-overlay) {
  .pwa-titlebar {
    position: fixed;
    left: env(titlebar-area-x, 0);
    top: env(titlebar-area-y, 0);
    width: env(titlebar-area-width, 100%);
    height: env(titlebar-area-height, 0px);
    -webkit-app-region: drag;
    app-region: drag;
    z-index: 9999;
    pointer-events: none;
  }

  body.pwa-installed {
    padding-top: env(titlebar-area-height, 0px);
  }
}

/* PWA offline banner */
.pwa-offline-banner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ff9800;
  color: #fff;
  text-align: center;
  padding: 8px 16px;
  font-size: 13px;
  z-index: 10000;
}

.pwa-offline-banner.is-visible {
  display: block;
}