.host-header {
  &__device-status-tag {
    margin-left: $pad-small;
    background-color: $ui-warning;
    padding: $pad-xsmall;
    font-size: 10px;
    font-weight: $bold;
    border-radius: $border-radius;

    &.warning {
      background-color: $ui-warning;
    }

    &.error {
      color: $core-fleet-white;
      background-color: $core-vibrant-red;
    }
  }

  &__last-fetched {
    font-size: $xx-small;
    color: $core-fleet-black;
    margin: 0;
    margin-left: $pad-medium;
  }

  &__refetch {
    display: flex;

    .refetch-btn {
      &:hover {
        svg {
          path {
            fill: $ui-fleet-black-75-over;
          }
        }
      }
    }

    // Inherits disabled button styles
    .refetch-spinner {
      .icon {
        animation: spin 2s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
          transform-origin: center center;
        }

        100% {
          transform: rotate(360deg);
          transform-origin: center center;
        }
      }
    }
  }

  .title__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: $pad-medium;
  }
}
