/**
 * PWA Window Controls Overlay — solo quando Chrome usa display_override WCO.
 * Nessun effetto in browser normale o standalone senza overlay.
 */
@media (display-mode: window-controls-overlay) {
  :root {
    --header-h: max(64px, env(titlebar-area-height, 64px));
  }

  .layout__brand,
  .page-head {
    -webkit-app-region: drag;
    app-region: drag;
  }

  .layout__brand {
    padding-left: calc(10px + env(titlebar-area-x, 0px));
  }

  .page-head {
    padding-top: max(10px, env(titlebar-area-y, 0px));
    min-height: max(64px, env(titlebar-area-height, 64px));
  }

  .layout__brand .sidebar-toggle,
  .layout__brand .brand-wrap__link,
  .layout__brand a,
  .layout__brand button,
  .page-head a,
  .page-head button,
  .page-head input,
  .page-head select,
  .page-head textarea,
  .page-head details,
  .page-head summary,
  .page-head .icon-btn,
  .page-head .page-head__account,
  .page-head .page-head__account-panel {
    -webkit-app-region: no-drag;
    app-region: no-drag;
  }

  html.layout--sidebar-collapsed .sidebar-toggle {
    left: calc(10px + env(titlebar-area-x, 0px));
  }
}