/* Majhuol Window Controls Overlay support — only applies in PWA install with WCO */

@supports (top: env(titlebar-area-y)) {
  body[data-pwa-wco="1"] header,
  body[data-pwa-wco="1"] .top_header,
  body[data-pwa-wco="1"] .header_top {
    position: fixed;
    inset-block-start: env(titlebar-area-y, 0);
    inset-inline-start: env(titlebar-area-x, 0);
    inline-size: env(titlebar-area-width, 100%);
    block-size: env(titlebar-area-height, 48px);
    -webkit-app-region: drag;
    app-region: drag;
    z-index: 1000;
  }
  body[data-pwa-wco="1"] header a,
  body[data-pwa-wco="1"] header button,
  body[data-pwa-wco="1"] header input,
  body[data-pwa-wco="1"] .top_header a,
  body[data-pwa-wco="1"] .top_header button,
  body[data-pwa-wco="1"] .top_header input {
    -webkit-app-region: no-drag;
    app-region: no-drag;
  }
  body[data-pwa-wco="1"] {
    padding-block-start: env(titlebar-area-height, 48px);
  }
}