.desktop-title-bar {
  color: var(--enas-title-bar-foreground-color) !important;
  margin-top: 1px;
  z-index: var(--enas-z-index-title-bar);
  cursor: pointer;
  -webkit-app-region: drag;
  padding: 0;
  margin: 0;
  height: var(--enas-desktop-title-bar-height);
  line-height: calc(var(--enas-desktop-title-bar-height));
  vertical-align: middle;
  background-color: var(--enas-title-bar-background-color) !important;
  position: absolute;
  width: 100%;
  top: 0;

  .content {
    position: relative;
    z-index: var(--enas-z-index-title-bar-content);
    width: 100%;
    height: 100%;

    .inner {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid var(--enas-border-color);
    }
  }


  .btn {
    -webkit-app-region: no-drag;
    margin: 0;
    background: none;
    border: none;
    padding: 0 5px;
    color: var(--enas-foreground-primary-color);
    vertical-align: middle;
    height: 100%;
    float: left;

    .el-button {
      vertical-align: middle;
      height: 100%;
    }

    svg {
      max-width: var(--enas-desktop-titlebar-icon-font-size);
    }

    &:hover svg,
    &:focus svg {
      color: var(--enas-foreground-secondary-color);
    }

    &:focus {
      box-shadow: none;
    }
  }

  .title-bar-ext-buttons,
  .title-bar-window-buttons {
    font-size: 0;

    .btn:first-child {
      padding-left: 1rem
    }

    .btn:last-child {
      padding-right: 1rem
    }
  }

}