.udp-toolbar.app-mobile {
  background-color: transparent;

  .ant-btn {
    font-weight: bold;
    font-size: var(--font-size-base, 14px);
    border-radius: var(--adm-button-border-radius, 8px);

    &.ant-btn-primary:not([disabled]):active,
    &.ant-btn-primary:not([disabled]):hover {
      color: #fff;
    }

    &.ant-btn-icon-only > * {
      font-size: 20px;
    }
  }

  .user-component > * {
    font-weight: bold;
  }

  &.text .ant-btn-text:not([disabled]) {
    color: var(--primary-color);
  }

  .ant-btn-text:hover,
  .ant-btn-text:focus {
    background: transparent;
    border-color: transparent;
  }

  .ant-btn-text[disabled],
  .ant-btn-text[disabled]:hover,
  .ant-btn-text[disabled]:focus,
  .ant-btn-text[disabled]:active {
    opacity: 0.4;
  }
}

.toolbar-popover {
  --background: rgba(0, 0, 0, 0.7) !important;

  .adm-popover-menu-item {
    display: flex;
    align-items: center;
  }

  .adm-popover-menu-item-icon {
    display: flex;
    align-items: center;
  }

  .adm-popover-menu-item {
    padding-left: 12px;
  }

  .adm-popover-menu-item-text {
    padding: 10px 0 12px 0;
  }
}

.adm-nav-bar-right {
  .udp-toolbar.app-mobile.text {
    .ant-btn {
      padding-right: 0;
      padding-left: 5px;
    }

    .udp-btn-icon {
      display: none;
    }
  }
}