/* macOS keeps native traffic lights; only the underlying rail is app-painted. */
html[data-desktop-chrome='mac-inset'] {
  --window-titlebar-height: 40px;
}

.window-titlebar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  display: flex;
  align-items: center;
  height: var(--window-titlebar-height, 40px);
  padding: 0 20px 0 92px;
  color: #526d87;
  background: #eef2f7;
  border-bottom: 1px solid rgba(207, 219, 232, .55);
  font-size: 12px;
  font-weight: 550;
  letter-spacing: .1px;
  user-select: none;
  -webkit-app-region: drag;
  app-region: drag;
}

.window-titlebar > span {
  pointer-events: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Leave all regular controls and the native browser slot below the rail.
   Its measured DOM bounds continue to drive BrowserHost without transforms. */
html[data-desktop-chrome='mac-inset'] .chat-app.blue-preview {
  margin-top: calc(var(--window-titlebar-height) + 12px);
  height: calc(100dvh - var(--window-titlebar-height) - 32px);
}